@media screen and (max-width: 1280px) {

    /* USPS */
    section.usps .usp h4{min-height: 60px;}
}

@media screen and (min-width: 1200px) {
    .container-fluid{max-width: 1400px;}
}

@media screen and (max-width: 1200px) {
    /* section#overzicht a.link .overzicht-item{height: 258px;} */
    /* .embed-container iframe{height: 500px;} */

    /* HEADER */
    header .navbar .navbar-nav li{margin: 0 30px 0 0;}
    header .navbar .navbar-nav li:last-child{margin: 0;}

    /* USPS */
    section.usps .col-md-4:nth-child(3n+1) .usp{margin-right: unset;}
    section.usps .col-md-4:nth-child(3n+2) .usp{margin: 0;}
    section.usps .col-md-4:nth-child(3n+3) .usp{margin-left: unset;}

    /* TEKSTBLOK */
    section.tekstblok .order-1 .photo{margin-right: 0;}
    section.tekstblok .order-12 .photo{margin-left: 0;}

    /* PROJECTEN */
    section.project-archive .project{padding: 0 10px;}

    /* REVIEWS */
    section.reviews .review .review-container .text .innertext{width: 100%;}

    /* DIENSTEN */
    section.diensten-block .dienst .thumbnail{height: 250px;}

    /* BANNER / CONTACT */
    section.banner-2 .banner-content .afbeelding{left: unset; right: 20px;}
    section.banner-2 .banner-content .contact-container .right .gegevens .item i{font-size: 22px;}
    section.banner-2 .banner-content .contact-container .right .gegevens .item .text{font-size: 16px;}
    
    /* CONTACT BLOCK */
    section.contact-block .info-blok{font-size: unset;}
}

@media screen and (max-width: 1024px) {
    
    /* REVIEWS */
    section.reviews .review .review-container{padding: 70px 10px 20px 10px;}

}

@media screen and (max-width: 992px) {
    /* header .bedrijfsnaam img{max-height: 50px;} */
    h1{font-size: 38px;}
    h2{font-size: 30px;}
    h3{font-size: 30px;}
    h4{font-size: 18px;}
    h5{font-size: 15px;}
    h6{font-size: 14px;}

    #content.site-content{padding-top: 80px; padding-bottom: 300px;}

    /* HEADER */
    header{padding: 15px 0; border-top-width: 5px;}

    /* MENU */
    .mobile-menu-holder{width: 400px;}
    .mobile-menu-holder .btn-container{padding-left: 20px;}

    /* BANNER */
    section.banner .slider-banner-container .slide{height: 600px;}
    section.banner .slider-banner-container .slide .slide-container hr{top: 155px;}
    section.banner .slider-banner-container .slide .slide-container .content-container{padding: 50px 20px 20px 20px; max-width: 60%;}
    section.banner .slider-banner-container .slide .slide-container .content-container .slide-text{font-size: unset;}

    /* BANNER 2 */
    section.banner-2 .banner-top{height: 450px; padding: 35px 0 350px 0;}
    section.banner-2 .banner-top hr{width: 100vw;}
    section.banner-2 .banner-content .afbeelding.desktop{display: none;}
    section.banner-2 .banner-content .mobile-img{padding-bottom: 45%; width: 75%; margin: 0 auto;z-index: 9; box-shadow: 1px 3px 8px -1px rgb(0,0,0,.3);}
    section.banner-2 .banner-content .banner-tekstblok{margin: -30px 0 0 0; padding: 60px 30px 30px 30px;}

    section.banner-2 .banner-content{margin-top: -260px;}
    section.banner-2 .banner-content .contact-container .left{padding: 30px 0 20px 20px;}
    section.banner-2 .banner-content .contact-container form input[type='submit']{position: relative; bottom: unset; right: unset; float: right; margin-bottom: 20px;}


    /* USPS */
    section.usps .usp h4{font-size: 18px; min-height: 45px;}
    section.usps .usp .text{padding: 0;}
    section.usps .usp .usp-container{padding-top: 50px;}
    section.usps .usp .icon-container{top: -35px;}
    section.usps .usp .icon-container .icon-round{width: 70px; height: 70px;}
    section.usps .usp .icon-container .icon-round img{height: 30px; width: 30px;}

    /* TEKSTBLOK */
    section.tekstblok .content{margin: 20px 0; display: block;}
    section.quote .button-container{margin-top: 20px;}

    /* QUOTE */
    section.quote .quote-text{max-width: unset; font-size: 18px;}

    /* REVIEWS */
    section.reviews h1, section.reviews h2, section.reviews h3{margin-bottom: 70px;}
    section.reviews .review{margin: 30px 0 50px 0;}
    section.reviews .review .review-container{padding: 70px 20px 20px 20px;}

    /* DIENSTEN */
    section.diensten-block .dienst .thumbnail{height: 180px;}

    /* ALLE DIENSTEN */
    section.alle-diensten .dienst .content{margin: 30px 0 0 0;}

    /* PROJECT ARCHIEF */
    section.project-archive .grid-item{width: calc(50% - 5px);}
    section.recent-projects .project{margin-bottom: 30px;}

    /* PERSOON VERTELD */
    section.persoon-vertelt .titles{padding-left: 0;}
    section.persoon-vertelt .text{margin: 30px 0 0 0;}

    /* CONTACT BLOCK */
    section.contact-block .info-blok{width: 80%; margin: 50px auto 0 auto;}

    /* FOOTER */
    footer{padding: 50px 0; font-size: unset; margin-top: -300px;}
    footer .logo{max-width: 200px; margin-bottom: 30px;}
    footer .gegevens .item.mobiel{padding-left: 0;}

}

