@media (max-width: 1700px) {
    #header {
        padding-left: 25px;
        padding-right: 25px;
    }
    #header .logo{
	    margin-right: 0;
    }

    .navbar .navbar-nav > li {
        margin: 0 13px;
    }

    .slick-prev {
        left: -70px;
    }
    .slick-next {
        right: -70px;
    }

    #textbox .photo {
        flex: 0 0 auto;
        width: calc(50% + 125px);
        margin-left: -125px;
    }
    #textbox .row:nth-child(even) .photo {
        margin-right: -125px;
    }
    #single-wrapper,
    #page-wrapper{
	    overflow: hidden;
    }
   
}

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

@media (max-width: 1499px) {
   
	#header .logo img{
		height: 120px;
	}
	
    .navbar .navbar-nav > li {
        margin: 0 5px;
    }  

    #hero h1 {
        font-size: 62px;
        line-height: 62px;
    }
    .special-in{
	    width: 100%;
    }
    .financing{
	    overflow: hidden;
    }
    .service-boxes .container{
	    width: 96%;
    }
	
	#hero.sub-hero{
		height: 460px;
	}
	#hero.sub-hero .h3_hero,
	#hero.sub-hero h3{
		font-size: 22px;
	}
	.h1_headline, #hero.sub-hero h1{
		font-size: 55px;
	}
    #hero .buttons{
	    padding: 25px 0 15px;
    }
    #sidebar-area .contact-form{
	   width: 430px;
    }
    .sub-hero-out .google-box .box{
	    bottom: 40px;
	    width: 570px;
    }
}

@media (max-width: 1399px) {
    #header .phone{ display: none; }
    
    .home #hero{ height: 580px; padding-bottom: 30px; }
    
    #services .box .box-in{ padding: 25px 18px; height: 360px;  }
    #services .box .head h2{ font-size: 27px; }
    #services .box .links ul li a{ font-size: 16px; padding: 7px 0; }
    #services .box .button{ height: 50px; line-height: 45px; width: calc( 100% - 36px ); }
    #services .box .links ul li::before{ top: 14px; }
    
    .club .col-txt h2,
    .limited .col-txt h2,
    .home-headline h2{ font-size: 40px; }
    
    .limited .entry-content ul li::before{ font-size: 18px; }
    .limited .col-txt h3{ font-size: 20px; }
    
    .limited .limited-in{ width: 100%; border-radius: 0; }
    .limited .entry-content ul li{ font-size: 20px; }
    
    .button{ font-size: 16px; }
    
    .why .entry-content ul li::before{ font-size: 18px; }
    .financing.why .entry-content ul li,
    .why .entry-content ul li{ font-size: 19px; }
    
    .contact-form .form{ max-width: 900px; padding: 50px 100px; }
    
    .club .col-txt p{ font-size: 19px; }
    
    #footer .wrapper{ padding: 50px 0 40px; }
    #footer .logo{ flex: 0 0 16%; }
    #footer .logo img{ width: 140px; }
    #footer .contact .phone{ font-size: 35px; }
    
    .special .entry-content p, 
    .special .entry-content ul li, 
    .special .entry-content ol li{
	    font-size: 15px; line-height: 1.4;
    }
    
    .special .item .title{ font-size: 24px; padding-bottom: 20px; }
    
    .entry-content h1, .entry-content h2, h1.post-title{ font-size: 45px; }
    .entry-content h3, .sitemap_by_click5 h2{ font-size: 35px; }
    .entry-content .service-txt-2 h4, .entry-content .service-txt-1 h4, #main .main-service .entry-content h4, #main .entry-content h2{ font-size: 35px; }
    
    #main{ padding-top: 30px; }
    
    .service-main .service-intro{ padding-top: 20px; font-size: 18px;  }
    .service-main .col-txt{ padding-top: 0;}
    
    .entry-content h4{ font-size: 21px; }
    .entry-content p, 
    .entry-content ul li, 
    .entry-content ol li{
	    font-size: 18px; 
    }
    .about-section{ margin: 20px 0; }
    
    .service-boxes .item .txt{ padding: 50px 60px 90px 40px; }
    
    .service-txt-1 .home-headline{ padding-bottom: 30px; }
    
    .contact-form .home-headline h2 span{ 
	    display: block; 
    }
    
    #sidebar-area .contact-form{ width: 400px;}
    #sidebar-area .contact-form .form{ padding: 30px 110px 30px 30px; }
    
    .service-txt-1{ padding: 50px 0; }
    
    .service-txt-2{ padding: 50px 0; }
    
    .accordion{ margin-top: 40px; padding-bottom: 0;}
    .accordion-item{ padding: 15px 80px 0 100px; }
    .entry-content .accordion-item button{ padding-bottom: 10px; }
    
    .entry-content .accordion-item button{ font-size: 25px; }
    .accordion-body{ font-size: 18px; }
    
    .about-more .container-title{ padding-top: 0; padding-bottom: 0; }
    .about-more .container{ padding-top: 0; }
    
    .contact-boxes .item h3{ font-size: 30px; }
    .contact-boxes .item .in{ padding: 30px 40px 50px 90px; background-size: 30px auto; background-position-x: 37px;  background-position-y: 51px; }
    .contact-boxes .item .in {  font-size: 20px; }
    
    .wrapper-map-title{ padding: 50px 0; }
    
    
   .entry-content ul li::before{ line-height: 26px; font-size: 9px;  }
}

