@media screen and (min-width:1650px) and (max-width:2250px)
{
    .slider-part .slick-current.slick-active .img-cls-box{
        transform: scaleY(1.20) scaleX(1.05) translateY(-8.5%);
    }
    .header-navigation:before{
        height: 130%;
    }
    .header-navigation.changeclr:before{
        height: 125%;
    }
}

@media screen and (min-width:1501px) and (max-width:1550px)
{
    .slider-inner .image-text h2 { font-size: 52px;}
}
@media screen and (min-width:1242px) and (max-width:1500px)
{
    .vann-main-banner {background-position: bottom; height: 645px; top: -20px;}
    .slider-part .slick-slide {padding: 14px;}
    

}
@media screen and (min-width:1241px) and (max-width:1500px)
{   
    
    .vann-main-banner {background-position: bottom; height: 645px; top: -20px;}
    .slider-part .slick-slide {padding: 22px;}
    .slider-inner .image-text h2 {font-size: 42px;}
    .slider-inner .image-text p {font-size: 18px;}
    .slider-inner .image-text {bottom: 22px;}
    .slider-part .slider-button { margin: 33px 0px 0px 63%;}
    .slider-part .slick-list { max-width: 100%;}
    .right-boxes.middle {margin-left: 100px;}
    .banner-left h1 { font-size: 68px;line-height: 64px;}
    .intro-text h1 {font-size: 58px;}
    h2.slider-text {font-size: 58px;}
    .form-heading h1 {font-size: 58px;}
    .btm-slider-text h1 { font-size: 58px;}
    .slider-in {gap: 60px;}
    .right-boxes { margin-right:10px}
    .footer-above-left h1 {font-size: 58px;}
    .image-text h2 {font-size: 28px;}
    .box1 {  padding: 90px 30px 30px;}
    .box2 { padding: 90px 30px 30px;}
    .vann-slider-section {height: 30px;}
    .form-bluepart {height: 130px;}
    .footer-inner {  padding: 40px 0px 65px;}
    .banner-boxes {margin-top: -40px;max-width: 100%}
    .slider-part .slick-current.slick-active .img-cls-box{transform: scaleY(1.20) scaleX(1.05) translateY(-35px)}

    /* overons page  */
    .over-main-banner .banner-left h1 {font-size: 68px;line-height: 64px;}
    .over-main .banner-lower .inner-text {padding: 120px 0px 140px;}
    .first-heading h1 {font-size: 98px;line-height: 73px;}
    .waar-wij-main .first-text p {font-size: 19px;}
    .waar-box1, 
    .waar-box2, 
    .waar-box3, 
    .waar-box4{
        min-height: 330px;
    }
    .waar-wij-third h3 { font-size: 35px; line-height: 28px;}
    .waar-wij-third p {font-size: 19px; padding-bottom: 8px; line-height: 23px;}
    .waar-wij-main {padding: 110px 0px 145px;}

  /* diesten page 11-04-25  */
    .over-main .banner-lower {background-size: contain;  margin-top: -7%;}
    .diensten .intro-box {gap: 45px;}
    .diensten .intro-box1 h3 {font-size: 27px;line-height: 30px;}
    .diensten .intro-box1 {padding: 20px 13px 20px 17px;}
    .diensten .intro-box1 p { font-size: 18px;}
    .intro-box .box-2 {padding: 20px 35px 32px 20px; }
    .diensten .second .box-2 {padding: 20px 30px 36px 20px !important; }
    .onderhoud-inner {  display: flex; justify-content: space-between;align-items: center;padding: 90px 0px;}
    .onderhoud-inner .intro-box1 h3 {font-size: 26px;line-height: 29px;}
    .onderhoud-inner .intro-box1 {padding: 20px 19px 20px 20px;}
    .onderhoud-inner .intro-box1 p {font-size: 19px;line-height: 23px;}
    .diensten .intro-text p {padding-bottom: 14px; margin:12px 0px;}
    .rest-second-column .intro-box1 h3 {font-size: 26px; line-height: 27px;}
    .rest-one { padding: 20px 17px 22px 17px !important; }
    .rest-second-column .intro-box {gap: 36px;}
    .rest-second-column .intro-box1 p {font-size: 19px;line-height: 21px;}
    .behangen-upper img {height: 130px;}
    .behangen-first-column .intro-box1 h3 {font-size: 25px;line-height: 27px;}
    .behangen-first-column .intro-box .box-2 {padding: 20px 17px 33px 20px !important;}
    .behangen-first-column .intro-box1 p {font-size: 19px; line-height: 20px;}
    .behangen-first-column .intro-box { gap: 45px;}
    .behangen-first-column .rest-three {padding: 20px 25px 33px 20px !important;}


    /* contact page 11-04-25  */
    .form-bluepartbt {height: 85px;}
    .contct-box-inner { padding: 30px 22px 45px 27px;}

    /* portfolio  page 11-04-25  */
    .portfoliotxt .inner-text {padding: 120px 0px 90px !important;}
    .prj-text h2 {font-size: 58px; line-height: 58px;}
    .prj-text p {font-family: "Acumin Pro"; font-size: 19px; line-height: 25px;}
    .prj-img2 { gap: 20px;}
    .portfolio .intro-box .box-2 { padding: 20px 13px 16px 14px;}
    .portfolio .rest-three {  padding: 20px 20px 30px 20px !important;    }
    .portfolio .rest-one { padding: 20px 17px 37px 17px !important;}
    .intro-text p {font-size: 18px;line-height: 26px;margin: 25px 0px;}
    .rest-second-column .intro-text { padding-bottom: 20px;}
    .prj-img-heading h1 {font-size: 47px;line-height: 50px;}

   /* projectn  page 11-04-25  */
    .projectn-slider {  padding: 0 0px 70px;}
    .main-slider img {width: 100%;  height: 550px;} 
    .slider-btm-text h1 {font-size: 58px; line-height: 58px;}
    .slider-btm-text p { font-size: 19px;line-height: 23px;}
    .projectn  img {height: 65px;}
    .project-slider {padding: 50px 0px 110px;}
    .btm-slider-text {padding-bottom: 30px;}
   
    .project-slider .btm-slider-content .slick-slide {padding: 10px; }
    
    .btm-slider-content .slick-slide{
        width: 530px;
    }
    .slider-mn .image-text{
        padding: 17px 20px;
    }
}

    
    


@media screen and (min-width:1025px) and (max-width:1240px)
{
    .vann-main-banner {background-position: bottom; height: 606px; top: -20px;}
    .slider-part .slick-slide {padding: 14px;}
    .slider-inner .image-text h2 {font-size: 32px; line-height: 34px;}
    .slider-inner .image-text p {font-size: 15px;line-height: 20px;}
    .slider-inner .image-text {bottom: 5px;}
    .slider-part .slider-button { margin: 33px 0px 0px 63%;}
    .slider-part .slick-list { max-width: 100%;}
    .right-boxes.middle {margin-left: 0px;}
    .banner-left h1 { font-size: 58px;line-height: 56px;}
    .intro-text h1 {font-size: 52px;line-height: 48px;}
    h2.slider-text {font-size: 52px;line-height: 48px; padding-right: 20px;}
    p.slider-textp {    font-size: 18px;padding-right: 20px;}
    .form-heading h1 {font-size: 52px;line-height: 48px;}
    .btm-slider-text h1 { font-size: 52px;line-height: 48px;}
    .slider-in {gap: 70px;}
    .right-boxes { margin-right: 10px; }
    .footer-above-left h1 {font-size: 45px;line-height: 44px;}
    .image-text h2 {font-size: 24px;}
    .box1 {  padding: 82px 30px 30px;}
    .box2 { padding: 82px 30px 30px;}
    .vann-slider-section {height: 30px;}
    .form-bluepart {height: 130px;}
    .banner-left p { font-size: 18px;line-height: 23px;}
    .bn-box h2 { font-size: 30px;}
    .footer-above-left p { font-size: 16px;}
    .banner-content { padding: 145px 0px 155px;}
    .bn-box p { font-size: 18px;}
    .intro-inner {padding: 115px 0px 75px;}   
    .intro-text p {font-size: 18px;line-height: 27px;    margin: 23px 0px;}
    .intro-btn {padding: 14px 20px;}
    .intro-btn a { font-size: 18px;line-height: 26px;}
    .slider-part .slider-button {padding: 13px 21px;}
    .bottom-slider {  padding: 74px 0px 100px;}
    .right-boxes h3 {font-size: 32px;}
    .right-boxes p { font-size: 16px;}
    .footer-abv-content {padding-bottom: 45px;gap: 32px;}
    .btm-slider-text p {font-size: 20px;line-height: 24px; width: 890px;}
    .image-text p { font-size: 16px; line-height: 18px;}
    .slider-detail-btn { width: 42px;height: 42px;margin-top: 50px}
    .image-text h6 {font-size: 17px;}
    .slider-part .slider-button a {font-size: 18px;}
    .slider-mn .image-text {padding: 11px;}
    .btm-slider-content .slider-button {padding: 14px 20px;}
    .btm-slider-content .slider-button a { font-size: 18px;}
    .form-inner .row .col input {padding: 14px 21px; font-size: 17px; line-height: 18px; }
    .form-btn-section a { font-size: 18px;line-height: 18px;}
    .form-btn-section {padding: 13px 25px;}
    .form-part {padding-bottom: 40px;}
    .footer-inner {padding: 35px 0px 52px;}
    .btm-slider-text {padding-bottom: 45px;}
    .footer-logo img { width: 190px; }
    .footer-inner h4 { font-size: 20px;padding-bottom: 20px;}
    .footer-left-center ul li a,
    .footer-right-center ul li a {font-size: 16px;}
    .footer-right ul li {font-size: 16px;padding-bottom: 5px;}
    .social .linkedin  img,
    .social .insta  img {width: 45px}
    .footer-cpy-left h5 {font-size: 10px;    padding-bottom: 7px;}
    .footer-cpy-right a {font-size: 10px;}
    .slider-detail-btn a {font-size: 18px;}
    .btm-slider-content .slick-slide {padding: 12px;}
 
    .slick-next:before {width: 62%;}
    .slick-prev:before {width: 62%;}
    .banner-boxes {margin-top: -70px; }

      /* overons page  */
      .over-main-banner .banner-left h1 {font-size: 60px;line-height: 54px;}
      .over-main .banner-lower .inner-text {padding: 100px 0px 125px;}
      .first-heading h1 {font-size: 82px;line-height: 62px;}
      .waar-wij-main .first-text p {font-size: 17px;line-height: 22px;}

      .waar-wij-third h3 { font-size: 30px; line-height: 25px;}
      .waar-box1, 
      .waar-box2, 
      .waar-box3, 
      .waar-box4{
        padding: 28px 20px 20px;
        min-height: 300px;
      }
      .waar-wij-third p {font-size: 18px; padding-bottom: 8px; line-height: 23px;}
      .waar-wij-main {padding: 110px 0px 145px;}
      .over-main .banner-lower {margin-top: -7%;}
      .over-main-banner {height: 470px;}
      .over-main .banner-lower .inner-text p {font-size: 19px;padding-bottom: 8px;line-height: 28px;}
      .waar-wij-third {gap: 8px;}
      .ft-abv-text-image-main {padding: 89px 0px 135px;}


      /* diesten page 11-04-25  */
    .over-main .banner-lower {background-size: contain;  margin-top: -7%;}
    .diensten .intro-box {gap: 45px;}
    .diensten .intro-box1 h3 {font-size: 20px;line-height: 22px;}
    .diensten .intro-box1 {        padding: 16px 13px 20px 10px;}
    .diensten .intro-box1 p { font-size: 15px;}
    .intro-box .box-2 {        padding: 20px 11px 18px 10px; }
    .diensten .second .box-2 {        padding: 20px 16px 54px 15px !important; }
    .onderhoud-inner {  display: flex; justify-content: space-between;align-items: center;padding: 90px 0px;}
    .onderhoud-inner .intro-box1 h3 {font-size: 22px;line-height: 23px;}
    .onderhoud-inner .intro-box1 {        padding: 20px 13px 20px 17px;}
    .onderhoud-inner .intro-box1 p {font-size: 15px;line-height: 23px;}
    .diensten .intro-text p {padding-bottom: 14px; margin:12px 0px;}
    .rest-second-column .intro-box1 h3 {font-size: 20px; line-height: 21px;}
    .rest-one { padding: 20px 17px 38px 17px !important ; }
    .rest-second-column .intro-box {gap: 36px;}
    .rest-second-column .intro-box1 p {font-size: 16px;line-height: 20px;}
    .behangen-upper img {height: 130px;}
    .behangen-first-column .intro-box1 h3 {font-size: 20px;line-height: 21px;}
    .behangen-first-column .intro-box .box-2 {padding: 20px 15px 33px 15px!important;}
    .behangen-first-column .intro-box1 p {font-size: 16px; line-height: 19px;}
    .behangen-first-column .intro-box { gap: 45px;}
    .behangen-first-column .rest-three {padding: 20px 25px 33px 20px !important;}
    .over-main-banner { height: 400px;}
    .diensten .first .intro-img img {margin-top: -60%;}
    .diensten .intro-inner { padding: 0px 0px 80px; }
    .onderhoud-inner .intro-box { gap: 35px;}
    .restauratie-section { padding: 77px 0px; }
    .rest-three { padding: 20px 20px 17px 20px !important;}
    .behangen-first-column .intro-box1 { padding: 0px 17px 38px 14px !important;}
    .behangen-first-column .intro-box1 {padding: 17px 17px 36px 17px !important;}

      
    /* contact page 11-04-25  */
    .form-bluepartbt {height: 85px;}
    .contct-box-inner { padding: 30px 22px 45px 27px;}


      /* portfolio  page 11-04-25  */
      .portfoliotxt .inner-text {padding: 100px 0px 65px !important;}
      .prj-text h2 {font-size: 57px; line-height: 57px;}
      .prj-text p {font-size: 18px; line-height: 25px;}
      .prj-img2 { gap: 20px;}
      .portfolio .intro-box .box-2 { padding: 20px 13px 16px 14px;}
      .portfolio .rest-three {  padding: 20px 18px 30px 16px !important   }
      .portfolio .rest-one { padding: 20px 17px 37px 17px !important;}
      .intro-text p {font-size: 17px;line-height: 24px;margin: 16px 0px;}
      .rest-second-column .intro-text { padding-bottom: 20px;padding-left: 28px; }
      .prj-img-heading h1 {font-size: 46px;line-height: 47px;}
      .prj-text {padding-bottom: 55px; }
      .prj-img1 a img, .img-content a img, .prj-img3 a img {height: 470px;}
      .right .prj-img-heading {right: 130px;}
      .prj-img2 {padding: 28px 0px;}
      .prj-img-heading p { font-size: 23px;line-height: 23px;}
      .prj-img-heading { bottom: 25px;left: 28px;}
      .portfolio .intro-text h1 {font-size: 45px;line-height: 35px;}
      .portfolio  .rest-second-column .intro-box { gap: 28px;}
      .restauratie-section.portfolio {padding-bottom: 115px; }
      .prjct-btn { padding: 15px 24px;}
      .prjct-btn a { font-size: 18px;line-height: 19px;}
      .diensten-upper img {height: 55px;}
      .portfolio-projectn { padding: 41px 0px 100px; }

        /* projectn  page 11-04-25  */
    .projectn-slider {  padding: 0 0px 55px;}
    .main-slider img {width: 100%;  height: 490px;} 
    .slider-btm-text h1 {font-size: 53px; line-height: 53px;}
    .slider-btm-text p { font-size: 18px;line-height: 22px;}
    .projectn  img {height: 65px;}
    .project-slider {padding: 30px 0px 100px;}
    .btm-slider-text {padding-bottom: 30px;}
    .project-slider .btm-slider-content .slick-slide {padding: 10px; height:360px;}
    .project-slider .btm-slider-content .slick-slide .img-content img {  height: 100%; min-height: 100%;}
    .slider-btm-text h6 {font-size: 19px;line-height: 19px;}
    .slider-btm-text { padding-bottom: 44px;}


    .slider-part .slick-current.slick-active .img-cls-box{
        transform: scaleY(1.20) scaleX(1.05) translateY(-30px);
    }

    .btm-slider-content .slick-slide{
        width: 530px;
        height: 410px;
    }
    .slider-mn .image-text{
        padding: 17px 20px;
    }
    .over-main-banner .banner-content{
        padding: 125px 0px 50px;
    }
}   

