@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 


}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (max-width: 1865px) {
   
    .container.stripe-line:before {
      right: -150px;
   } 
    
}

@media (max-width: 1545px) {
   
    .container.stripe-line:before {
      right: -80px;
   } 
    
}

@media (max-width: 1399px) {

    .usps-wrap .item .content {
        width: 205px;
    }

    .container.stripe-line:before {
      right: -20px;
   }     

}

@media (max-width: 1199px) {

    .ginput_container_consent label, .ginput_container_consent a {
        font-size:13px !important;
    }
    
    .product-detail-img-wrapper .img, .product-detail-img-wrapper .card-info {
        width: 300px;
    }   
   
    .product-detail-img-wrapper .img {
        height:300px;
    }
    
    .product-detail-img-wrapper .c-holder {
        padding-left: 115px;
        margin-top: -170px;
    }
    
    .block-header-b.c .c2 img {
        width:90%;
        height:auto;
    }
    
    .cta-footer-wrapper .c2 img {
        width:105%;
    }
    
    footer .c1 img {
        max-width: 175px;
       
    }
    
    h1 {
        font-size: 47px;
        line-height: 47px;
    }
    
    
    .usps-wrap .item .content {
      width: 151px;
    } 


    .text-large * {
        font-size:16px;
        line-height: 24px;     
    }  
        
    header a.logo {
        height: 32px;
    } 
    
    .main-nav li {
        padding-right: 30px;       
    }
    
    .navbar-light .navbar-nav .nav-link {
        font-size:15px !important;
    }    
    
    .block-header {
        height: 770px;
    
    }  
    

    .block-header-b .content {
        padding-top:115px;
        padding-bottom:95px;
    }      
             
}

@media (max-width: 991px) {
  
  .contact-wrapper {
      margin-top:20px;
  }  
    
  .product-detail-img-wrapper .c-holder {
        padding-left: 35px;
  }    
  
  .block-header-b.show-usps .content {
        padding-top: 105px;
        padding-bottom: 135px;
    }
    
  .block-header-b.c .button.cta {
      margin-bottom:15px;
  }  
    
  .google-rev-wrapper .txt p {

    height: 113px;
  }  
    .top-bar a.nav-link {
        
        font-size:13px;
    }    
    footer .c1 img {
        max-width: 135px;
    }
    
    footer .r3 * {
        font-size: 13px;
       
    }
    
    p, li, span, a:not(.button), label, input  {
      font-size: 15px;
      line-height: 22px;
    }
    
    a.button {
       font-size: 15px; 
    }
    
    footer .r3 * {
        font-size: 13px;
    }
    
    footer .r3 .c1 {
        margin-bottom:4px;
    }
    
    .cta-footer-wrapper {
   
        padding: 60px 40px 60px 60px;
        
    }
    .cta-footer-wrapper .c2 img {
        width:77%;
    }    
    
    
    h2 {
    font-size: 42px;
    line-height: 42px;
    }
    
    
    .text-small * {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
    }    
    
    main {
        margin-top: 85px;
    }    
    
    .block-header .button.cta {
      margin-bottom:12px;
    } 
    
    
    header.sticky {
        border-radius: 0;
    } 
    
    header a.logo {
        margin:0;
        top:13px;
        height: 28px;
        
    } 
      
    header a.logo:after {
        
    }
    
    header nav ul {
        margin-top:35px;
        margin-left:5px;
    }
    
    header nav ul li:not(:last-child) {
        padding-bottom:12px;
    }
    
    .usps-wrap {
        display: block;
        text-align: center;
        padding-bottom: 10px;
    }
    
    .usps-wrap .item {
        width: 100%;
        
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #20704e;
        display: flex;
    } 
    
    .usps-wrap .item:last-child {
        border-bottom:0;
    }
    
    .usps-wrap .item:not(:last-child):after { 
       display:none;   
    }
    
    .usps-wrap .item .content {
        width: calc(100% - 100px);
        text-align: left;
    }   

    footer p {
        margin-bottom: 31px;
    } 
    
    .block-cta-banner {
        padding-bottom: 40px;
    }
    
    .include-cta-banner-padding + div.block-cta-banner .gradient-box {
        margin-top: -95px;
    }
        
    .cc .stars-bar {
        bottom: 115px;
        left: 0px;
    } 
    
    .content-smaller {
        padding-right:0px;
        padding-left:0px;
    }   
    
    .item-project-detail .info-wrap .c1 {
        flex: 0 0 66%;
    }  
    
    .item-project-detail .img {
    
       height: 380px;
    } 
    
    .single-s_product .block-1 .c {
        justify-content: center !important;
        text-align:center !important;
    }
    
    .single-s_product .block-1 .c2 {
        padding-top:20px;
    }
}