@media (max-width: 1199px) {
  

    .navbar {
        margin-right: 0;
    }
    #header .navigation .navbar{
	    margin: 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: -90px;
        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: "Font Awesome 6 Free";
        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;
    }
    
    #services .box .box-in{ height: 340px; }
    #services .box .head h2{ font-size: 23px; }
    #services .box .links ul{ padding-left: 10px; }
    #services .box .links ul li::before{ left: -12px; }
    #services .box .links ul li a{ font-size: 15px; }

   .services-e{ height: 200px; margin-top: -100px; }
   
   .limited .limited-in{ padding: 30px 0; }
   .limited .col-photo img{ margin: auto; }
   .limited .photo-men img{ height: 500px;  }
   
   .why{ padding-top: 0; }
   .why .entry-content ul li{ margin: 16px 0; }
   
   .contact-form .wrapper{ padding-top: 40px; padding-bottom: 30px;  }
   .contact-form .form{ margin-top: 30px; max-width: 75%; }
   
   .special .wrapper{ padding: 45px 0; }
   .special .item .content .txt{ height: 250px; overflow-y: scroll; }
   .special .item .bottom .dis{ font-size: 13px; }
   .special .item .button{ padding-left: 0; padding-right: 0; font-size: 14px; }
   
   .sa-title{ padding: 50px 0; }
   
   .sa{ padding: 30px 0 30px; }
   
   .sa .col-txt,
   .sa .col-photo{ flex: 0 0 50%; }
   .sa .entry-content ul li::before{ font-size: 13px; }
   .sa .entry-content ul li{ margin: 14px 0; font-size: 17px; }
   
   .financing{ padding-top: 80px; padding-bottom: 80px; }
   .financing.why .entry-content ul li{ margin: 15px 0;}
   
   
   .google-box .reg{ display: none; }
   .sub-hero-out .google-box .box{ width: 340px; }
   .google-box .rank{ padding-right: 0px; border: none;}
   .sub-hero-out .google-box .box{ right: 10px; }
   
   .service-boxes .item .photo{ height: 300px; width: 120px; }
   .service-boxes .item ul{ margin: 30px 0 50px; width: calc( 100% - 140px ); }
   .service-boxes .item .txt {  padding: 20px 0px 50px 30px; }
   
   .entry-content h1, .entry-content h2, h1.post-title{ font-size: 38px; }
   .entry-content h3, .sitemap_by_click5 h2{ font-size: 27px; }
   
   #main{ flex: 0 0 56%; }
   #sidebar-area{ flex: 0 0 34%; }
   #sidebar-area .contact-form{ width: 540px; }
   
   .accordion{ padding-bottom: 40px; }
   
   .about-section .intro{ font-size: 19px; }
   
   #index-wrapper .news:nth-child(n+3){ margin-top: 30px; }
   
   #main h1.post-title{ font-size: 40px; }
   
   .single #main{ flex: 0 0 100%; }
   
   #recent-posts .news:last-child{ display: none; }
   
   .contact-boxes{ padding-top: 30px; }
   .contact-boxes .item .in{ padding: 70px 30px 30px 30px; background-position-y: 30px; background-position-x: 30px;  }
   
   .page-template-full #main{ flex: 0 0 90%; }
   
   .page-template-service-main   #main{ flex: 0 0 100%;}
   
}

