@media (max-width: 1799px) {
    
}

@media (max-width: 1599px) {
    
    .sings .photo{
	    width: auto;
    }
    
    .text-box{ width: 97%; }
    .text-box .col-photo img{ width: 100%; }
}

@media (max-width: 1499px) {
    
    .contact-form{ margin-top: -500px; }
}

@media (max-width: 1450px) {
    .hero-out{  padding: 0; }
    
    .why,
    .process,
    .intro-out{ width: 100%; margin-right: 0; margin-left: 0;  }
    
    .why-hero, 
    .process{ border-radius: 0; }
    
    .form-box-out{ padding: 0 20px; }
    
    .main-services .service-photo{ width: 100%; }
    
    .photo-faq{ height: 450px; background-size: cover; }
    
    #hero.sub-hero{ height: 440px; }
    #hero.sub-hero .container .row .content{ margin-bottom: -60px; }
    
    .faq-wrapper{ padding: }
    
    #sidebar-area{ width: 33.33%; }
    
    
    .faq-wrapper .accordion-header .accordion-title{ padding: 15px; }
    .faq-wrapper.box .accordion-header h3[aria-expanded="true"]::before,
    .faq-wrapper .accordion-header .accordion-title::before{ top: 15px; }
}
@media (max-width: 1400px) {
	#header .logo a img{ width: 130px; height: auto; }
	.navbar .navbar-nav > li{ margin: 0 7px; }
	#header .contact a{ padding:  0 10px; }
	
	.home #hero{ height: 700px; }
	
	.more a,
	.entry-content p, .entry-content ul li, .entry-content ol li{ font-size: 17px; }
	
	.h3{ font-size: 29px; }
	
	.home-headline .h3{ font-size: 16px; padding-bottom: 5px; }
	.home-headline .h2{ font-size: 50px; }
	
	.widget-links ul li a{ font-size: 19px; }
	#sidebar-menu li.menu-item-100153.current_page_ancestor > a, #sidebar-menu > ul > li.current_page_parent > a{ padding-left: 10px !important; padding-bottom: 0; }
	#sidebar-menu .sub-menu li, #sidebar-menu li.current_page_parent > .sub-menu li{ padding-left: 30px; }
	
	.financing-module{ width: 540px !important;  }
	
	.container-maps .in .call{ font-size: 26px; }
	.container-maps .in .list ul li{ flex: 0 0 50%; }
	
	.main-service-title{ padding: 20px 0; }
}



