/*==========================
Media Responsive Style
============================*/

@media screen and (max-width: 767px) {
    .top_bar,
    #masthead.site-header {
        display: none !important;
    }    
    .title-home {
        font-size:25px;
        line-height:25px;
    }
    .pt-pb {
        padding:70px 0!important;
    }
    .right-side,
    .left-container {
        max-width: 100%;
    }
    .text-right {
        text-align: center;
    }
    .btn-default {
        font-size:18px;
    } 
    p {
        font-size: 15px;
    }
    .flex-row,
    .flex-row-center{
        display: block;
    }
    .custom-logo {
        width: auto;
    }
    .top-img-btn {
        display: block;
    }
    .container {
        padding: 0 15px;
    }
    .side-menu-wrapper ul li a{
        font-family: var(--navigation-font);
    }

    .text-right {
        text-align: left;
    }
    .btn_default {
        font-size: 17px;
        padding: 15px 35px;
    }
    /* Home */  
    
    .site_logo {
        z-index: 99;
        position: relative;
    }
    .header_content{
        width: 100%;
        border-radius: 50px;
    }
    section.top-section-services{
        height: auto;
        padding:0 0px;
        overflow: hidden;
    }
    .top-section-services img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .slide-heading-content {
        padding: 20px 20px 30px;
        border-radius: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        height: auto;
        border: none;
    }
    .welcome_content_area .title-home{
        font-size: 35px;
    }
    .slide-heading-content strong,
    .welcome_content_area strong,
    .icon-set h3 {
        font-size: 20px;
        gap: 10px;
    }
    .welcome_content_area_services ul li {
        position: relative;
        padding-left: 25px;
    }
    .welcome_content_area_services .col-5 {
        margin-top: 30px;
    }
    .evergreen {
        margin-top: 30px;
    }
    .welcome_content_area_services ul li:before {
        position: absolute;
        left: 0;
    }
    .service_list{
        margin: 0;
    }
    .service-systems-wrapper h2 small{
        font-size: 20px;
    }
    .slide-heading-content strong:before {
        height: 3px;
        width: 25px;
    }
   .header_content .slide-heading {
        font-size: 30px;
        border: none;
        text-align: center;
        padding: 0;
        line-height: 1;
        margin-bottom: 10px;
    }
    .sub-heading {
        font-size:18px;
        letter-spacing: 0;
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }
    .slide-heading-content a.btn_default{
        margin: 10px 0 0;
    }

    section.welcome_section{
        padding:3em 0;
        overflow: hidden;
        height: auto;
    }  
    span.title-dream{
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
    .green-projects .title-home {
        font-size: 30px;
        line-height: 1;
    }
    .green-projects ul li {
        width: 100%;
    }
    .project-item{
        margin-top: 30px;
    }
    .project-content strong {
        line-height: 1;
        display: block;
        margin-bottom: 18px;
    }
    section.green-projects{
        padding: 50px 0;
    }
    .project_slide_item img {
        height: 280px;
    }
    .green-projects-section {
        margin-top: 30px;
        width: 90%;
        border-radius: 15px;
        padding: 20px !important;
    }
    .green-projects-section h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .service-systems-icons .col-3 {
        background: #fff;
    }
    .service-systems-icons{
        margin-top: 30px;
    }
    .systems-icons{
        border:0;
        border-bottom: 1px solid #e3e8e0;
        padding: 30px 20px;
    }
    section.service-systems-wrapper{
        padding: 80px 0;
    }
    .service-systems-wrapper h2 a,
    .service-systems-wrapper .title-home{
        font-size: 40px;
        line-height: 1;
    }
    .service-systems-wrapper h2{
        font-size: 25px;        
    }   
    .service-systems-wrapper p{
        font-size: 16px;
        line-height: 22px;
        margin: 10px 0 10px;
    }
    section.green-projects.connect-with{
        padding: 50px 0;
    }
    .col-4.help-contact {
        padding: 30px;
        background: #fff;
        border-radius: 20px;
        margin-top: 0;
    }    
    .help-contact img {
        max-width: 100%;
    }
    .help-contact a.facebook img{
        width: auto;
    }
    #bookauditModal .modal-content {
        width: 85%;
        padding: 15px;
    }
    .alignright {
            display: block;
        float: none;
        margin-bottom: 10px;
        margin-left: 0;
    }
    .gform_wrapper.gravity-theme .gform_fields {
        display: block;
    }
    .connect-with .col-4 img {
        margin-top: 25px;
    }

    /*  Footer Top*/
    .foter-top{
        padding:80px 0;
        height: auto;
        text-align: center;
    }
    .foter-top .title-home,
    .foter-top strong a {
        line-height: 1;
        font-size: 32px;
        margin-bottom: 10px;
    }
    .foter-top strong a{
        margin-top: 5px;
    }
    .foter-top strong {
        font-size: 25px;
        line-height: 1;
        display: block;
    }
    .contact_details p {
        padding: 0;
    }    


    /*End Home*/
    .bead h1.entry-title, .bead .entry-title{
        padding: 0;
    }
    .page-header {
        padding:3em 15px;
        height: auto;
    }
    .page-header h1.entry-title, .page-header .entry-title {
        font-size: 25px;
        text-align: center;
    }
    .sub-header-link ul li a {
        padding: 8px 20px;
        margin:2px;
        font-size: 14px;
    }    
    .connected {
        padding: 20px 0;
    }    
    .col-5.get-intouch{
        padding-top: 0;
    }

    /*Footer*/
    .site-footer{
        padding:2em 0 0;
    }
    .site-footer h2.widget-title{
        font-size:22px;
        margin-top:20px;
        margin-bottom:35px;
    }    
    .footer-section li.widget_nav_menu {
        list-style: none;
        margin-bottom: 0;
    }
    .footer-section li.widget_nav_menu {
        padding-left: 0;
        padding-top: 20px;
    }
    .site-info{
        text-align: center;
        line-height: 1.1;
    }
    .col-6.text-right.website {
        margin-top: 15px;
        text-align: center;
    }
    .footer-section .container {
        display: block !important;
    }
    .container.button-link-footer {
        padding: 0;
    }
    .custom-html-widget h2,
    .custom-html-widget h2 a{
        font-size: 20px;
    }
    .footer-section .nav_menu_list ul.menu li {
        padding-bottom: 10px;
        margin-right: 0;
        border: none;
        width: 100%;
    }
    .footer-section .nav_menu_list ul.menu li a,
    .site-footer a, .widget ul li, .widget ol li {
        font-size: 17px;
    }    
}