@media (max-width: 991px) {
    
    .home #hero{ height: 650px; }
    .home #hero h1{ font-size: 50px; line-height: 1; }
    .google-box .box{ width: auto; padding: 20px 30px; }
    .google-box .g-reviews{ padding-left: 15px; padding-right: 15px; }
    
    #services .box{ flex: 0 0 50%; }
    
    .limited .col-photo{ flex: 0 0 100%; text-align: center;  }
    .limited .col-photo img{ width: 300px; margin-top: -90px; }
    .limited .col-txt{ flex: 0 0 60%; }
    .limited .photo-men{ right: 60px; top:auto ; bottom: -20px; }
    
    .why .col-txt,
    .why .col-photo { flex: 0 0 100%; }
    .why .col-photo .photo{ flex: 0 0 100%; width: 90%; margin-left: 5%; }
    .why .col-txt{ margin-top: 20px; }
    
    .contact-form .form{ max-width: 95%; padding: 40px 80px; }
    .contact-form .form form{ z-index: 10; position: relative; }
    .contact-form .form .photo-men{ left: -150px; }
    
    .special .item{ flex: 0 0 50%; }
    .special .row-special .item:nth-child(3){ display: none; }
    
    .financing .col-txt{ padding-top: 40px; }
    
    #footer .links{ display: none; }
    #footer .logo{ flex: 0 0 100%; margin: 0; text-align: center; justify-content: center; }
    
    #footer .contact{ flex: 0 0 350px; margin: auto; margin-top: 40px; }
    
    #footer .social-media{ margin-bottom: 20px; }
    
    #hero.sub-hero{ height: 380px; }
    
    .sub-hero-out .content{ flex: 0 0 90%; }
    .sub-hero-out .google-box{ display: none; }
    
    #hero.sub-hero{ border-radius: 0 0 150px 0; }
    #hero.sub-hero .h3_hero,
    #hero.sub-hero h3{ font-size: 20px; padding-bottom: 15px; }
    .h1_headline, #hero.sub-hero h1{ font-size: 40px;}
    
    #main{ flex: 0 0 100%; }
    
    .entry-content .service-txt-2 h4, .entry-content .service-txt-1 h4, #main .main-service .entry-content h4, #main .entry-content h2{ font-size: 30px; padding: 10px 0;  }
    
    .service-main .col-md-5, 
    .service-main .col-md-7{
	    flex: 0 0 100%; 
    } 
    .service-main .row-txt{ padding-top: 0; }
    
    .about-why-boxes .item{ flex: 0 0 100%; }
    .service-boxes .item .photo{ width: 200px; }
    .service-boxes .item .txt{ padding-right: 90px; }
    
    .about-why-boxes .photo-men, 
    .service-boxes .photo-men{ display: none; }
    
    .service-txt-1{ padding: 0 0 30px; }
    
    .service-txt-1 .home-headline h2 { font-size: 33px; }
    .entry-content .service-txt-2 h4, .entry-content .service-txt-1 h4, #main .main-service .entry-content h4, #main .entry-content h2{ font-size: 25px;}
    
    .about-intro .container{ padding-right: 150px; }
    
    #index-wrapper{ padding-top: 30px; }
    #index-wrapper .news:nth-child(n+2){ margin-top: 20px; }
    
    #recent-posts .news:nth-last-child(2){ display: none; }
    
    #sidebar-area{ flex: 0 0 520px;  margin: auto; }
    
    .wrapper-job{ padding-top: 20px; }
    .job-listings{ margin-top: 30px; }
    .job-listings .job-title{ line-height: 1.1; font-size: 30px; padding-bottom: 10px; min-height: 89px;}
    
    .contact-boxes .item{ padding: 4px; }
    .contact-boxes .item .in{ padding: 70px 20px 30px 20px; background-position-x: 20px; }
    .contact-boxes .item h3{ font-size: 25px; }
    .contact-boxes .item .phone{ font-size: 30px; }
    .contact-boxes .item .in{ font-size: 17px; }
    
    .related-services{ padding: 20px 0 40px; }
    .related-services .container{ padding: 40px 30px; width:90%; }
    
    .service-txt-2{ padding-bottom: 20px; }
}