@media screen and (min-width:992px) and (max-width:1024px)
{
    .vann-main-banner {background-position: bottom; height: 535px; top: -20px;}
    .slider-part .slick-slide {padding: 20px;}
    .slider-inner .image-text h2 {font-size: 28px; line-height: 30px;}
    .slider-inner .image-text p {font-size: 14px;line-height: 18px;}
    .slider-inner .image-text {bottom: 25px;    padding: 12px;}
    .slider-part .slider-button { margin: 33px 0px 0px 63%;}
    .slider-part .slick-list { max-width: 100%;}
    .right-boxes.middle {margin-left: 0px;}
    .banner-left h1 { font-size: 52px;line-height: 48px;}
    .intro-text h1 {font-size: 48px;line-height: 42px;}
    h2.slider-text {font-size: 46px;line-height: 33px; padding-right: 35px;}
    p.slider-textp {    font-size: 17px;padding-right: 35px;}
    .form-heading h1 {font-size: 46px;line-height: 46px;}
    .btm-slider-text h1 { font-size: 47px;line-height: 44px;margin-bottom: 5px;}
    .slider-in {gap: 65px;}
    .right-boxes { margin-right: 10px;    padding: 23px;width: 520px}
    .footer-above-left h1 {font-size: 42px;line-height: 38px;}
    .image-text h2 {font-size: 22px;}
    .box1 {  padding: 82px 30px 30px;}
    .box2 { padding: 82px 30px 30px;}
    .vann-slider-section {height: 20px;}
    .form-bluepart {height: 80px;}
    .banner-left p { font-size: 16px;line-height: 23px;}
    .bn-box h2 { font-size: 28px;line-height: 26px;}
    .footer-above-left p { font-size: 16px;}
    .banner-content { padding: 130px 0px 155px;}
    .bn-box p { font-size: 16px;}
    .intro-inner {padding: 100px 0px 75px;}   
    .intro-text p {font-size: 16px;line-height: 23px;margin: 18px 0px; }
    .intro-btn {padding: 12px 12px;}
    .intro-btn a { font-size: 16px;line-height: 20px;}
    .slider-part .slider-button {padding: 13px 21px;}
    .bottom-slider {  padding: 74px 0px 100px;}
    .right-boxes h3 {font-size: 30px;}
    .right-boxes p { font-size: 15px;}
    .footer-abv-content {padding-bottom: 30px;gap: 25px;}
    .btm-slider-text p {font-size: 18px;line-height: 22px; width: 700px;}
    .image-text p { font-size: 15px; line-height: 17px;}
    .slider-detail-btn { width: 38px;height: 38px;margin-top: 50px}
    .image-text h6 {font-size: 16px;}
    .slider-part .slider-button a {font-size: 16px;}
    .slider-mn .image-text {padding: 11px;}
    .btm-slider-content .slider-button {padding: 11px 14px;    margin: 36px 0px 0px 75%;}
    .btm-slider-content .slider-button a { font-size: 16px;}
    .form-inner .row .col input {padding: 12px 16px; font-size: 15px; line-height: 16px; }
    .form-btn-section a { font-size: 15px;line-height: 16px;}
    .form-btn-section {padding: 9px 14px;}
    .form-part {padding-bottom: 40px;}
    .footer-inner {padding: 20px 0px 30px;}
    .btm-slider-text {padding-bottom: 25px;}
    .footer-logo img { width: 190px; }
    .footer-inner h4 { font-size: 20px;padding-bottom: 14px;}
    .footer-left-center ul li a,
    .footer-right-center ul li a {font-size: 16px;}
    .footer-right ul li {font-size: 16px;padding-bottom: 5px;}
    .social .linkedin  img,
    .social .insta  img {width: 40px}
    .footer-cpy-left h5 {font-size: 10px;    padding-bottom: 7px;}
    .footer-cpy-right a {font-size: 10px;}
    .slider-detail-btn a {font-size: 16px;}
    .btm-slider-content .slick-slide {padding: 8px;}
   .slick-next:before {width: 55%;}
    .slick-prev:before {width: 55%;}
    .header-top .header-link ul li a {font-size: 17px;}
    .bnr-btn {padding: 13px 18px;}
    .bnr-btn a { line-height: 20px;}
    .form-heading p {font-size: 17px;line-height: 18px;}
    .form-heading {padding-bottom: 20px; }
    .form-inner .row .col {margin: 10px 8px; }
    .btm-slider .slick-track {right: -90px;}
    .btm-slider .slick-next { padding-top: 0px; }
    .btm-slider .slick-prev { padding-top: 0px;}
    .bottom-skin-sec1 {height: 70px;}
    .footer-right { padding-left: 20px;}
    .footer-main .social {gap: 10px;}
    .footer-cpy-right { gap: 55px;  }
    .banner-right .social img{width: 40px;}
    li.head-btn { padding: 6px 21px;}
    .banner-boxes {margin-top: -50px; }
 
    

     /* overons page  */
     .over-main-banner .banner-left h1 {font-size: 53px;line-height: 47px;}
     .over-main .banner-lower .inner-text {padding: 80px 0px 100px;}
     .first-heading h1 {font-size: 82px;line-height: 62px;}
     .waar-wij-main .first-text p {font-size: 17px;line-height: 22px;}
     .waar-wij-third h3 { font-size: 30px; line-height: 25px;}
     .waar-wij-third p {font-size: 18px; padding-bottom: 8px; line-height: 23px;}
     .waar-wij-main {padding: 80px 0px 135px;}
     .over-main .banner-lower {margin-top: -7%;}
     .over-main-banner {height: 435px;min-height: 320px;}
     .over-main .banner-lower .inner-text p {font-size: 17px;padding-bottom: 8px;line-height: 28px;}
     .waar-wij-third {gap: 8px;}
     .ft-abv-text-image-main {padding: 89px 0px 135px;}
     .over-ons .intro-inner { padding: 0px 0px 90px; }
     .waar-box1, 
     .waar-box2, 
     .waar-box3, 
     .waar-box4{
        padding: 24px 18px;
        min-height: 280px;
     }


     
      /* diesten page 11-04-25  */
    .over-main .banner-lower {background-size: contain;  margin-top: -7%;}
    .diensten .intro-box {gap: 45px;}
    .diensten .intro-box1 h3 {font-size: 20px;line-height: 22px;}
    .diensten .intro-box1 {        padding: 16px 13px 20px 10px;}
    .diensten .intro-box1 p { font-size: 15px;}
    .intro-box .box-2 {        padding: 20px 11px 18px 10px; }
    .diensten .second .box-2 {        padding: 20px 16px 54px 15px !important; }
    .onderhoud-inner {  display: flex; justify-content: space-between;align-items: center;padding: 90px 0px;}
    .onderhoud-inner .intro-box1 h3 {font-size: 22px;line-height: 23px;}
    .onderhoud-inner .intro-box1 {        padding: 20px 13px 20px 17px;}
    .onderhoud-inner .intro-box1 p {font-size: 15px;line-height: 23px;}
    .diensten .intro-text p {padding-bottom: 14px; margin:12px 0px;}
    .rest-second-column .intro-box1 h3 {font-size: 20px; line-height: 21px;}
    .rest-one { padding: 20px 17px 38px 17px !important ; }
    .rest-second-column .intro-box {gap: 36px;}
    .rest-second-column .intro-box1 p {font-size: 16px;line-height: 20px;}
    .behangen-upper img {height: 130px;}
    .behangen-first-column .intro-box1 h3 {font-size: 20px;line-height: 21px;}
    .behangen-first-column .intro-box .box-2 {padding: 20px 15px 33px 15px!important;}
    .behangen-first-column .intro-box1 p {font-size: 16px; line-height: 19px;}
    .behangen-first-column .intro-box { gap: 45px;}
    .behangen-first-column .rest-three {padding: 20px 25px 33px 20px !important;}
    .over-main-banner { height: 350px;}
    .diensten .first .intro-img img {margin-top: -19%;}
    .diensten .intro-inner { padding: 0px 0px 80px; }
    .onderhoud-inner .intro-box { gap: 35px;}
    .restauratie-section { padding: 77px 0px; }
    .rest-three { padding: 20px 20px 17px 20px !important;}
    .behangen-first-column .intro-box1 { padding: 0px 17px 38px 14px !important;}
    .behangen-first-column .intro-box1 {padding: 17px 17px 36px 17px !important;}
    .diensten-upper img {height: 57px;}
    .over-main .banner-lower .inner-text { padding: 80px 0px 116px; }

/* contact page 11-04-25  */
.form-bluepartbt {height: 85px;}
.contct-box-inner {padding: 25px 22px 42px 18px;}
.contact .inner-text { padding: 100px 0px 40px !important;}
.contactgegevens-section h2 { font-size: 55px;line-height: 55px;}
.contct-box-inner h3 {font-size: 28px;line-height: 27px; margin-bottom: 8px;}
.contact-box { gap: 15px;}
.cntct-lower-text p {font-size: 18px; line-height: 18px;}
.form-bluepart.contact { margin-top: 0px;height: 100px;}



      /* portfolio  page 11-04-25  */
      .portfoliotxt .inner-text {padding: 80px 0px 65px !important;}
      .prj-text h2 {font-size: 55px; line-height: 56px;}
      .prj-text p {font-size: 17px; line-height: 22px;}
      .prj-img2 { gap: 20px;}
      .portfolio .intro-box .box-2 { padding: 20px 13px 16px 14px;}
      .portfolio .rest-three {  padding: 20px 18px 30px 16px !important   }
      .portfolio .rest-one { padding: 20px 17px 37px 17px !important;}
      .intro-text p {font-size: 16px;line-height: 20px;margin: 16px 0px;}
      .rest-second-column .intro-text { padding-bottom: 20px;padding-left: 28px; }
      .prj-img-heading h1 {font-size: 43px;line-height: 45px;}
      .prj-text {padding-bottom: 40px; }
      .prj-img1 a img, .img-content a img, .prj-img3 a img {height: 460px;}
      .prj-img2 {padding: 28px 0px;}
      .prj-img-heading p { font-size: 21px;line-height: 22px;}
      .right .prj-img-heading,
      .prj-img-heading { bottom: 16px;left: 28px;}
      .portfolio .intro-text h1 {font-size: 42px;line-height: 37px;}
      .portfolio  .rest-second-column .intro-box { gap: 28px;}
      .restauratie-section.portfolio {padding-bottom: 115px; }
      .prjct-btn { padding: 14px 22px;}
      .prjct-btn a { font-size: 18px;line-height: 19px;}
      .diensten-upper img {height: 55px;}
      .portfolio-projectn { padding: 30px 0px 85px; }


        /* projectn  page 11-04-25  */
    .projectn-slider {  padding: 40px 0px;}
    .main-slider img {width: 100%;  height: 450px;} 
    .slider-btm-text h1 {font-size: 48px; line-height: 50px;}
    .slider-btm-text p { font-size: 17px;line-height: 22px;}
    .projectn  img {height: 55px;}
    .project-slider {padding: 30px 0px 100px;}
    .btm-slider-text {padding-bottom: 30px;}
    .project-slider .btm-slider-content .slick-slide {padding: 10px; height:360px;}
    .project-slider .btm-slider-content .slick-slide .img-content img {  height: 100%; min-height: 100%;}
    .slider-btm-text h6 {font-size: 19px;line-height: 19px;}
    .slider-btm-text { padding-bottom: 30px;}
    .project-slider .btm-slider .slick-next { margin-top: 44px;}
    .project-slider  .btm-slider .slick-prev { margin-top: 44px;}

    .btm-slider-content .slick-slide{
        width: 480px;
        height: 410px;
    }
    .slider-mn .image-text{
        padding: 17px 20px;
    }
    .btm-slider .slick-arrow{
        margin-top: 40px;
    }
    .waar-wij-first{
        gap: 20px;
    }
    .nav-slider .slick-slide{
        width: 115px!important;
        height: 80px;
    }
}