@media (max-width: 1199px) {
    .wrapper {
        padding-top: 65px;
        padding-bottom: 65px;
    }  

    #header {
        padding-left: 25px;
        padding-right: 25px;
    }

    .navbar {
        margin-right: 0;
    }
    .icon-bar {
        background-color: #000;
    }
    .navbar-collapse #main-menu {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 310px;
        max-height: 80vh;
        top: 50px;
        left: -140px;
        padding: 30px 25px;
        background-color: #FFF;
        box-shadow: 0 8px 15px rgba(0, 0, 0, .15);
        transform-origin: 50% 0;
        transform: scaleY(0);
        transition-duration: 250ms;
        overflow-y: auto;
    }
    .navbar-collapse.show #main-menu {
        transform: scaleY(1);
    }

    .navbar-collapse #main-menu > li {
        width: 100%;
        height: auto;
        margin: 0;    
    }
    .navbar-collapse #main-menu > li:first-of-type {
        display: block;
    }
    .navbar-collapse #main-menu > li > a {
        color: #000;
        padding: 12px 15px;
        margin: 0;
        border-bottom: 0;
    }
    .navbar-collapse #main-menu > li.current-menu-item > a,
    .navbar-collapse #main-menu > li.current-page-parent > a,
    .navbar-collapse #main-menu > li:hover > a {
        color: var(--main) !important;
        border: 0;
    } 
    .navbar-collapse #main-menu > li.menu-item-has-children > a::after,
    .navbar .navbar-nav .dropdown .dropdown > .dropdown-item::after {
        display: none;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: grab;
        position: absolute;
        right: 0;
        top: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown {
        width: 42px;
        height: 42px;
    }
    .navbar-collapse #main-menu li.menu-item-has-children > span.mobile-dropdown::after {
        content: "\f107";
        color: #000;
        font-family: var(--fa-family-classic);
        font-size: 13px;
        font-weight: 700;
        line-height: 32px;
        border: 0;
        padding: 0;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown::after {
        line-height: 42px;
    }
    .navbar-collapse #main-menu > li.menu-item-has-children > span.mobile-dropdown.active-child::after {
        color: var(--main);
    }
    .navbar-collapse #main-menu li:hover > a::before, 
    .navbar-collapse #main-menu li.current-menu-item > a::before {
        display: none !important;
    }
    .navbar-collapse #main-menu li ul.dropdown-menu {
        display: none;
        position: relative;
        width: 100%;
        padding: 0 0 10px 15px;
        border: 0 !important;
        box-shadow: 0 0 0;
        top: 0; left: 0;
        visibility: visible;
        opacity: 1;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a {
        font-size: 15px;
        padding: 6px 20px;
        outline: none;
    }
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:hover,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:focus,
    .navbar-collapse #main-menu li > ul.dropdown-menu > li > a:active {
        color: var(--main);
        background-color: transparent;
    }

    .home #hero {  height: 540px; }
    .home-headline .h3{ font-size: 14px; }
    .home-headline .h1{ font-size: 35px; }
    
    .button{   padding: 10px 15px; font-size: 16px; }
    
    .google-small{  transform: scale(0.8); }
    .google-small:hover{  transform: scale(0.7); }
    
    .stat{ margin: 30px 0 20px; }
    .stats .stat-icon{ flex: 0 0 80px; width: 80px; height: 80px; }
    .stats .stat-icon img{ width: 50%; }
    .stat-info .stat-title{ font-size: 15px; }
    
    .intro-out{ margin-bottom: 30px; }
    
    .h3{ font-size: 25px; }
    
    p, ul li, ol li{ font-size: 17px; }
    
    .home-headline .h2{ font-size: 43px; }
    .home-headline .h2::after{ margin: 15px auto; }
    
    #services .box{ flex: 0 0 33.33%; }
    #services .box a{ margin: 5px; height: 270px; background-size: cover;  }
    
    .cta{ padding-bottom: 20px; }
    
    .process{ background-size: auto 600px; padding: 35px 0;  }
    .process__item{ margin-bottom: 20px; }
    .process::after{ background-size: 100% 1000px; }
    .process .col-left{ padding-right: 40px;}
    .process p{ font-size: 16px; }
    .process .col-right h3, .process .col-right .in strong{ font-size: 24px; }
    .process__upper-title{ font-size: 13px; }
    .process .h4{ font-size: 40px; }
    
    .process-cta{ margin-top: 20px; padding-top: 20px; font-size: 20px; }
    
    .form-box .form-in{ width: 90%; }
    
    .why-hero{ height: 460px; margin-bottom: 0; }
    .why-items{ margin-bottom: 50px; }
    .why-items ul li{ font-size: 19px; }
    .why-items img{ height: 530px; top: -50px; }
    
    .reviews-title{ padding: 40px 0 20px; }
    
    .sa-title .home-headline .h2{ font-size: 36px; }
    .container-maps .in .title{ font-size: 32px; padding: 30px;}
    .container-maps .in .txt{ padding-bottom: 30px; margin: 0 30px 0;}
    .container-maps .in .call {  font-size: 23px; }
    .container-maps .in .call i{ font-size: 12px; } 
    
    .row-logos .logos__item img{ height: 66px; }
    
    .form-box .home-headline p br{ display: none; }
    
    #hero.sub-hero{ height: 380px; }
    
    .main-services .items .item{ padding: 20px 30px; }
    
    .home-headline .h4{ font-size: 28px; }
    
    .photo-faq{ height: 380px; margin-top: 20px; }
    
    .faq-wrapper .accordion-header .accordion-title{ font-size: 22px; }
    
    .why-items .home-headline .h2{ font-size: 30px; }
    .why-items ul li{ padding: 15px 0; }
    .why-items ul li::before{ width: 20px; height: 20px; background-size: contain;     }
    
    .entry-content h1, .entry-content h2, h1.post-title{ font-size: 32px; padding-bottom: 6px;  }
    .financing .content{ padding: 30px 0; }
    .financing{ padding: 30px 0; }
    
    .form-box{ padding-bottom: 0; }
    
    #sidebar-area {  margin-top: -100px; margin-right: -20px;  }
    #sidebar-area .widget-links{ padding-left: 20px;   }
	#sidebar-menu{ padding: 10px 20px 10px 10px; }
    #sidebar-area .widget-links{ padding-left: 20px; }
    #sidebar-menu ul.sub-menu > li a{ padding: 13px 0 !important; font-size: 18px; }
     
    .entry-content h3, .sitemap_by_click5 h2{ font-size: 24px; }
    
    #main article p:first-child{ font-size: 20px; }
    
    .cta .buttons .button{ margin: 0 1px; width: 150px; }
    
    .text-box .entry-content h3{ font-size: 33px; }
    
    .h3{ font-size: 23px; line-height: 1.5; }
    
    .main-services .items .item span{ font-size: 18px; }
    
    #index-wrapper .news:nth-child(n+3) {  margin-top: 30px; }
    
    #recent-posts .news:last-child{ display: none; } 
    #recent-posts h2{ font-size: 40px; padding-bottom: 20px; }
    
    #single-wrapper{ padding-top: 20px; }
    #single-wrapper .back{ margin-top: 20px; }
    
    .entry-content h1::after, h1.post-title::after{ margin-top: 10px; margin-bottom: 20px; }
    
    .single #main .news .photo{ height: 470px; }
   
	#sidebar-area.financing{ margin-left: 0; }
	
	.financing-module{ width: 456px !important; }
	
	.contact-form{ margin-top: -400px; }
	
	.contact-boxes{ position: relative; z-index: 1; }
}