@media (max-width: 767px) {
    #header .logo{ margin-top: -5px !important; margin-bottom: -5px !important; }
    #header .logo img{ height: 100px; }
    #header.sticky .logo img{ height: 90px; }
    
    #hero .buttons .button{ padding-left: 0; padding-right: 0; width: 200px; }
    
    .services-e{ height: 140px; margin-top: -70px; }
    .reviews-h{ padding-top: 30px; }
    
    .club .col-txt h2, .limited .col-txt h2, .home-headline h2{ font-size: 34px; }
    
    .special .item{ flex: 0 0 100%; max-width: 450px; }
    .special .row-special .item:nth-child(2){ display: none; }
    .special .item .photo img{ min-width: 100%; min-height: 100%; }
    .sa .col-md-6{ flex: 0 0 50%; }
    
    #footer .menu ul li{ margin: 0 7px; padding: 0; }
    #footer .menu ul li::after{ display: none; }
    
    .club{ 
	    background-size: auto 290px;
	  background-repeat: no-repeat;
	  background-position-y: top;
	  padding-bottom: 30px; 
    }
    .financing{ 
	    padding-top: 40px; 
    }
    
    #hero.sub-hero{
	    padding-bottom: 20px; 
    }
    #hero.sub-hero .h3_hero,
    #hero.sub-hero h3{
	    font-size: 17px; 
    }
    .h1_headline, #hero.sub-hero h1{
	    font-size: 35px;
    }
    
    
    .accordion-item{
	    padding: 10px 20px 0 40px;
    }
    
    .club .col-txt h2, .limited .col-txt h2, .home-headline h2{
	    font-size: 30px; 
    }
    .faq-section{
	    padding-bottom: 0;
    }
    
    .faq-section .home-headline{
	    padding-bottom: 0;
    }
    .entry-content .accordion-item button{
	    font-size: 22px; 
	    line-height: 1.1;
    }
    .related-services{
	    padding: 30px 0;
    }
    .related-services .container{
	    width: 95%;
	    padding: 40px 20px;
    }
    
    .service-txt-1 .col-photo img{
	    margin-left: 0;
	    width: 100%;
    }
    .service-txt-1 .home-headline h3{
	    font-size: 24px;
    }
    .special-main.special .tabs .button{
	    margin: 0 1px;
	    padding: 0 10px;
	    font-size: 15px;
    }
    .contact-form .form{
	    margin-bottom: 20px;
    }
    .job-listings .job-item{
	    margin-bottom: 10px;
    }
    .wrapper-job{
	    padding-bottom: 30px; 
    }
    #main{
	    padding-right: 15px;
    }
    .finance-logos .item{
	    justify-content: center; 
	    padding: 30px 0;
    }
}