@media screen and (min-width:768px) and (max-width:991px)
{
    .vann-main-banner {background-position: bottom; height:445px; top: -92px;}
    .slider-part .slick-slide {padding: 14px;}
    .slider-inner .image-text h2 {font-size: 28px; line-height: 30px;}
    .slider-inner .image-text p {font-size: 14px;line-height: 18px;}
    .slider-inner .image-text {bottom: 20px;    padding: 12px;}
    .slider-part .slider-button { margin: 33px 0px 0px 54%;}
    .slider-part .slick-list { max-width:100%;}
    .right-boxes.middle {margin-left: 0px;}
    .banner-left h1 { font-size: 38px;line-height: 34px;}
    .intro-text h1 {font-size: 40px;line-height: 30px;}
    .introsection .col-md-6:first-child{
        width: 40%;
    }
    .over-ons .intro-img{
        padding-left: 20px;
        margin-top: -10px;
    }
    .introsection .col-md-6:last-child{
        width: 60%;
    }
    h2.slider-text {font-size: 40px;line-height: 33px; padding-right: 35px;}
    p.slider-textp {    font-size: 17px;padding-right: 35px;}
    .form-heading h1 {font-size: 42px;line-height: 46px;}
    .btm-slider-text h1 { font-size: 42px;line-height: 44px;margin-bottom: 5px;}
    .slider-in {gap: 30px;}
    .right-boxes {padding: 23px; }
    .footer-above-left h1 {font-size: 40px;line-height: 30px;}
    .image-text h2 {font-size: 22px;}
    .box1 {  padding: 50px 20px 25px;}
    .box2 { padding: 65px 20px 25px;}
    .vann-slider-section {height: 20px;}
    .form-bluepart {height: 80px;}
    .banner-left p { font-size: 15px;line-height: 21px; width:455px;}
    .bn-box h2 { font-size: 28px;line-height: 26px;}
    .footer-above-left p { font-size: 16px;}
    .banner-content { padding: 135px 0px 110px;}
    .bn-box p { font-size: 16px;}
    .intro-inner {padding: 75px 0px 55px;}   
    .intro-text p {font-size: 16px;line-height: 22px;margin: 15px 0px; }
    .intro-btn {padding: 11px 11px;}
    .intro-btn a { font-size: 16px;line-height: 20px;}
    .slider-part .slider-button {padding: 13px 21px;}
    .bottom-slider {  padding: 74px 0px 100px;}
    .right-boxes h3 {font-size: 30px;}
    .right-boxes p { font-size: 15px;}
    .footer-abv-content {padding-bottom: 30px;gap: 25px;}
    .btm-slider-text p {font-size: 18px;line-height: 22px; width: 700px;}
    .image-text p { font-size: 15px; line-height: 17px;}
    .slider-detail-btn { width: 38px;height: 38px;margin-top: 70px}
    .image-text h6 {font-size: 16px;}
    .slider-part .slider-button a {font-size: 16px;}
    .slider-mn .image-text {padding: 11px;}
    .btm-slider-content .slider-button {padding: 10px 10px;    margin: 36px 0px 0px 75%;}
    .btm-slider-content .slider-button a { font-size: 16px;}
    .form-inner .row .col input {padding: 12px 16px; font-size: 15px; line-height: 16px; }
    .form-btn-section a { font-size: 15px;line-height: 16px;}
    .form-btn-section {padding: 9px 14px;}
    .form-part {padding-bottom: 40px;}
    .footer-inner {padding: 20px 0px 30px;}
    .btm-slider-text {padding-bottom: 25px;}
    .footer-logo img { width: 150px; padding-bottom: 20px;}
    .footer-inner h4 { font-size: 20px;padding-bottom: 14px;}
    .footer-left-center ul li a,
    .footer-right-center ul li a {font-size: 15px;}
    .footer-right ul li {font-size: 15px;padding-bottom: 5px;}
    .social .linkedin  img,
    .social .insta  img {width:35px}
    .footer-cpy-left h5 {font-size: 14px;    padding-bottom: 7px;}
    .footer-cpy-right a {font-size: 10px;}
    .slider-detail-btn a {font-size: 16px;}
    .btm-slider-content .slick-slide {padding: 8px;width: 340px;height: 270px}
    .slider-part .slick-track { right: 0px; }
   .slick-next:before {width: 55%;}
    .slick-prev:before {width: 55%;}
    .header-top .header-link ul li a {font-size: 15px;}
    .bnr-btn {padding: 10px 10px;}
    .bnr-btn a { line-height: 16px;font-size: 15px;}
    .form-heading p {font-size: 17px;line-height: 18px;}
    .form-heading {padding-bottom: 20px; }
    .form-inner .row .col {margin: 10px 8px; }
    .btm-slider .slick-track {right: -90px;}
    .btm-slider .slick-next { padding-top: 0px;  margin-top: 45px;left: 75px}
    .btm-slider .slick-prev { padding-top: 0px; margin-top: 45px;}
    .bottom-skin-sec1 {height: 70px;}
    .footer-right { padding-left: 100px;}
    .footer-main .social {gap: 10px;}
    .footer-cpy-right { gap: 50px;  }
    .banner-right .social img{width: 35px;}
    li.head-btn { padding: 5px 16px;}
    .footer-abv-content {flex-direction: column;}
    .footer-abv-content .col-md-4,
    .footer-abv-content .col-md-8{width: 100%;}
    .header-top .header-link ul {gap: 22px;}
    .header-logo img{width:200px;}
    .changeclr.header-navigation{height: 87px}
    .header-navigation {height: 116px;}
    .box3 {padding: 60px 20px 30px;}
    .footer-left-center {padding-left: 100px; }
    .form-bluepartbt {height: 75px;}
    .footer-inner .col-md-3{width: 50%;}
    .footer-copy {padding: 14px 0px;}
    .footer-above img {height: 48px;}
    .banner-boxes {margin-top: -100px;max-width: 100%}
    .btm-slider {transform: unset;}


    
     /* overons page  */
     .over-main-banner .banner-left h1 {font-size: 46px;line-height: 46px;}
     .over-main .banner-lower .inner-text {padding: 65px 0px 80px;}
     .first-heading h1 {font-size: 62px;line-height: 52px;margin-bottom: 20px;}
     .waar-wij-main .first-text p {font-size: 16px;line-height: 22px;}
     .waar-box1, 
     .waar-box2, 
     .waar-box3, 
     .waar-box4{
        padding: 20px 15px;
     }
     .waar-wij-third h3 { font-size: 23px; line-height: 19px;}
     .waar-wij-third p {font-size: 16px; padding-bottom: 5px; line-height: 22px;}
     .waar-wij-main {padding: 75px 0px 130px;}
     .over-main .banner-lower {margin-top: -10%;}
     .over-main-banner { height: auto; min-height: 345px;}
     .over-main .banner-lower .inner-text p {font-size: 16px;padding-bottom: 8px;line-height: 25px;}
     .waar-wij-third {gap: 8px;}
     .ft-abv-text-image-main {padding: 68px 0px 90px;}
     .over-ons .intro-inner { padding: 20px 0px 70px; }
     .over-main-banner .banner-content { padding: 130px 0px 50px;}
     .over-ons .intro-img img {margin-top: -45px;}
     .over-ons .intro-text { padding-left: 0px;}
     .waar-wij-first { gap: 20px;}  

      
      /* diesten page 11-04-25  */
    .over-main .banner-lower {background-size: contain;  margin-top: -7%;}
    .diensten .intro-box {gap: 45px;}
    .diensten .intro-box1 h3 {font-size: 20px;line-height: 22px;}
    .diensten .intro-box1 {        padding: 16px 13px 20px 10px;}
    .diensten .intro-box1 p { font-size: 15px;}
    .intro-box .box-2 {        padding: 20px 11px 18px 10px; }
    .diensten .second .box-2 {        padding: 20px 16px 30px 15px !important; }
    .onderhoud-inner {  display: flex; justify-content: space-between;align-items: center;padding: 90px 0px;}
    .onderhoud-inner .intro-box1 h3 {font-size: 22px;line-height: 23px;}
    .onderhoud-inner .intro-box1 {        padding: 20px 13px 20px 17px;}
    .onderhoud-inner .intro-box1 p {font-size: 15px;line-height: 23px;}
    .diensten .intro-text p {padding-bottom: 14px; margin:12px 0px;}
    .rest-second-column .intro-box1 h3 {font-size: 20px; line-height: 21px;}
    .rest-one { padding: 20px 17px 38px 17px !important ; }
    .rest-second-column .intro-box {gap: 36px;}
    .rest-second-column .intro-box1 p {font-size: 16px;line-height: 20px;}
    .behangen-upper img {height: 100px;}
    .behangen-first-column .intro-box1 h3 {font-size: 20px;line-height: 21px;}
    .behangen-first-column .intro-box .box-2 {padding: 20px 15px 33px 15px!important;}
    .behangen-first-column .intro-box1 p {font-size: 16px; line-height: 19px;}
    .behangen-first-column .intro-box { gap: 45px;}
    .behangen-first-column .rest-three {padding: 20px 25px 33px 20px !important;}
    .over-main-banner { height: auto;}
    .diensten .first .intro-img img {margin-top: -19%;}
    .diensten .intro-inner { padding: 0px 0px 60px; }
    .onderhoud-inner .intro-box { gap: 35px;flex-wrap: wrap;}
    .restauratie-section { padding: 70px 0px; }
    .rest-three { padding: 20px 20px 17px 20px !important;}
    .behangen-first-column .intro-box1 { padding: 0px 17px 38px 14px !important;}
    .behangen-first-column .intro-box1 {padding: 17px 17px 36px 17px !important;}
    .diensten-upper img {height: 57px;}
    .over-main .banner-lower .inner-text { padding: 80px 0px 76px; }
    .diensten .intro-inner{flex-wrap: wrap;flex-direction: column-reverse;}
    .diensten .intro-inner .col-md-6,
    .onderhoud-inner .col-md-6,
    .rest-inner  .col-md-6,
    .behangen-inner .col-md-6  {width: 100%;}
    .diensten .intro-box {flex-wrap: wrap;        gap: 25px}
    .diensten .intro-box .col-md-4,
    .onderhoud-inner .intro-box  .col-md-4,
    .rest-second-column .intro-box .col-md-4,
    .behangen-inner .intro-box .col-md-4  {width: 98%; margin: auto;}
    .diensten .intro-text { padding-left: 0px; padding-top: 40px;}
    .diensten .intro-inner.second { flex-wrap: wrap; flex-direction: column }
    .onderhoud-inner { flex-wrap: wrap;        flex-direction: column-reverse;}
    .onderhoud-inner .intro-img {padding-left: 0px; }
    .onderhoud-inner .intro-text{padding-top: 50px;}
    .rest-inner { flex-wrap: wrap;        flex-direction: column; }
    .rest-second-column .intro-box,
    .behangen-inner .intro-box  {gap: 25px;flex-wrap: wrap; }
    .rest-second-column .intro-text { padding-left: 0px; padding-top: 45px; padding-bottom: 15px; }
    .rest-first-column .intro-img,
    .behangen-inner .intro-img{padding-left: 0px;}
    .behangen-inner {flex-wrap: wrap;flex-direction:column-reverse; }
    .behangen-first-column .intro-text{padding-top: 50px;}

    /* contact page 11-04-25  */
  .form-bluepartbt {height: 75px;}
  .contct-box-inner {padding: 25px 20px 42px 20px;}
  .contact .inner-text { padding: 75px 0px 40px !important;}
  .contactgegevens-section h2 { font-size: 48px;line-height: 45px;    padding-bottom: 30px;}
  .contct-box-inner h3 {font-size: 26px;line-height: 27px; margin-bottom: 8px;}
  .contact-box { gap: 15px;}
  .cntct-lower-text p {font-size: 17px; line-height: 17px;}
  .form-bluepart.contact { margin-top: 0px;height: 80px;}
  .contct-box-inner p {font-size: 16px;line-height: 18px;}
  .cntct-lower-text { padding-top: 30px;}

      /* portfolio  page 11-04-25  */
      .portfoliotxt .inner-text {padding: 80px 0px 65px !important;}
      .prj-text h2 {font-size: 48px; line-height: 48px;}
      .prj-text p {font-size: 17px; line-height: 22px;}
      .prj-img2 { gap: 20px;}
      .portfolio .intro-box .box-2 { padding: 30px 13px 30px 22px;}
      .portfolio .rest-three {  padding: 30px 18px 30px 22px !important   }
      .portfolio .rest-one { padding: 30px 17px 37px 22px !important;}
      .intro-text p {font-size: 16px;line-height: 20px;margin: 16px 0px;}
      .rest-second-column .intro-text { padding-bottom: 20px;padding-left: 0px; }
      .prj-img-heading h1 {font-size: 35px;line-height: 38px;}
      .prj-text {padding-bottom: 40px; }
      .prj-img1 a img, .img-content a img, .prj-img3 a img {height: 340px;}
      .prj-img2 {padding: 28px 0px;}
      .prj-img-heading p { font-size: 21px;line-height: 22px;}
      .right .prj-img-heading,
      .prj-img-heading { bottom: 28px;left: 28px;}
      .portfolio .intro-text h1 {font-size: 42px;line-height: 37px;}
      .portfolio  .rest-second-column .intro-box { gap: 28px;}
      .restauratie-section.portfolio {padding-bottom: 100px; }
      .prjct-btn { padding: 13px 20px;    margin: 33px auto 0px;}
      .prjct-btn a { font-size: 17px;line-height: 18px;}
      .diensten-upper img {height: 55px;}
      .portfolio-projectn { padding: 20px 0px 85px; }
      .portfolio .rest-second-column .intro-box1 h3 {font-size: 28px;line-height: 28px;}
      .portfolio .rest-second-column .intro-box1 p {font-size: 17px;line-height: 20px;}


      /* projectn  page 11-04-25  */
    .projectn-slider {  padding: 40px 0px;}
    .main-slider img {width: 100%;  height: 330px;} 
    .slider-btm-text h1 {font-size: 46px; line-height: 46px;}
    .slider-btm-text p { font-size: 17px;line-height: 22px;}
    .projectn  img {height: 50px;}
    .project-slider {padding: 30px 0px 70px;}
    .btm-slider-text {padding-bottom: 30px;}
    .project-slider .btm-slider-content .slick-slide {padding: 10px; height:320px;}
    .project-slider .btm-slider-content .slick-slide .img-content img {  height: 100%; min-height: 100%;}
    .slider-btm-text h6 {font-size: 19px;line-height: 19px;}
    .slider-btm-text { padding-bottom: 30px;}
    .project-slider .btm-slider .slick-next { margin-top: 34px;}
    .project-slider  .btm-slider .slick-prev { margin-top: 34px;}
    .projectn-slider .slick-track { padding-top: 25px; }
    .projectn-slider .slick-prev {right: 58px;padding-top: 30px}
    .projectn-slider .slick-next { right: 0px;padding-top: 30px}
    

    .slider-part .slick-current.slick-active .img-cls-box{
        transform: scaleY(1.10) scaleX(1.05) translateY(-15px);
    }
    
    .slider-mn .image-text{
        padding: 17px 20px;
    }
    .btm-slider .slick-arrow{
        margin-top: 40px;
    }
    .nav-slider .slick-slide{
        width: 95px!important;
        height: 70px;
    }
    .project-slider .btm-slider-content .slider-button{
        margin: 30px 0px 0px 72%;
    }
    .projectn-slider .nav-slider .slick-track{
        width: calc(100% - 110px)!important;
    }
    .bottom-slider.project-slider .btm-slider-text{
        padding-bottom: 10px;
    }
}