@media screen and (min-width: 769px){
    
}


/* Landscape ipad */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* Portrait ipad */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) {
    
}

/*-----------------------------------------------------------------------------------*/
/*				 Portrait tablet to landscape and desktop
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    
    h1{font-size: 30px;}
    h2{font-size: 25px;}
    h3{font-size: 25px;}
    h4{font-size: 20px;}
    h5{font-size: 16px;}
    h6{font-size: 16px;}

    /* USPS */
    section.usps .usp{width: 400px; margin: 0 auto 20px auto!important;}
    section.usps .usp h4{min-height: unset;}

    /* DIENSTEN */
    section.diensten-block .dienst{margin-bottom: 30px;}
    section.diensten-block .row{justify-content: center;}

    /* NEWS */
    section.recent-news .back-stripe{top: 29%;}

    /* FILTER */
    section#filter{padding-bottom: 50px;}

    /* VACATURES */
    .vacature .specs-container{padding: 30px 0; display: block;}
    .vacature .specs-container img.icon{height: 70%; width: auto;}
    section.persoon-vertelt .text{padding-top: 20px; margin-top: 20px;}

    /* PERSOON VERTELT */
    section.persoon-vertelt .portret{width: 80%; padding-bottom: 80%; margin: 30px auto 0 auto;}

    /* CONTACT FORMULIER */
    section.banner-2 .banner-content .contact-container .left{padding: 30px;}
    section.banner-2 .banner-content .contact-container .right .socials{position: relative; bottom: unset; left: unset;}

    /* CONTACT BLOCK */
    section.contact-block .btn{margin-top: 15px;}
    section.contact-block .photo{width: 80%; padding-bottom: 80%; margin: 0 auto 40px auto;}

    /* FOOTER */
    footer .logo{margin: 0 auto;}
    footer .footer-text{margin: 0 10% 10px 10%;}
    footer .gegevens{display: flex; flex-direction: column; align-items: center; margin-bottom: 40px;}
    
    
}

/*-----------------------------------------------------------------------------------*/
/*				 Landscape phones and down
/*-----------------------------------------------------------------------------------*/

/* Iphone landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
    
}

/* Iphone X landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
   
}



@media (max-width: 575px) {
    .sectionpadding-none{padding: 0;}
    .sectionpadding-small{padding: 20px 0;}
    .sectionpadding-medium{padding: 40px 0;}
    .sectionpadding-large{padding: 70px 0;}

    .mobile-menu-holder{width: 100%;}

    /* BANNER */
    section.banner .slider-banner-container .slide .slide-container hr{width: 60%;}
    section.banner .slider-banner-container .slide .slide-container .content-container{max-width: 80%;}
    section.banner-2 .banner-content .mobile-img{width: 85%; padding-bottom: 55%;}
    section.banner-2 .banner-top{height: auto; padding-bottom: 300px;}

    /* USPS */
    section.usps .usp{width: 100%;}

    /* PROJECT ARCHIEF */
    section.project-archive .grid-item{width: calc(100% - 5px);}

    /* DIENSTEN */
    section.diensten-block .dienst .thumbnail{height: 75vw;}
    section.diensten-block .button-container{margin: 0;}

    /* NIEUWS */
    section.recent-news .back-stripe{display: none;}
    section.recent-news .news-post{margin-bottom: 30px;}

    /* QUOTE */
    section.quote img.icon-background{max-height: 20%;}

    /* CONTACT BLOCK */
    section.contact-block .info-blok{width: 100%;}

    /* FOOTER */
    footer .footer-text{width: 100%; margin: 10px 0;}



}

@media (max-width: 500px) {
    header a.bedrijfsnaam{margin-left: 0; font-size: 18px;}
}

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

@media (max-width: 400px) {
    header a.bedrijfsnaam{margin-left: 10px;}
    section#overzicht a.link .overzicht-item .cover-photo{height: 43vw;}
}

@media (max-width: 320px) {

}