@media screen and (min-width: 590px) and (max-width: 800px) {    
    .text-right {
        text-align: center;
    }
    .service-icons .text-center.col-3 {
        width: 32%;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body {
        font-size:17px;
        line-height: 1.7;
    }
    .site_logo {
        max-width:unset;
    }
    .main-navigation a {
        font-size: 15px;
        padding: 1em 20px;
    }
    .main-navigation ul ul a {
        font-size: 12px;
    }
    .right-side,
    .left-container {
        max-width: 100%;
    }   
    .title-home {
        font-size: 35px;
    }
    .nav ul.sub-menu {
        width: 15em;
    }
    /*Home Page*/
    .header_content {
        width: 100%;
    }
    .header_phone a {
        font-size: 18px;
    }
    header#masthead .header_section:after{
        display: none;
    }
    .right_head {
        display: block;
        flex-wrap: wrap;
    }
    .header_section .header-top {
        padding: 1em;
        float: right;
    }
    .header_phone{
        margin: 0;
    }
    .header-top span{
        display: none;
    }
    /*End Home*/


    .footer-header-style ul#menu-footer-menu li {
        margin-left: 20px;
    }
    .footer-header-style .col-4 {
        width: 30%;
    }
    .footer-header-style .col-8 {
        width: 70%;
    }
    .quote-tool-links .quote-tool-links-tab a#quote-tool-btn {
        padding: 6px 15px;
    }
    .quote-button {
        background: #56a0d3;
        padding: 25px 20px;
        max-width: 240px;
    }
    .quote-button a {
        font-size: 16px;
    } 
    .nav-container {
        padding: 10px;
    }

    /*Footer*/
    .site-footer:after{
        display: none;
    }
    .footer-section li.widget_nav_menu{
        margin:0 0 25px;
    }
         
    h1.title-home {
        font-size:40px !important;
    }
    .col-6.about_content {
        padding: 2em;
    }
    .footer_icon .col-3 {
        padding:1em;
        width: 25%;
        float: left;
    }
    .footer_icon h3 {
        font-size: 18px;
    }
    .footer_icon span {
        font-size: 14px;
        line-height: normal;
        display: block;
    }
    .site-footer h2.widget-title {
        font-size: 18px;
    }
       

}



@media screen and (max-width: 768px) {
    body {
        font-size: 17px;
        line-height: 1.6;
    }
    .mobilehead {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        background: #fff ;
    }
    [class*="col-"] {
        float: none;
        width: 100%;
        padding:0 5px;
    }
    .site-header{
        display: none;
    }
    .nav>li {
        display: block;
    }
    /*Home Page*/
     

    /*Menu*/
    .navigation-top {
        position: absolute;
        right: 0;
        top: 44px;
        border-top: 1px solid #6f1e1e;
    }
    #menu-top-menu {
        position: absolute;
        width: 100%;
        z-index: 99999;
        left: 0;
    }
    .main-navigation .nav li {
        float: none;
        display: block;
        margin: 0;
    }
    .main-navigation .nav li a {
        padding:0.5em 1.2em;
    }
    .navigation-top {
        width: 100%;
        text-align: right;
    }
    .main-navigation>div>ul {
        text-align: right;
        padding: 0;
    }
    .main-navigation .nav li a {
        color: #fff;
        text-align: left;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    }
    .nav>li.hover>ul {
        position: relative;
        box-shadow: none;
        width: 100%;
        margin:0;
        padding: 0;
    }

    /*Home Page*/
    .pt-pb {
        padding:50px 0 !important;
    }
    .container {
        padding: 0 20px;
    }
    .map-outer{
        margin-left: 0 !important;
    }
    .x-text {
        font-size: 25px;
    }
    /*Page*/
    .bead {
        padding:0 !important;
    }
    .bead .sub-header {
        display: flex;
        align-items: center;
        height: 180px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        justify-content: center;
    }
    .bead:after, .bead:before{
        display: none;
    }
    .bead .entry-title {
        font-size: 30px !important;
        line-height: 1.2;
    } 
    .flex-col {
        display: block;
    }
    .blog .entry-header .entry-title {
        font-size: 22px;
    }
    .blog .entry-content img {
        max-width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .blog .entry-content p {
        font-size: 16px;
    }
}