@media (max-width: 767px) {
    
    .ginput_container_consent label {
        
        top: -1px;
    }    
    
    h3 {
      font-size: 30px;
      line-height: 30px;
    }
    
    .submit-wrapper {
        margin-top: 10px;
        
    } 
       
    .halve { 
      width:100%;   
    }
    
    .contact-wrapper {
        padding:30px;
    }
    
    .single-s_product .block-1 .c2 {
        padding-bottom:20px;
    }
        
    .single-s_product .block-header-b.c .c2 {
        display:flex;
    }
    
    .single-s_product .block-header-b.show-usps .c1 .content {
            padding-bottom:0;
            padding-top:55px;
     }
     
    .single-s_product .block-header-b.show-usps .c2 .content {
            padding-top:45px;
     }
         
     .product-detail-img-wrapper .img, .product-detail-img-wrapper .card-info {
        width: 100%;
    }
    
    
    .block-2-cols-txt .c1 {
        padding-right:calc(var(--bs-gutter-x)* .5);
        
    }

    .block-2-cols-txt .c2 {
        padding-left:calc(var(--bs-gutter-x)* .5);
    }
        
    .block-faq .c2 {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding-top:10px;
        padding-bottom:10px;
    }
    
    
    .block-header-b.c .c2 {
        display:none;
    }
    
    .item-project-detail .img, .nav-wrapper-project {
    
       height: 240px;
    } 
        
    .item-project-detail .info-wrap {
        padding: 30px;
        display: block;
    }
    
    .item-project-detail .info-wrap .c2 {
        margin-top:25px;
    }
    
    .row-space {
        margin-top: 15px;
    }

    .filter-btn {
        font-size:13px;
    }
    
    .filters-wrapper {

        gap: 10px;
    }
    
    .filter-dropdown {
        left:-55px;
    }
    
    ul.faq li a.question {

      font-size:16px;
    }
    
    .block-header .stars-bar.top-a {
        display:flex;
        width: max-content;
        margin-bottom: 20px;
        padding: 10px 15px 10px 15px;
        
    }
    
    .include-cta-banner-padding {
        padding-bottom:100px !important;
    }
    
    .card-icon-top {
        margin-bottom:30px;
    }
    
    .block-header-b .content {
        padding-top:45px;
        padding-bottom:30px;
    }      
           
    
    .google-rev-wrapper .item {
        padding-left:30px;
        padding-right:30px;
    }    
    
    footer .r1 .c1 {
       order:99;
       
    }
    
    footer .r1 .c1 img {
        position: relative;
        right:30px;
    }
    
    footer .r3 .c1, footer .r3 .c2 {
        text-align:center;
        
    }
    
    footer ul {
        text-align:center;
    }
    
    .cta-footer-wrapper {
        padding: 45px 35px 35px 35px;
        margin-bottom:35px;
    }
    
    body.cta-footer .block-reviews-b {
        
    }    
    .google-rev-wrapper {
        top: -170px;
    } 
        
    .cta-footer-wrapper .button.cta {
        margin-bottom:15px;
    }
    
    .block-dummy-p-items {
        height: 220px;
    }
    .google-rev-wrapper .txt p {

        height: 114px;
     }

    
    .block-reviews {
        padding-top:0px !important;
    }   
        
    
   .bg-img-card-text-a .info-card {
        margin: 0;
        width: calc(100% + 4px);
        padding: 0;
        height: max-content;
        text-align: center;
        padding-bottom: 20px;
        border-radius: 0;
        right: -1px;
        top: -1px;
    }

.bg-img-card-text-a {
    
    height: 479px;
    background-size: 120%;
    background-position: bottom;
}
   
    
.block-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}
    
 .gradient-box {
    display: flex;
    flex-direction: column;  /* Stapel de elementen verticaal */
    align-items: flex-start; /* Uitlijnen aan de linkerkant */
    gap: 15px;  /* Ruimte tussen de elementen */
}

.gradient-box img {
    max-width: 100%; /* Zorg ervoor dat de afbeelding niet groter wordt dan de container */
    height: auto;
}

.gradient-box .button.cta.b {
    align-self: flex-start; /* Zorgt ervoor dat de button uitlijnt aan de linkerkant */
}   
    
    .img-content-bg.a {
        max-width:100%;
        margin-top:30px;
    }
    
    .container.stripe-line:not(.b):before {
        display:none;
    }
    
   .top-bar .c1 {
       display:none;
   } 
   
   .block-header .stars-bar {
       display:none;
   }
   
   .block-header .bg::before {
       display:none;
   }
   
   .block-header {
        height: auto;
   }
   
   .block-header .contents {
       padding-top:60px;
       padding-bottom:100px;
    }
    
    .item-project-detail:before {
        
        width: 50%;
    }
    
    
}

@media (max-width: 413px) {
    
    .stars-bar span {
        font-size:13px;
        
    }
    
    .stars-bar {
        padding: 10px 15px 10px 15px;
    }
}