@media (max-width: 575px) {
    #hello-bar p{ font-size: 11px; }
    #header.hello-bar{ top: 36px; }
    
    #header .contact{ display: none; }
    
    .navbar-collapse #main-menu{ left: -260px; }
    
    #hero .h3_hero,
    #hero h3{ font-size: 18px; }
    .home #hero h1{ font-size: 40px; }
    
    #hero .buttons .button{ width: 160px; margin: 0; }
    
    .google-box .box{ padding: 15px 10px; height: 70px; width: 100%; }
    .google-box .stars{ height: auto; }
    .google-box .stars i{ font-size: 14px; }
    .google-box .g-reviews{ position: relative; top: -3px; }
    
    #services .box{ flex: 0 0 100%; }
    #services .box .box-in{ height: auto; padding-bottom: 60px; }
    #services .box .button{ bottom: 25px; }
    
    .reviews{ padding: 30px 0; }
    
    .limited{ overflow: hidden; }
    .limited .col-txt{ flex: 0 0 70%; padding-top: 20px; }
    .limited .photo-men{ right: -50px; }
    
    .club .col-txt .button,
    .why .col-txt .button{ margin-left: 10%; width: 80%; text-align: center; }
    
    .contact-form{ overflow: hidden; }
    .contact-form .form .photo-men{ left: auto; right: -60px; }
    .contact-form .photo-men img{ height: 500px; }
    .contact-form .form{ padding: 40px; }
    
    .sa .entry-content ul li{ line-height: 1.1; }
    .sa .col-txt{ margin-top: 0;}
    
    #sticky-footer picture {
	    filter: brightness(0) saturate(100%) invert(38%) sepia(85%) saturate(2022%) hue-rotate(1deg) brightness(102%) contrast(105%);
    }
    .why .home-headline{
	    padding-bottom: 10px; 
    }
    
    #hero.sub-hero{
	    height: 340px; 
    }
    #hero.sub-hero .h3_hero,
    #hero.sub-hero h3{
	    font-size: 15px;
    }
    .h1_headline, #hero.sub-hero h1{
	    font-size: 30px;
    }
    #hero.sub-hero .buttons .button{
	    width: 160px; 
	    margin: 0;
    }
    #hero.sub-hero .photo{
	    width: 100%;
    }
    
    .about-why-boxes.service-boxes .item .photo{
	    width: 120px; height: 120px;
	    border-radius: 0 0 0 100px; 
    }
    .service-boxes .item .txt{
	    padding-right: 0;
    }
    .service-boxes .item h3{
	    padding-bottom: 30px;
    }
    .service-boxes .item ul{
	    width: calc( 100% - 50px );
    }
    .service-boxes .item ul li{
	    padding: 14px 0; 
    }
    .service-boxes .item .button{
	    margin-left: 0; width: calc( 100% - 50px );
	    font-size: 13px; 
	    padding-left: 0;
	    padding-right: 0;
    }
    .service-boxes .item .button strong{
	    font-weight: 500;
    }
    
    .service-txt-1 .home-headline h2{
	    font-size: 27px; 
    }
    .service-txt-1 .home-headline{
	    padding-bottom: 10px; 
    }
    .entry-content h3, .sitemap_by_click5 h2{
	    font-size: 23px; 
    }
    
    .page-template-service-main .about-why-boxes{
	   
    }
    .contact-form{
	    overflow: hidden;
    }
    #page-wrapper{
	    overflow: hidden;
    }
    #sidebar-area{
	    flex: 0 0 100%;
    }
    #sidebar-area .contact-form{
	    width: 100%;
    }
    #sidebar-area .contact-form .form{
	    padding-right: 30px; 
    }
    #sidebar-area .contact-form .form .photo-men{
	    top: -110px;
		  left: auto;
		  right: -20px;
		  z-index: 9;
    }
    #sidebar-area .contact-form .form{
	    margin-bottom: 0;
    }
    .related-services .container ul li{
	    flex: 0 0 100%;
    }
    
    #footer{
	    padding-bottom: 60px; 
    }
    #footer .menu ul{
	    flex-wrap: wrap; 
    }
    #footer .menu ul li a{
	    font-size: 14px; line-height: 1; 
    }
    .special .home-headline{
	    padding-bottom: 20px;
    }
    .special-main.special .tabs .button{
	    padding: 0 4px;
	    font-size: 13px;
	    border-radius: 10px; 
	    height: 46px;
	    line-height: 40px;
    }
    .special-main.special .tabs{
	    margin-bottom: 25px;
    }
	
	.about-mission .container,
	.about-section .container,
	.about-intro .container{
		padding-right: 0; 
		padding: 20px;
	}
	
	.about-mission .photo-men{ display: none; }
	
	.entry-content h1, .entry-content h2, h1.post-title{
		font-size: 30px;
		padding: 0;
	}
	.about-why-boxes .item .photo{
		height: 170px; 
		border-radius: 0 0 100px 0;
	}
	.about-more .container-title{
		padding: 0 20px;
	}
	#guaranteesAccordion{
		padding: 0; 
		margin: 0;
	}
	.news .content{
		padding: 30px 25px 110px 25px;
	}
	.news .content .more{
		left: 25px;
		bottom: 20px;
	}
	#single-wrapper #main{
		padding: 40px 15px; 
	}
	#main h1.post-title::after{
		width: 100%;
	}
	#main h1.post-title{
		font-size: 30px;
	}
	
	.home #hero{
		height: 550px;
	}
	#single-wrapper .read-time{
		margin-bottom: 10px;
	}
}