@media (max-width: 767px)
{   
    .container { max-width: 700px; }
    .banner-right { display: none;}
    .banner-boxes {flex-wrap: wrap;flex-direction: column;gap: 7px;max-width: 100%}
    .banner-lower { margin-top: -90px;}
    .banner-lower .col-md-4 {width: 100%;}
    .box1 {  margin-top: -12%;padding: 70px 30px 25px;}
    .box2 {  margin-top: 0%;padding: 65px 30px 25px;}
    .box3 {margin-top: 0%;padding: 50px 30px 30px; }
    .box1, .box2, .box3{
        border-radius: 15px;
    }
    .vann-main-banner {background-position: bottom; height:auto; top: -92px;margin-top: 170px}
    .banner-lower img{display: none;}
    .slider-part .slick-slide {padding: 8px;transition: all 0.5s;}
    .slider-inner .image-text h2 {font-size: 38px; line-height: 40px;transition: all 0.5s;margin-bottom: 5px}
    .slider-part .slick-current.slick-active .image-text h2{font-size: 47px; line-height: 45px;}
    .slider-inner .image-text p {font-size: 14px;line-height: 20px;transition: all 0.5s;}
    .slider-part .slick-current.slick-active .image-text p{font-size: 18px;line-height: 24px;}
    .slider-inner .image-text {bottom: 20px;padding: 16px;}
    .slider-part .slider-button { margin: 5px 16px 0px auto;}
    .slider-part .slick-list { max-width:100%;transform: translateX(-32%)}
    .right-boxes.middle {margin-left: 0px;}
    .banner-left h1 { font-size: 40px;line-height: 32px;}
    .intro-text h1 {font-size: 50px;line-height: 45px;}
    h2.slider-text {font-size: 50px;line-height: 45px;padding:0 12px;}
    p.slider-textp {    font-size: 20px;padding:0 12px;margin-bottom: 40px}
    .form-heading h1 {font-size: 50px;line-height: 45px;}
    .btm-slider-text h1 { font-size: 50px;line-height: 40px;margin-bottom: 10px;}
    .slider-in {gap: 11px;}
    .right-boxes { margin: 8px 0;padding: 23px;width: 100%}
    .right-boxes .quote img{width: 32px;height: auto;object-fit: contain;}
    .footer-above-left h1 {font-size: 50px;line-height: 40px;}
    .image-text h2 {font-size: 20px;}

/*    .slider-part .slick-current.slick-active{transform: scale(1);width: 290px;margin-top: -88px}*/
    .slider-part .slick-current.slick-active .img-cls-box{
        transform: unset;
    }
    .slider-part .slider{
        transform: unset;
    }
    .slider-part .slider-content{
        padding-top: 100px;
        height: 550px;
    }
    .slider-part .slider-content.slick-slide.slick-current{
        padding-top: 0;
    }   
    .vann-slider-section {height: 20px;}
    .form-bluepart {height: 80px;}
    .slider-part{
        padding: 50px 0px 70px 0px;
    }
    .banner-left p { font-size: 20px;line-height: 26px; width:100%;margin-top: 14px}
    .bn-box h2 { font-size: 40px;line-height: 26px;}
    .footer-above-left p { font-size: 20px;line-height: 26px}
    .banner-content { padding: 135px 0px 170px;}
    .bn-box p { font-size: 20px;}
    .intro-inner {padding: 55px 0px 75px;        flex-wrap: wrap;}   
    .intro-text p {font-size:20px;line-height: 25px;margin: 25px 0px; }
    .intro-btn {padding: 18px 28px;}
    .intro-btn a { font-size: 20px;line-height: 20px;}
    .slider-part .slider-button {padding: 14px 27px;}
    .slider-part .slick-prev{left: 12px;margin-top: 20px}
    .slider-part .slick-next{margin-top: 20px;left: 60px}
    .bottom-slider {  padding: 74px 0px 100px;}
    .right-boxes h3 {font-size: 40px;}
    .right-boxes p { font-size: 20px;line-height: 25px}
    .footer-abv-content {padding-bottom: 30px;gap: 25px;}
    .btm-slider-text p {font-size: 20px;line-height: 25px; width:100%;}
    .image-text p { font-size: 15px; line-height: 17px;}
    .slider-detail-btn { width: 36px;height: 36px;margin-top: 55px}
    .image-text h6 {font-size: 12px;}
    .slider-mn img{border-radius: 16px}
    .slider-part .slider-button a {font-size: 20px;}
    .slider-mn .image-text {padding: 15px;width: 80%;border-bottom-left-radius:16px}
    .btm-slider-content .slider-button {padding: 14px 27px;margin:20px 16px 0px auto;}
    .btm-slider-content .slider-button a { font-size: 20px;}
    .form-inner .row .col input {padding: 15px 26px; font-size: 20px; line-height: normal; }
    .form-btn-section a { font-size: 20px;line-height: normal;}
    .form-btn-section {padding: 15px 22px;margin: 15px auto 0px}
    .form-part {padding-bottom: 40px;}
    .footer-inner {padding: 20px 30px 30px;}
    .footer-cpy-left{padding: 10px 30px 0}
    .btm-slider-text {padding-bottom: 30px;}
    .footer-logo img { width: 200px; padding-bottom: 20px;}
    .footer-inner h4 { font-size: 20px;padding-bottom: 10px;padding-top: 15px}
    .footer-left-center ul li a,
    .footer-right-center ul li a {font-size: 20px;}
    .footer-main .container{padding: 0 10px;max-width: 100%}
    .footer-right ul li {font-size: 20px;padding-bottom: 5px;}
    .social .linkedin  img,
    .social .insta  img {width:44px;margin-bottom: 15px}
    .footer-right ul{margin-bottom: 0}
    .footer-cpy-left h5 {padding-bottom: 7px;}
    .footer-cpy-right a {width: 100%;display: block;margin: 6px 0}
    .slider-detail-btn a {font-size: 16px;}
    .btm-slider-content .slick-slide {padding: 8px;width: 320px;height: 260px}
    .bottom-slider.project-slider .btm-slider-content .slick-slide {width: 340px}
    .slider-part .slick-track { right:-13px; }
   .slick-next:before {width: 55%;}
    .slick-prev:before {width: 55%;}
    .header-top .header-link ul li a {font-size: 15px;}
    .bnr-btn {padding: 15px 18px;}
    .bnr-btn a { line-height: 16px;font-size: 18px;}
    .form-heading p {font-size: 20px;line-height: 27px;margin-bottom: 0}
    .form-heading {padding-bottom: 20px; }
    .form-inner .row .col {margin: 13px 0;width: 100%;flex: 1 0 auto;padding: 0}
    .btm-slider .slick-track {right: unset;left: unset;margin: auto;}
    .btm-slider .slick-next {margin-top: 30px;left: 80px}
    .btm-slider .slick-prev {left: 18px;margin-top: 30px}
    .bottom-skin-sec1 {height: 70px;}
    .footer-right { padding-left: 0;}
    .footer-main .social {gap: 10px;}
    .footer-cpy-right {display: block;}
    .banner-right .social img{width: 35px;}
    li.head-btn { padding: 5px 16px;}
    .footer-abv-content {flex-direction: column;}
    .footer-abv-content .col-md-4,
    .footer-abv-content .col-md-8{width: 100%;}
    .header-top .header-link ul {gap: 22px;}
    .header-logo img{width:200px;}
    .header-navigation {z-index: 9999;position: fixed;top: 0;left: 0;right: 0;height: max-content;overflow-y: auto;height: 140px}
    .header-navigation:before{z-index: 11;height: 140px;}
    .header-navigation .container{
        position: relative;
    }
    .res-menu-main .header-navigation{
        height: 100%;
        background: #FAE7D9;
    }

    .header-navigation .mobile-menu .menu-tigger ,
    .header-navigation .header-logo{position: relative;z-index: 11}

    .footer-left-center,
    .footer-right-center,
    .footer-right {padding-left: 0;margin-left: 0%; }
    .form-bluepartbt {height: 95px;background-size: 150% 400%}
    .footer-inner .col-md-3{width: 100%;}
    .footer-inner .footer-logo{text-align: center;margin: auto;}
    .footer-copy {padding: 14px 0px 25px;display: block;text-align: center;}
    .footer-above img {height: 48px;object-fit: none;}
    .intro-text { padding-bottom:120px;}
    .intro-img {text-align: center;padding-left: 0px;}
    .intro-img img { width: 100%;border-radius: 15px}
    .header-link{display: none;}
    .mobile-menu{ display: block;}
    .header-left .nav-menu{display: none;}
    .hamburger-menu {
        display: block;
        background: #fff;
        color: #000;
        padding: 0px 0;
    }
    nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    nav .menu-part-mob ul li a {
        text-decoration: none;
        color: #014478;
        font-family: "Passion One-regular";
        font-size: 49px;
        transition: all 0.5s;
        border-bottom: 2px solid transparent;
        padding-bottom: 5px;
        text-transform: uppercase;
        line-height: 44px;
            
    }
    

     .menu-tigger {
      float: right;
      display: none;
      cursor: pointer
    }
    .menu-tigger span {
      background: #014478;
      height: 5px;
      border-radius: 4px;
      width: 40px;
      display: block;
      margin: 6px 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    
    .menu-tigger.button-tigger span:nth-child(2){
        opacity: 0
    }
    .menu-tigger.button-tigger span:nth-child(1){
       -webkit-transform: rotate(45deg);
        transform-origin: 8px -4px;
       -webkit-transform: rotate(45deg);
        transform-origin: 5px -3px;
    }
    .menu-tigger.button-tigger span:nth-child(3){
       -webkit-transform: rotate(-45deg);
        transform-origin: 0 6px;
       -webkit-transform: rotate(-45deg);
        transform-origin: 0 6px;
    }
    
    .menu-tigger{
        display: block;
        position: relative;
        z-index: 2
    }

    nav.mobile-nav.res-menu{
        display: block;
    }
    .header-top nav{
        display: none!important;
    }
   nav {
        text-align: center;
        padding: 100px 0px 100px 0px;
        margin:auto;
/*      position: absolute;*/
        -webkit-transform: translateY(0%);
        transform: translateY(-100%);
        right: 0;
        left: 0;
        background: #FAE7D9;
        height: auto;
       -webkit-transition: .5s;
       transition: .5s;
       opacity: 0;
        z-index: 1;
        transform: rotatex(90deg);
      
    }
    nav.res-menu {
        -webkit-transform: translate(0);
        transform:  translateY(0);
        opacity: 1;
    }
    nav ul li{
        display: block;
        padding: 18px 20px;
    }
    .address-part ul {padding:60px 0px 10px 0px;}
    .address-part ul li{display: block; padding:11px 20px; font-family: "Acumin Pro";font-size: 25px;color:#AF8B71; line-height: 20px;}
    .address-part ul li a{text-decoration: none;    padding: 3px 20px; font-family: "Acumin Pro";font-size: 25px;color:#AF8B71; line-height: 20px;}
    
    .social-mob img{width: 44px;}
    .social-mob{display: flex;align-items: center;justify-content: center;gap: 14px}
/*    .slider-part .slider{transform: translateX(4px);overflow: visible;margin-top: 110px}   */
    .footer-inner .col-md-3 { width: 100%;display: flex;  justify-content: center; }
    .footer-left-center ul, .footer-right-center ul, .footer-right ul { width: 200px;}
    .btm-slider {padding-left: 0px !important;}


    /* overons page  10-04-25 */
    .over-main-banner .banner-left h1 {font-size: 60px;line-height: 45px;}
    .over-main .banner-lower .inner-text {padding: 65px 0px 25px;}
    .first-heading h1 {font-size: 58px;line-height: 46px;margin-bottom: 20px;}
    .waar-wij-main .first-text p {font-size: 20px;line-height: 27px;}
    .waar-box1, 
    .waar-box2, 
    .waar-box3, 
    .waar-box4{
        min-height: 160px;
        padding: 20px 10px;
        border-radius: 15px;
    }
    .waar-wij-third h3 { font-size: 25px; line-height: 20px;}
    .waar-wij-third p {font-size: 15px;padding-bottom: 1px;line-height: 16px;margin-bottom: 10px;}
    .waar-wij-main {padding: 95px 0px 100px;}
    .over-main .banner-lower {margin-top: -4%;}
    .over-main-banner { height: auto; min-height: 370px;}
    .over-main .banner-lower .inner-text p {font-size: 20px;padding-bottom: 8px;line-height: 25px;}
    .over-ons .intro-img{padding-left: 0}
    .waar-wij-third {column-gap: 15px;flex-wrap: wrap;gap: 10px;padding-top: 12px}
    .ft-abv-text-image-main {padding: 68px 0px 100px;}
    .over-ons .intro-inner { padding: 0px 0px 50px;flex-direction: column-reverse; }
    .over-main-banner .banner-content { padding: 140px 0px 50px;}
    .over-ons .intro-img img {margin-top: 75px;}
    .over-ons .intro-text { padding-left: 0px;padding-top: 40px;padding-bottom: 20px;}
    
    .over-main-banner {top: 15px;}
    .over-ons .intro-text h1  br{display: none;}
    .over-ons  .intro-text h1 { font-size: 47px;  line-height: 37px; }
    .over-ons  .intro-text p {  font-size: 18px;line-height: 24px;margin: 20px 0px; }
    .waar-wij-first {  gap: 0px; flex-wrap: wrap;        justify-content: flex-end;}
    .waar-wij-first  .first-heading h1 {  margin-bottom: 13px;}
    .waar-wij-main .col-md-3{width: 48.5%;}
    .introsection .col-md-6,
    .ft-abv-text-image-main .col-md-6{width: 100%}
    .ft-abv-inner {flex-wrap: wrap; }
    .ft-abv-content { padding-left: 0px; padding-top: 30px;}
    .ft-abv-content .intro-text p { font-size: 18px; line-height: 23px; margin: 22px 0px; }
    .ft-abv-content .intro-text {  padding-bottom: 30px;}
    .ft-abv-content .intro-text h1 br{display: none;}
    .over-main-banner {background-image: url("https://schildersbedrijfvanmil.nl/wp-content/uploads/2025/04/diensten-mob.png"); background-position: bottom; width: 100%; background-size: cover; height: 482px;background-repeat: no-repeat;position: relative;top: 40px;background-position: right 0px bottom 0;  }

      /* diesten page 11-04-25  */
      .over-main .banner-lower {background-size: contain;  margin-top: -2%;}
      .banner-left { margin-top: 15px; }
      .diensten .intro-box {gap: 45px;}
      .diensten .intro-box1 h3 {font-size: 30px;line-height: 27px;}
      .diensten .intro-box1 {        padding: 25px 20px 32px 25px}
      .diensten .intro-box1 p { font-size: 20px;line-height: 22px}
      .intro-box .box-2 { padding: 25px 17px 29px 25px; }
      .diensten .second .box-2 {        padding: 20px 16px 30px 15px !important; }
      .onderhoud-inner {  display: flex; justify-content: space-between;align-items: center;padding: 70px 0px;}
      .onderhoud-inner .intro-box1 h3 {font-size: 30px;line-height: 27px;}
      .onderhoud-inner .intro-box1 { padding: 25px 13px 24px 25px;}
      .onderhoud-inner .intro-box1 p {font-size: 20px;line-height: 22px;}
      .diensten .intro-text p {padding-bottom: 14px; margin:12px 0px;font-size: 18px;  line-height: 24px;}
      .rest-second-column .intro-box1 h3 {font-size: 20px; line-height: 21px;}
      .rest-one { padding: 20px 17px 38px 17px !important ; }
      .rest-second-column .intro-box {gap: 36px;}
      .rest-second-column .intro-box1 p {font-size: 16px;line-height: 20px;}
      .behangen-upper img {height: 100px;}
      .behangen-first-column .intro-box1 h3 {font-size: 20px;line-height: 21px;}
      .behangen-first-column .intro-box .box-2 {padding: 20px 15px 33px 15px!important;}
      .behangen-first-column .intro-box1 p {font-size: 16px; line-height: 19px;}
      .behangen-first-column .intro-box { gap: 45px;}
      .behangen-first-column .rest-three {padding: 20px 25px 33px 20px !important;}
    
      .diensten .first .intro-img img {margin-top: -140px;border-radius: 15px}
      .diensten .intro-inner { padding: 0px 0px 60px; }
      .onderhoud-inner .intro-box { gap: 25px;flex-wrap: wrap;}
      .restauratie-section { padding: 70px 0px; }
      .rest-three { padding: 20px 20px 17px 20px !important;}
      .behangen-first-column .intro-box1 { padding: 0px 17px 38px 14px !important;}
      .behangen-first-column .intro-box1 {padding: 17px 17px 36px 17px !important;}
      .diensten-upper img {height: 57px;}
      .over-main .banner-lower .inner-text { padding: 80px 0px 60px; }
      .diensten .intro-inner{flex-wrap: wrap;flex-direction: column-reverse;}
      .diensten .intro-inner .col-md-6,
      .onderhoud-inner .col-md-6,
      .rest-inner  .col-md-6,
      .behangen-inner .col-md-6  {width: 100%;}
      .diensten .intro-box {flex-wrap: wrap;        gap: 25px}
      .diensten .intro-box .col-md-4,
      .onderhoud-inner .intro-box  .col-md-4,
      .rest-second-column .intro-box .col-md-4,
      .behangen-inner .intro-box .col-md-4  {width: 100%; margin: auto;}
      .diensten .intro-text { padding-left: 0px; padding-top: 40px;padding-bottom: 0px;}
      .diensten .intro-inner.second { flex-wrap: wrap; flex-direction: column }
      .onderhoud-inner { flex-wrap: wrap;        flex-direction: column-reverse;}
      .onderhoud-inner .intro-img {padding-left: 0px; }
      .onderhoud-inner .intro-text{padding-top: 50px;padding-bottom: 10px;}
      .rest-inner { flex-wrap: wrap;        flex-direction: column; }
      .rest-second-column .intro-box,
      .behangen-inner .intro-box  {gap: 25px;flex-wrap: wrap; }
      .rest-second-column .intro-text { padding-left: 0px; padding-top: 45px; padding-bottom: 15px; }
      .rest-first-column .intro-img,
      .behangen-inner .intro-img{padding-left: 0px;}
      .behangen-inner {flex-wrap: wrap;flex-direction:column-reverse; }
      .behangen-first-column .intro-text{padding-top: 50px;padding-bottom: 10px;}
      .over-main-banner.diensten .banner-left h1 {font-size: 52px;line-height: 44px;}   
      .onderhoud-inner .intro-text p { font-size: 20px; line-height: 25px; margin: 20px 0px;}
      .rest-second-column .intro-text p {font-size: 17px;line-height: 22px;margin: 20px 0px;}
      .rest-second-column .intro-box1 {padding: 23px 20px 26px 25px !important}
      .behangen-first-column .intro-text p {font-size: 17px;line-height: 23px;margin: 21px 0px; }
      .diensten .intro-text h1 { font-size: 46px; line-height: 42px;}
      .onderhoud-inner .intro-text h1 {font-size: 46px;line-height: 44px; }
      .Onderhoud.section .col-md-6 .col-md-4{width: 100%}


    /* contact page 11-04-25  */
  .form-bluepartbt {height: 75px;}
  .contct-box-inner {padding: 25px 8px 42px 30px;}
  .contact .inner-text { padding: 75px 0px 40px !important;}
  .contactgegevens-section h2 { font-size: 48px;line-height: 45px;padding-bottom: 30px;padding-top: 30px}
  .contct-box-inner h3 {font-size: 26px;line-height: 27px; margin-bottom: 8px;}
  .contact-box { gap: 15px;}
  .cntct-lower-text p {font-size: 17px; line-height: 17px;}
  .form-bluepart.contact { margin-top: 0px;height: 80px;}
  .contct-box-inner p {font-size: 17px;line-height: 18px;}
  .cntct-lower-text { padding-top: 30px;display: none;}
  .over-main-banner.contact .banner-left h1 {font-size: 52px;line-height: 44px;}
  .contact-box { gap: 15px; flex-wrap: wrap;}

   /* portfolio  page 11-04-25  */
   .portfoliotxt .inner-text {padding:70px 0px 30px !important;}
   .prj-text h2 {font-size: 50px; line-height: 44px;}
   .prj-img2 { gap: 20px;flex-wrap: wrap;}
   .prj-img2 .img-content {position: relative;}
   .prj-img2 .col-md-6 {width: 100%;}
   .portfolio .intro-box .box-2 { padding: 30px 13px 30px 22px;}
   .portfolio .rest-three {  padding: 30px 18px 30px 22px !important   }
   .portfolio .rest-one { padding: 30px 17px 37px 22px !important;}
   .intro-text p {font-size: 16px;line-height: 20px;margin: 16px 0px;}
   .rest-second-column .intro-text { padding-bottom: 20px;padding-left: 0px; }
   .prj-img-heading h1 {font-size: 30px;line-height: 33px;}
   .prj-text {padding-bottom: 40px; }
   .prj-img1 a img, .img-content a img, .prj-img3 a img {height: auto;border-radius: 8px;min-height: 250px}
   .form-heading{padding-bottom: 10px}
   .right .prj-img-heading {right:unset;bottom: 15px;left: 28px;}
   .prj-img2 {padding: 28px 0px;}
   .prj-img-heading p { font-size: 15px;line-height: 20px;}
   .prj-img-heading { bottom: 28px;left: 28px;}
   .portfolio .intro-text h1 {font-size: 50px;line-height: 46px;}
   .portfolio  .rest-second-column .intro-box { gap: 28px;}
   .restauratie-section.portfolio {padding-bottom: 100px; }
   .prjct-btn { padding: 13px 20px;    margin: 33px auto 0px;}
   .prjct-btn a { font-size: 17px;line-height: 18px;}
   .diensten-upper img {height: 20px;}
   .diensten-upper{margin-top: 40px}
   .portfolio-projectn { padding: 20px 0px 85px; }
   .portfolio .rest-second-column .intro-box1 h3 {font-size: 28px;line-height: 28px;}
   .portfolio .rest-second-column .intro-box1 p {font-size: 20px;line-height: 24px;}
   .portfolio    .banner-left h1 {font-size: 51px;line-height: 48px;}


     /* projectn  page 11-04-25  */
     .projectn-slider {  padding: 40px 0px;overflow: hidden;}
     .main-slider img {width: 100%;  height: 400px;} 
     .slider-btm-text h1 {font-size: 50px; line-height: 40px;}
     .slider-btm-text p { font-size: 20px;line-height: 25px;}
     .projectn  img {height: 50px;}
     .project-slider {padding: 30px 0px 50px;}
     .btm-slider-text {padding-bottom: 30px;}
     .project-slider .btm-slider-content .slick-slide {padding: 10px; height:310px;}
     .project-slider .btm-slider-content .slick-slide .img-content img {  height: 100%; min-height: 100%;}
     .slider-btm-text h6 {font-size: 20px;line-height: normal;}
     .slider-btm-text { padding-bottom: 50px;}
     .project-slider .btm-slider .slick-next { margin-top: 20px;}
     .project-slider  .btm-slider .slick-prev { margin-top: 20px;}
     .projectn-slider .slick-track { padding-top: 25px; }
    .bottom-slider.project-slider .btm-slider-text h1{margin-bottom: 16px}
     .projectn-slider {margin-top: 150px;}
     .projectn-slider .slick-prev { right: 60px; top: -85px;padding-top: 50px}
    .projectn-slider .slick-next { right: 0px; top: -85px;padding-top: 50px}
    

    .form-part  .fluentform .ff-el-group{
        margin: 25px 0!important;
    }
    .form-part  .fluentform .fluent_form_5 .ff-el-group .form-btn-section{
        margin-top: 0!important;
    }
    .form-part .fluentform .col{
        margin: 0;
    }

    .form-part .fluentform .col input,
    .form-part .fluentform .col textarea{
        padding: 17px 23px;
        font-size: 18px;
        line-height: 18px;
    }
    .fluentform.fluentform_wrapper_4 .form-btn-section{
        margin: 0 auto;
        padding: 18px 26px;
    }

    .slider-part::before{
        display: none;
    }

    .btm-slider{
        transform: unset;
    }
    .res-menu-main .changeclr.header-navigation .header-logo{
        transform: unset!important;
    }
    .res-menu-main .header-navigation.changeclr:before{
        height: 92px!important;
    }
    .res-menu-main .changeclr.header-navigation .header-top{
        padding-top: 12px;
    }
    .diensten-upper{
        margin-top: 110px;
    }
    .diensten-upper.d-upp-cls
    {
        margin-top: 0;
    }
    .diensten-upper.d-upp-cls img{
        height: 50px;
    }
    .form-part.form-den .form-heading h1{
        width: 100%;
    }
    .form-part.form-den .form-heading p br{
        display: none;
    }
    .header-navigation.changeclr:before{
        height: 100px;
    }

    .nav-slider .slick-slide{
        width: 100px!important;
        height: 70px;
    }
    .projectn-slider .nav-slider .slick-track{
        width: 100%!important;
    }
    
    .projectn-slider .nav-slider{
        display: none;
    }
    .project-slider .btm-slider-content .slider-button{
        margin: 90px auto 70px;
    }
    .nav-second-cls{
        display: block;
    }
    .nav-second-cls img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .nav-second-cls .slick-slide{
        width: 100px;
        height: 70px;
        border-radius:5px;
        opacity: 0.6;
        transition: all 0.5s;
        overflow: hidden;
        margin: 0 5px;
    }
    .nav-second-cls .slick-slide.slick-active.slick-current{
        opacity: 1;
    }

    .ff-el-recaptcha.g-recaptcha,
    .fluentform_wrapper_4 .ff-el-recaptcha.g-recaptcha{
        margin-top: 10px;
    }
}
     





@media screen and (max-width:575px)
{   
    
    .container { max-width: 100%; }
    .banner-right { display: none;}
    .banner-boxes {flex-wrap: wrap;flex-direction: column;        gap: 10px;margin-top: -65px}
    .banner-lower { margin-top: -90px;}
    .banner-lower .col-md-4 {width: 100%;}
    .box2,
    .box3,
    .box1 {margin-left: 0;margin-right: 0;}
    .box1{margin-top: -30%}
    .vann-main-banner {background-position:center center; height:auto; top:-110px;background-image: url('../images/m-bg.png');}
    .slider-part .slick-list { max-width:100%;transform: translateX(-53%)}
    .right-boxes.middle {margin-left: 0px;}
    .slider-in {gap: 12px;}
    .slider-mn,
    .slider-mn img{object-fit: cover;}
    .right-boxes { margin: 15px 0px 0px 0px;padding:30px 20px 24px 15px;width: 100%;}
    .footer-above-left h1 {font-size: 50px;line-height: 38px;}
    .image-text h2 {font-size: 20px;}
    .footer-above-left p { font-size: 20px;line-height: 25px}
    .right-boxes:first-child{margin-bottom: 15px}
    .banner-content { padding: 135px 0px 110px;}
    .bottom-slider {  padding: 74px 0px 100px;}
    .right-boxes h3 {line-height:34px}
    .right-boxes p { font-size: 20px;padding-top: 10px;width:calc(100% + 30px)}
    .footer-abv-content {padding-bottom: 30px;gap: 25px;}
    .btm-slider-text p {font-size: 18px;line-height: 22px; width: 700px;}
    .image-text p { font-size: 15px; line-height: 17px;}
    .slider-detail-btn { width: 38px;height: 38px;}
    .image-text h6 {font-size: 12px;}
    .slider-mn .image-text {padding: 14px 20px;}
    .btm-slider-content .slider-button {padding: 10px 20px;}
    .btm-slider-content .slider-button a { font-size: 16px;}
    .form-part {padding-bottom: 40px;}
    .footer-inner {padding: 20px 0px 10px;}
    .btm-slider-text {padding-bottom: 25px;}
    .footer-logo img { width: 211px; padding-bottom: 40px;}
    .footer-inner h4 { font-size: 20px;padding-bottom: 4px;padding-top: 0}
    .footer-left-center ul li a,
    .footer-right-center ul li a {font-size: 20px;display: block;padding-bottom: 4px}
    .footer-right ul li {font-size: 15px;padding-bottom: 5px;}
    .social .linkedin  img,
    .social .insta  img {width:44px}
    .footer-cpy-right a{font-size: 16px}
    .footer-cpy-left h5 { padding-bottom: 7px;font-size: 16px;width: fit-content;vertical-align: middle;text-align: left;}
    .slider-detail-btn a {font-size: 16px;}
    .btm-slider-content .slick-slide {padding: 8px;}
    .slider-part .slick-track { right: 0px; }
   .slick-next:before {width: 55%;}
    .slick-prev:before {width: 55%;}
    .header-top .header-link ul li a {font-size: 15px;}
    .form-heading {padding-bottom: 20px; }
    .btm-slider .slick-track {right: 0px;}
    .btm-slider .slick-next { margin-top: 50px; left: 200px;}
    .btm-slider .slick-prev { margin-top: 50px;left: 100px;}
    .bottom-skin-sec1 {height: 60px;background-size: auto;}
    .footer-right { padding-left: 100px;}
    .footer-main .social {gap: 13px;}
    .footer-cpy-right { gap: 50px;  }
    .banner-right .social img{width: 35px;}
    li.head-btn { padding: 5px 16px;}
    .footer-abv-content {flex-direction: column;}
    .footer-abv-content .col-md-4,
    .footer-abv-content .col-md-8{width: 100%;}
    .header-top .header-link ul {gap: 15px;}
    .header-logo img{width:200px;}
   
    .footer-left-center {padding-left: 100px; }
    .form-bluepartbt {height: 75px;}
    .footer-inner .col-md-3{width: 50%;}
    .footer-copy {padding: 14px 0px;}
    .footer-above img {height: 48px;}
    .intro-img {text-align: center;padding-left: 0px;}
    .form-inner .row{margin: 0}

    .header-navigation:before{height: 92px}
    .header-logo img{width: 130px}
    .vann-main-banner .container{padding: 0 25px}
    .banner-content{padding: 85px 0px 160px}

    .banner-left h1 {font-size: 40px;line-height: 30px;width: 370px; }
    .banner-left p {font-size: 18px;line-height: 23px;}
    .bn-box h2 {font-size: 37px;line-height: 30px;}
    .bn-box p {font-size: 19px;}
    .bnr-btn { padding: 14px 22px;}
    .bnr-btn a {line-height: 16px; font-size: 17px;}
    .intro-text h1 { font-size: 45px;line-height: 38px;}
    .intro-text p {font-size: 18px; line-height: 24px; margin: 22px 0px;}
    .intro-btn { padding: 15px 28px;}
    .intro-btn a {font-size: 18px;line-height: 20px; }
    .intro-text {padding-bottom: 86px; }
    .slider-part{padding-bottom: 130px}
    .form-bluepart{background-size: auto;}
    .vann-slider-section {height: 85px;}
    h2.slider-text {font-size: 46px;line-height: 40px;padding: 0 12px;  }
    .slider-part .slider-button a { font-size: 18px; }
    .slider-part .slider-button {padding: 12px 26px;}
    .form-heading h1 { font-size: 45px; line-height: 39px; }
    .form-inner .row .col input { padding: 13px 26px; font-size: 18px;}
    .form-heading p {font-size: 20px;line-height: 27px;padding-top: 8px}
    .form-btn-section { padding: 13px 17px;}
    .form-btn-section a {font-size: 19px;}
    .btm-slider-text h1 {font-size: 50px;line-height: 40px;width: 100%;}
    .btm-slider-text p { font-size: 18px; line-height: 22px; width: 100%;padding: 0px 15px; }
    .footer-inner .col-md-3 { width: 100%;display: flex;justify-content: left;}
    .footer-left-center { padding-left: 0px;}
    .footer-right {padding-left: 0px;}
    .footer-left-center ul, .footer-right-center ul, .footer-right ul { width: 240px; }
    nav {text-align: center;padding: 90px 0px 90px 0px;}
    nav .menu-part-mob ul li a { font-size: 46px; line-height: 43px;}
    .address-part ul {padding: 45px 0px 10px 0px;    }
    .address-part ul li {padding: 8px 20px;font-size: 24px;line-height: 24px; }
    .address-part ul li a {font-size: 24px; line-height: 24px;padding: 0;word-break: break-word;}
    .slider-mn .image-text {width: 80%;}
    .footer-right ul li a {font-size: 20px;}

    .footer-left-center,
    .footer-right-center,
    .footer-right {padding-left: 0;margin-left: 28%; }

  /* overons page  10-04-25 */
    .over-main-banner .banner-content {padding: 130px 0px 50px;}
    .over-main .banner-lower { background-size: auto;}
    .over-main-banner {background-position: right 0px bottom -54px;top:0px;height: 422px}
    .over-ons .intro-img {margin-top: -60px;    padding-left: 0px;}
    .over-ons .intro-text h1  br{display: none !important;}
    .waar-wij-first .first-heading h1 { margin-bottom: 6px;   font-size: 50px;line-height: 43px;}
    .ft-abv-content .intro-text h1 br{display: none;}
    .intro-text h1 { font-size: 43px; line-height: 35px;}
    .over-ons .intro-text h1 { font-size: 45px; line-height: 35px; }
    .over-ons .intro-text p {font-size: 20px;line-height: 22px;}
    .ft-abv-content .intro-text p { font-size: 16px; line-height: 23px;}
    .ft-abv-text-image-main { padding: 61px 0px 61px;}
    .waar-wij-main { padding: 69px 0px 100px; }

  /* diesten page  11-04-25 */
   .diensten .over-main .banner-lower .inner-text {padding: 69px 0px 97px; }
    .over-main .banner-lower .inner-text { padding: 80px 0px 60px; }
    .diensten .intro-inner{
        padding: 0px 0px 40px;
    }
    .diensten .second .box-2 {padding: 20px 14px 50px 20px !important;}
    .diensten .intro-box1{padding: 25px 14px 25px 20px}
    .rest-second-column .intro-text p {font-size: 20px;line-height: 24px;margin: 15px 0px;}
    .rest-second-column .intro-box1 p { font-size: 20px; line-height: 24px;  }
    .behangen-upper img { height: 70px; }
    .btm-slider .slick-prev { left: 15px;margin-top: 30px}
    .btm-slider .slick-next {margin-top: 30px;left: 70px;  }

    .diensten .intro-inner.second{
        padding: 0px 0px 100px;
    }
    .onderhoud-inner{
        padding: 60px 0;
    }


    
    /* contact page 11-04-25  */
  .form-bluepartbt {height: 75px;}
  .contct-box-inner {padding: 25px 8px 42px 30px;}
  .contact .inner-text { padding: 75px 0px 40px !important;}
  .contactgegevens-section h2 { font-size: 48px;line-height: 45px;    padding-bottom: 30px;}
  .contct-box-inner h3 {font-size: 26px;line-height: 27px; margin-bottom: 8px;}
  .contact-box { gap: 15px;}
  .cntct-lower-text p {font-size: 16px; line-height: 17px;}
  .form-bluepart.contact { margin-top: 0px;height: 80px;}
  .contct-box-inner p {font-size: 17px;line-height: 18px;}
  .cntct-lower-text { padding-top: 30px;}
  .over-main-banner.contact .banner-left h1 {font-size: 52px;line-height: 44px;        margin-top: 50px;}
  .contact-box { gap: 15px; flex-wrap: wrap;}

    /* portfolio page 11-04-25  */
  .portfolio .banner-left { margin-top: 65px;}
  .prj-img-heading h1 { font-size: 46px;  line-height: 48px;}

    /* projectn page 11-04-25  */

    .projectn-slider .slick-track { padding-top: 28px;}
    .nav-slider .slick-slide { width: 97px !important;}
    .bottom-slider.project-slider .img-content h1{
        font-size: 30px;
        line-height: 24px;
        padding-bottom: 5px;
    }


   .slider-part{
    padding-top: 0;
   }
   .header-navigation.changeclr:before{
    height: 66px;
   }
   .vann-main-banner{
    margin-top: 160px;
   }
   .form-bluepart{
    height: 100px;
   }
   .over-main .banner-lower{
    margin-top: -7%;
   }
   .projectn-slider .container{
        padding: 0;
        max-width: 100%;
    }
    .projectn-slider .main-slider{
        max-width: 700px;
        padding: 0 calc(var(--bs-gutter-x) * .5);
        margin: auto;
    }
    .projectn-slider{
        margin-top: 100px;
    }
    .header-navigation{
        height: 90px;
    }
    .projectn-slider .slick-prev,
    .projectn-slider .slick-next{
        padding-top: 60px;
    }
    .project-slider .btm-slider-content .slider-button{
        margin-bottom: 0;
    }
    .bottom-slider.project-slider{
        padding: 14px 0px 70px;
    }
    .bottom-slider.project-slider .btm-slider-content .slider-button{
        padding: 14px 27px;
    }
    .nav-second-cls{
        padding-left: 10px;
    }
}

@media screen and (max-width:480px)
{   
    .slider-part .slider-content{height: 460px;padding-top: 70px}
    h2.slider-text { font-size: 45px;line-height: 40px;margin:unset;margin-left: auto; max-width: 375px;}    
    .btm-slider .slick-next{left: 60px}
    .btm-slider-content .slider-button {padding: 10px 20px;}
    .btm-slider .slick-track {right: 0px;}


    /* overons page  10-04-25 */
    .over-main-banner .banner-content {padding: 130px 0px 50px;}
    .over-main-banner { height: auto;  min-height: 400px;   background-position: right -90px top 33px; }
    .over-ons .intro-img {margin-top: -60px;    padding-left: 0px;}
    .over-ons .intro-text h1  br{display: none !important;}
    .waar-wij-first .first-heading h1 { margin-bottom: 20px;font-size: 80px;line-height: 70px;}
    .waar-wij-second img{border-radius: 15px}
    .ft-abv-content .intro-text h1 br{display: none;}
    .intro-text h1 { font-size: 50px; line-height: 40px;}
    .over-ons .intro-text h1 { font-size: 46px; line-height: 38px; }
    .over-ons .intro-text p {font-size: 20px;line-height: 23px;}
    .over-ons .intro-inner{
        padding-bottom: 30px;
    }
    .ft-abv-content .intro-text p { font-size: 20px; line-height: 24px;}
    .ft-abv-text-image-main { padding: 61px 0px 61px;} 
    .ft-abv-content { padding-top: 70px; }
    .over-main .banner-lower .inner-text p {width:85%; margin: auto;}
    .over-main-banner {height: auto;min-height: 482px; background-position: right 0px top -60px; }

    /* diesten page  11-04-25 */
    .over-main .banner-lower .inner-text {padding: 80px 0px 47px;}
    .over-main-banner.diensten .banner-left h1 {font-size: 53px; line-height: 44px; }
    .rest-second-column .intro-box1 h3 { font-size: 28px; line-height: 22px;}
    .behangen-first-column .intro-box1 h3 {font-size: 28px; line-height: 28px;}
    .over-ons{background: unset;}
    .over-ons:before{background-image: url('https://schildersbedrijfvanmil.nl/wp-content/themes/schildersbedrijfvanmil/images/cutbnr.png');background-size: auto;z-index: -1;height: 88%}

    
 
    /* contact page 11-04-25  */
    .form-bluepartbt {height: 75px;background-size: auto;}
    .contct-box-inner {padding:20px 8px 20px 22px;min-height: 150px}
    .contact .inner-text { padding: 75px 0px 40px !important;}
    .contactgegevens-section h2 { font-size: 48px;line-height: 45px;    padding-bottom: 30px;}
    .contct-box-inner h3 {font-size: 30px;line-height: 27px; margin-bottom: 8px;}
    .contact-box { gap: 15px;}
    .cntct-lower-text p {font-size: 16px; line-height: 17px;}
    .form-bluepart.contact { margin-top: 0px;height: 100px;}
    .map-area iframe{
        height: 560px;
    }
    .contct-box-inner p {font-size: 20px;line-height: 18px;}
    .cntct-lower-text { padding-top: 30px;}
    .over-main-banner.contact .banner-left h1 {font-size: 52px;line-height: 44px;        margin-top: 50px;}
    .contact-box { gap: 15px; flex-wrap: wrap;}
  
      /* portfolio page 11-04-25  */
  .portfolio .banner-left { margin-top: 65px;}
  .prj-img-heading h1 { font-size: 35px;  line-height: 38px;}
  .prj-text h2 {font-size: 48px; line-height: 46px;}
  .prj-img1 a img, .img-content a img, .prj-img3 a img {  height: 100%;}
  .prj-img2 { padding: 20px 0px;}
  .portfolio .intro-text h1 {font-size: 48px; line-height: 44px;}

  .footer-left-center, .footer-right-center, .footer-right {padding-left: 0; margin-left: 10%;}
  .portfolio .rest-second-column .intro-box1 h3 { font-size: 30px; line-height: 29px;}


   /* projectn page 11-04-25  */

   .nav-slider .slick-slide { width: 102px !important;}
   .projectn-slider { margin-top: 80px;}
   

   .form-part .fluentform .fluent_form_3 .form-btn-section{
        margin-top: 0;
   }
   .over-main-banner .banner-left h1{
    font-size: 58px;
    line-height: 45px;
    word-break: break-word;
   }

   .waar-box1, .waar-box2, .waar-box3, .waar-box4{
    min-height: 190px;
   }
   .waar-wij-main .col-md-3{
    width: 47.5%;
   }
   .ft-abv-img img{
    border-radius: 15px;
   }
   .diensten .intro-box{
    gap: 10px;
   }

   .projectn-slider .slick-arrow:before,
   .bottom-slider.project-slider .slick-arrow:before{
    width: 40%;
    height: 24px;
   }
   .bottom-slider.project-slider .slick-arrow{
    margin-top: 10px;
   }
   .project-slider .btm-slider-content .slider-button{
    margin-top: 70px;
   }
   .btm-slider-content .slider-button a{
    font-size: 18px;
   }
   .projectn-slider .slick-prev, .projectn-slider .slick-next{
    padding-top: 70px;
   }
   .projectn-slider .slick-prev{
    right: 45px;
   }
   .main-slider img{
    height: 350px;
   }
   .projectn-slider .nav-slider{
    margin-top: -20px;
    padding-left: 10px;
   }
   .slider-part .slick-next,
   .slider-part .slick-prev{
    margin-top: 14px;
   }
}
    
@media screen and (max-width:420px)
{
    .slider-part .slick-current.slick-active .image-text h2{font-size: 38px}
    .slider-part .slick-current.slick-active .image-text p{line-height: 21px;font-size: 16px}
    .btm-slider-content .slider-button {padding: 10px 20px;}
    .form-heading h1 {font-size: 50px;line-height: 40px;width: 300px;margin: auto;padding-bottom: 5px;}
    .form-part.form-den .form-heading h1{line-height: 40px;width: 100%}
    .banner-left h1 { width: 345px;}
    nav ul li { padding: 13px 20px; }
    .banner-content {  padding: 105px 0px 200px;}

/* overons page  10-04-25 */
    .waar-box4 { width: 100%; padding: 25px 13px 13px;}

    .address-part ul li a,
    .address-part ul li{
        font-size: 20px;
        line-height: 22px;
    }
    .slider-btm-text h1{
        font-size: 44px;
        line-height: 34px;
    }


/* contact page  11-04-25 */

.over-main .banner-lower {margin-top: -10%;}
.contact .inner-text { padding: 60px 0px 40px !important;}
.cntct-lower-text p { font-size: 16px; line-height: 19px;}
.contactgegevens-section { padding: 0px 0px 40px;}
.over-main-banner { background-position: right 0px top 15px;}

  /* portfolio page 11-04-25  */
  .portfolio .banner-left { margin-top: 65px;}
  .prj-img-heading h1 { font-size: 35px;  line-height: 38px;}
  .prj-text h2 {font-size: 50px; line-height: 46px;}
  .prj-img1 a img, .img-content a img, .prj-img3 a img {  height: 100%;}
  .prj-img2 { padding: 20px 0px;}
  .portfolio .intro-text h1 {font-size: 48px; line-height: 44px;}
  .portfoliotxt .inner-text {padding: 70px 0px 40px !important;}
  .prj-img-heading { bottom: 18px; left: 20px;}
  .right .prj-img-heading {bottom: 15px;left: 20px;}
  .restauratie-section.portfolio {padding-bottom: 75px;}


  .prj-img1 a img, .img-content a img, .prj-img3 a img{
    min-height: 200px;
  }

}


@media screen and (max-width:390px){
   
}
@media screen and (max-width: 380px) {
   
    .banner-left h1 { width: 100%;}
    .bnr-btn a { line-height: 13px; font-size: 15px;  }
    .banner-content {padding: 75px 0px 150px;}
    .intro-text h1 { font-size: 40px; line-height: 33px;}
    .intro-text { padding-bottom: 55px; }
    .slick-prev:before {width: 48%;}
    .slick-next:before {width: 48%; }
    .slider-part .slick-next {left: 51px; }
    .slider-part .slider-button { padding: 10px 17px;margin-top: 7px}
    .slider-part .slider-button a {font-size: 17px;}
    .btm-slider-content .slider-button {padding: 8px 17px;}
    .btm-slider-text h1 { font-size: 41px;  line-height: 37px;}

/* overons page  10-04-25 */
    .over-main-banner .banner-left h1 {font-size: 37px; line-height: 37px;}
    .waar-wij-third {column-gap: 8px;}
    .over-main-banner .banner-left h1 {
        font-size: 38px;
        line-height: 44px;
    }

/* contact page  11-04-25 */
    .contactgegevens-section h2 {font-size: 38px; line-height: 40px;}

    /* portfolio page 11-04-25  */
  .over-main-banner .banner-left h1 {font-size: 50px;line-height: 40px;}
  .over-main-banner{min-height: 430px}
  .waar-wij-third h3{font-size: 20px;line-height: 16px}
  .portfolio .banner-left { margin-top: 65px;}
  .prj-text p {font-size: 16px;line-height: 23px;}
  .prj-img-heading h1 { font-size: 30px;  line-height: 35px;}
  .prj-text h2 {font-size: 46px; line-height: 46px;}
  .prj-img1 a img, .img-content a img, .prj-img3 a img {  height: 100%;}
  .prj-img2 { padding: 20px 0px;}
  .portfolio .intro-text h1 {font-size: 41px; line-height: 41px;}
  .portfoliotxt .inner-text {padding: 70px 0px 40px !important;}
  .right .prj-img-heading {bottom: 5px;}
  .nav-second-cls .slick-slide{
    width: 90px;
    height: 60px;
  }
  .main-slider img{
    height: 300px;
  }
  .projectn-slider .slick-track{
    padding-top: 20px;
  }
  .restauratie-section.portfolio {padding-bottom: 75px;}
  .prj-img-heading p {font-size: 18px;line-height: 21px;}


  .bottom-slider.project-slider .btm-slider-content .slick-slide{
    width: 280px;
    height: 280px;
  }
  .nav-slider .slick-slide { width: 88px !important;}
  .bottom-slider { padding: 55px 0px 100px;}
  .project-slider .prj-img-heading h1 {  font-size: 33px;  line-height: 46px;}
    .bnr-btn{padding: 12px 15px}
    .footer-above-left h1{
        font-size: 44px;
        line-height: 33px;
    }
    .right-boxes h3{
        font-size: 34px;
        line-height: 28px;
    }
}

@media screen and (max-width: 320px) {
    .nav-slider .slick-slide { width: 70px !important;}
}