@media (max-width: 991px) {
  	#hero .container .row .content{ margin-bottom: -30px; }
  	.stat-info .stat-value{ font-size: 25px; }
  	.stat-info .stat-title{ font-size: 13px; }
  	
  	.intro .col-left, 
  	.intro .col-right{ width: 100%;  padding-bottom: 15px; }
  	.h3{ font-size: 21px; }
  	.h3 br{ display: none; }
  	.row-intro{ margin-top: 10px; }
  	
  	.more a{ font-size: 15px; } 
  	.entry-content p, .entry-content ul li, .entry-content ol li{ font-size: 16px; }
  	
  	#services {padding-bottom: 30px; }
  	#services .box a{ height: 250px; }
  	#services .box a .title{ font-size: 23px; }
  	#services .box a .button{ width: 120px; padding: 3px 0; font-size: 15px; }
  	
  	.home-headline .h4{ font-size: 25px; }
  	
  	.process{ padding-top: 70px; }
  	.process .col-left{ margin-left: auto; width: 60%;  }
  	.process .col-right{ width: 100%; }
  	.process-cta .button{ display: inline-block; margin-top: 15px; }
  	
  	.why-hero{ padding: 40px 0; height: 400px; }
  	.why-hero .home-headline .h4{ font-size: 40px; }
  	
  	.why-txt{ padding: 30px 0; }
  	.why-items ul li{ flex: 0 0 100%; }
  	.why-items{ padding: 30px 0; }
  	
  	.sa-title{ padding-top: 40px; }
  	.sa-title .home-headline .h2{ font-size: 27px; }
  	
  	p, ul li, ol li{ font-size: 16px; }
  	
  	.container-maps .item{ flex: 0 0 100%; margin-bottom: 10px; }
  	.container-maps .in .map{ margin-top: -90px; }
  	.container-maps .in .list ul li{ flex: 0 0 33.33%; }
  	
  	.faq-wrapper{ padding: 40px 0; }
  	.home-headline .h2{ font-size: 35px; }
  	.faq-wrapper.box .accordion-item { padding: 15px 10px 15px 30px; }
  	.faq-wrapper .accordion-item.active .accordion-header .accordion-title{ font-size: 21px; line-height: 1.1; padding-bottom: 10px; }
  	.faq-wrapper .accordion-header .accordion-title::before{ font-size: 14px; }
  	.faq-wrapper .accordion-header .accordion-title[aria-expanded="true"]::before{ font-size: 14px; }
  	.faq-wrapper .accordion-body{ padding-bottom: 0; }
  	.faq-wrapper .accordion-header .accordion-title{ font-size: 20px; }
  	.faq-wrapper .accordion-item::after{ background-color: #d2d2d2;   width: calc(100% - 100px) !important; }
  	.faq-wrapper .accordion-body{ padding-left: 35px; }
  	.faq-wrapper .accordion-header .accordion-title{ padding-left: 0; }
  	
  	.footer-contact .col-links{ display: none; }
  	.footer-contact .col-logo{ flex: 0 0 45%; }
  	.footer-contact .col-contact{ flex: 0 0 55%; }
  	
  	#hero.sub-hero{ height: 340px; }
  	#hero.sub-hero .container .row .content {  margin-bottom: -40px; }
  	
  	.intro-out .intro.main-services{ padding-top: 20px; }
  	
  	.financing{ margin-top: 40px; }
  	
  	.form-box input, 
	.gform_wrapper .ginput_container select{  height: 60px !important; font-size: 16px !important;  } 
	
	#main{ flex: 0 0 100%; }
	#sidebar-area{ display: none; }
	
	.entry-content h1, .entry-content h2, h1.post-title{ font-size: 26px; }
	
	.sings .col-md-5,
	.sings .content{ flex: 0 0 100%; }
	.sings .photo{ height: 390px; }
	
	.photo-faq{ background-position: center center; height: 300px; }
	
	.faq-wrapper{ padding-bottom: 70px; }
	
	.text-box{ margin-bottom: 30px; padding-bottom: 0px;    padding-top: 30px; }
	.text-box .content{ flex: 0 0 100%; text-align: center; }
	.text-box .col-photo{ display: none; }
	
	.career-main-service-intro .col-md-9{ flex: 0 0 100%; }
	
	.career-main-service-intro p:first-child{ font-size: 22px; line-height: 1.5; margin: 15px auto;  }
	.intro-out-career .intro.main-services{ padding-bottom: 20px; }
	
	.sings-financing .col-md-6{ flex: 0 0 100%;  }
	
	.financing-module {  width: 100% !important; }
	
	.sings.sings-financing .photo{ height: auto; }
	
	.process .col-right h3::before, .process .col-right .in strong::before{ left: -50px;  width: 20px;  height: 20px; }
	
	.sings-2{ text-align: center; }
	.sings-2 .col-md-4{ flex: 0 0 100%; }
	.sings-2 .col-md-4 img{ width: 250px; margin: auto; margin-top: 20px;  }
	
	.wrapper-sa{ padding: 30px 0; }
	
	.service-areas-grid .item{ flex: 0 0 50%; }
	.service-area-image{ height: 250px; }
	.service-area-title{ padding-top: 10px; font-size: 20px; line-height: 1.2; }
	
	.main-services .col-md-8{ flex: 0 0 100%; }
	.main-services .col-md-4{ display: none; }
	.location-services .items .item{ flex: 0 0 100%; }
	
	.sings.proudly .photo{ height: 240px; margin-top: 20px;  }
	
	.page-template-contact #hero{ height: 500px !important; }
	
	.contact-boxes .in{ padding: 20px 30px; }
	.contact-boxes .title{ font-size: 28px; }
	
	.contact-boxes{ margin-top: -100px; }
	
	.entry-content h4{ font-size: 23px; }
}


@media (max-width: 767px) {
	
	#header .logo a img{ width: 120px; }
    
    .home-headline .h1{ font-size: 27px; }
    .home-headline .h3{ font-size: 13px; letter-spacing: 0.5px; }
    .google-small {  transform: scale(0.65); }
    .google-small:hover {  transform: scale(0.60); }
    
    .stats{ width: 300px; margin: auto; }
    .stats .stat{ margin: 10px 0; }
    
    #services .box{ flex: 0 0 100%; }
    
    .why-items{ margin-bottom: 0; }
    .why-items .col-right,
    .why-items .col-left{ flex: 0 0 100%; }
    
    .why-items img{ position: inherit; height: 260px; width: 100%;  }
    .why-items ul li {  flex: 0 0 calc( 100% - 40px ); }
    .why-items ul li::before{ top: 22px; }
    
    .container-maps .in .map { margin-top: -60px; }
    
    .container-maps .in .list ul li{ flex: 0 0 50%; }
    
    .footer-contact .col-logo{
	    text-align: center; 
	    padding-bottom: 30px; 
    }
    .footer-contact .slogan br{ display: none; }
    .footer-contact .col-logo, 
    .footer-contact .col-contact{ 
	    flex: 0 0 100%;  }
	    
	.why-items .col-right{ padding-top: 20px; }    
	.why-page .why-items .home-headline .h2{ padding-bottom: 0; }
	
	.financing{ margin-top: 20px; padding-top: 20px; }
	
	.logos { padding: 30px 0; }
	
	.sings{ padding: 30px 0; }
	.sings .photo{ margin-top: 20px; }
	
	.financing.sings .content{ padding:0px 0; }
	.gform-theme--foundation .gform_fields{ row-gap:20px; }
	
	.reviews-title{ padding: 20px 0; }
	
	.faq-wrapper.box .questions{ padding: 0 10px; }
	.main-services .items .item img{ margin-right: 0; }
	
	.main-services .items .item{ padding: 20px 10px; }
	
	.logos{ padding-top: 0; }
	.slick-dots{ margin-top: 20px; }
	.gform-theme--foundation .gform_fields{ row-gap:20px !important; 	}
	
	.main-services .items .item img{ margin-right: 10px; width: 40px; }
	
	#index-wrapper .news:nth-child(n+2){ margin-top: 20px; }
	
	#recent-posts{ padding: 30px 0; }
	#recent-posts .news:nth-last-child(2) { display: none; }
	
	.single #main .news .photo{ height: 350px; }
	
	.location-services .items .item .icon{ width: 100%; }
	.location-services .items .item h3{ padding: 0; }
	.sings.proudly .photo{ min-height: 340px; }
	
	.contact-boxes .col-md-6{ margin-bottom: 25px; }
	
	.m_process .col-right .in{ margin-left: 0; }
	.m_process .item .icon{ width: 60px; height: 60px; }
	.m_process .item .name{ padding-left: 10px; font-size: 15px; }
}

@media (max-width: 575px) {
    
    
    .phones a{ display: none; }
    #header.sticky, 
    #header{ top: 10px; }
    #header .contact{ position: absolute; left: 30px; }
    #header .navbar{ position: absolute; right: 30px; margin-top: -10px;  }
    #header .navbar:after{ content: "menu"; text-transform: uppercase; color: var(--dark); position: absolute; bottom: -14px; font-size: 13px; left: 0; width: 100%; text-align: center; font-weight: 300;  }
    .navbar-collapse #main-menu{ left: -250px; }
    
	#header .contact span{ display: none;  }
    #header .logo{ margin: auto; }
    #header .logo a img {  width: 90px; }
    #header .contact a{ border: none; background: none; position: relative; }
    #header .contact a i{ color: var(--main); font-size: 25px; }
    #header .contact a:after{ content: "book"; text-transform: uppercase; color: var(--dark); position: absolute; bottom: -20px; font-size: 13px; left: 0; width: 100%; text-align: center; font-weight: 300;  }
    
    #hero .buttons { width: 100%; } 
    
    #hero .buttons .button{ width: 48%; margin: 1%; }
    #hero .buttons .button_big{ width: 100%; }
    .google{ margin: 0 auto 10px; }
    
    .hero-out{ margin-top: 0; }
    
    .cta .button{ margin-bottom: 5px; }
    .cta .button:last-child{ width: 308px; margin-top: 10px; }
    
    .process::after{ background-size: auto 800px; }
    
    .process .col-left{ width: 100%; padding-top: 200px; padding-right: 15px;}
    .process__icon{ width: 62px; height: 62px; left: 0px;  }
    .process__icon img{ width: 22px; }
    .process .col-right::after{ left: 44px; }
    .process .col-right h3::before, .process .col-right .in strong::before{ left: -36px; }
    
    .why-hero .home-headline .h4{ font-size: 32px; }
    
    .sa-title{ margin: 0; }
    .container-maps .item-2 .call a{ display: inline-block; }
     
    .home-headline .h2{ font-size: 28px; }
    
    .faq-wrapper.box .questions{ margin-top: 0; }
    
    .footer-contact{ padding: 30px 0; }
    .footer-contact .col-logo img{ width: 120px; }
    
    #footer .row.row-2{ padding: 15px 0 90px; }
    #footer .menu ul{ flex-wrap: wrap; }
    #footer .menu ul li::after{ display: none; }
    #footer .menu ul li:first-child{ padding-left: 15px; }
    .copy p{ line-height: 1.3; }
    
    .intro-out-career .main-services .items .item{ flex: 0 0 98%; }
    
    .intro-out-what .main-services .items .item{ flex:0 0 100%; }
    .intro-out-what .main-services .items .item img{ margin-right: 0; }
    
    .entry-content h1, .entry-content h2, h1.post-title{ font-size: 22px; }
    .service-areas-grid .item{ flex: 0 0 100%; }
    .service-area-image{ height: 220px; }
    
    .intro-out-what .main-services .items .item,
    .location-services .items .item{ margin: 5px 0; }
    
    #sticky-footer{ padding-bottom: 20px; }
	#sticky-footer a{ display: block; }
    #sticky-footer a span{ display: block; width: 100%; text-transform: uppercase; font-size: 12px; color: var(--navy); padding-left: 25px; padding-right: 25px; }
    #sticky-footer .pl-0 a{ text-align: right; }
    #sticky-footer .col-sm-2{ text-align: center; }
    #sticky-footer .col-sm-2 a{ height: 100%; width: 100%; text-align: center; border-radius: 6px; background-color: var(--main); color: #fff; justify-content: center; }
    #sticky-footer .col-sm-5 a{ color: var(--navy); font-family: var(--fontH); font-size: 20px; }
    
    #sticky-footer .col-sm-5.pl-0 a{ color: var(--main); }
    #sticky-footer .col-sm-5 .fa-phone{ position: relative; top: -12px;  }
    #sticky-footer .col-sm-5.pl-0 .fa-phone{ color: var(--main); }
    #sticky-footer .pl-0 .fa-phone{ margin-left: 5px; var(--main); }
    
    .contact-form{ margin-top: -360px; }
    
    .financing.sings .content{ padding-left: 15px; padding-right: 15px; }
    
    .process-cta{ padding-left: 7px; padding-right: 7px;  }
    
    .news .content{ padding: 30px 25px 140px 25px; }
    .news .content .more{ left: 25px; width: calc(100% - 55px); }
    
    .entry-content .m-head h3{ font-size: 16px; } 
    .m-price{ font-size: 25px; }
    .m-items .item img{ height: 40px; margin-right: 10px; }
    
    #sticky-footer .item{  flex: 0 0 33.33%;  margin: 0; padding: 0; text-align: center; }
    #sticky-footer .item a{ color: var(--main); font-size: 14px; }
    #sticky-footer .item i{ font-size: 15px; margin-right: 5px; } 
}