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

@media screen and (max-width: 1200px) {
    section#tekstblok-img .content .text{padding: 0 60px;}
}

@media screen and (max-width: 992px) {    
    
    h1{font-size: 30px;}
    h2{font-size: 25px;}
    h3{font-size: 25px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 14px;}
    
    
    .acf-custom-padding-small{padding: 10px 0px}
    .acf-custom-padding-medium{padding: 30px 0px}
    .acf-custom-padding-large{padding: 60px 0px}

    .acf-custom-margin-small{margin: 10px}
    .acf-custom-margin-medium{margin: 30px}
    .acf-custom-margin-large{margin: 60px}
    
    .banner-size-small{height: 200px;}
    section#banner .video-container.banner-size-small video{height: 200px;}
    .banner-size-medium{height: 200px;}
    section#banner .video-container.banner-size-medium video{height: 200px;}
    .banner-size-large{height: 200px;}
    section#banner .video-container.banner-size-large video{height: 200px;}
    
    section.block-output .content .background-image{height: 300px;margin: 15px 0;}
    
    .content .achtergrond-afbeelding{margin: 15px 0;}
    
    .popup{width:90vw;}
    .block-btn .btn{font-size:12px;}
    
    /* MOBILE MENU */
    
    .mobile-menu-holder .phone-header{position: absolute;right:77px;margin: 28px 0 0 0;}
    .mobile-menu-holder .phone-header i{color: #fff;}
    .mobile-menu-holder .exit-mobile span{background: #fff;}
    .mobile-menu-holder.is-active{ opacity: 1;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
    .mobile-menu-holder hr{margin: 25px 0; border-color: #fff;}
    .mobile-menu-holder .contactdetails, .mobile-menu-holder .contactdetails a{font-size: 14px;color:#fff;}
    .mobile-menu-holder .contactdetails h5{font-size: 14px;color:#fff;margin-bottom: 5px;}
    
    .modal-menu-container{position:relative;}

    .exit-mobile{float:right;cursor: pointer;padding: 20px 15px;display: inline-block;margin:13px 7px 0 0;}
    .icon-bar1{top:4px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    .icon-bar2{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

    .menu-mobile{font-size:0;margin:0 auto;margin-left:0;padding:35px 0 0 0;}
    .menu-mobile li{font-size:19px;font-weight:600;padding-top:13px;list-style:none;}
    .menu-mobile li a{color:#fff;display: block;line-height:1.3;font-weight: 400;}
    .menu-mobile li a:hover, .menu-mobile li a:focus{background:none;text-decoration: none;}
    .menu-mobile li:hover > a, .menu-mobile li.current-menu-item > a{color:#fff;}
    .menu-mobile .dropdown-toggle::after{display: none;}
    .menu-mobile .dropdown-menu{display: block;position: static;background-color: transparent;width:100%; border: 0;}
    .menu-mobile .dropdown-menu li{padding: 6px 0 6px 25px;}
    .menu-mobile ul{margin-left:0px;padding-left:10px;}
    .menu-mobile ul li{font-size:15px;font-weight:500;padding-top:16px;text-transform:none;padding-left:8px;display:block;}
    
    .mobile-menu-logo{margin: 23px 0 0 0;display: inline-block;}
    .mobile-menu-logo img{height: 40px;}
    
    header .logo img{height: 31px;margin: 7px 0; width: auto;}
    header .phone-header{position: absolute;right:95px;margin: 13px 0 0 0;}
    .phone-header i{font-size: 1.7em;}
    .nav-button{/*margin-top: 5px;*/ margin-right: 5px;}
    
    footer .logo{height: 30px;}

    
    section#banner .banner{height: 500px;}
    
    section#tekstblok-img .content .text{padding: 40px;}
    
    .page-id-476 .block-2 .acf-custom-margin-medium{margin:0;}
    .page-id-476 .block-2 .acf-custom-margin-medium .image img{width:35%;}
    .page-id-476 .block-2 .acf-custom-margin-medium .image:after{content:"";display:block;position: absolute;width:50%;left:25%;height: 1px;background-color: #f2f2f2;}
    
    .page-id-680 .block-1 .acf-custom-margin-medium{margin:0;}
    .page-id-680 .block-1 .acf-custom-margin-medium .image img{width:35%;}
    
    .page-id-680 .block-3 .acf-custom-margin-geen{margin-bottom: 30px;}
    
    section#nieuwsberichten{padding: 40px 0;}
    section#nieuwsberichten .image{margin: 0 auto;}
    
}

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


/* Landscape ipad */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : landscape) {
    
    .banner-size-small{height: 200px;}
    section#banner .video-container.banner-size-small video{height: 200px;}
    .banner-size-medium{height: 300px;}
    section#banner .video-container.banner-size-medium video{height: 300px;}
    .banner-size-large{height: 500px;}
    section#banner .video-container.banner-size-large video{height: 500px;}
    
    section#banner .banner-content .text{max-width: 90%;}
    section#banner .banner-content .text .innertext{font-size: 16px;}
    
    .page-id-476 .block-2 .acf-custom-margin-medium{margin:20px;}
    
}

/* 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,h2,h3,h4,h5,h6{margin-bottom: 15px;}
    h1{font-size: 28px;}
    h2{font-size: 24px;}
    h3{font-size: 22px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 14px;}

    #popup-ontvang-leads{width:100%;}
    #popup-ontvang-leads input{width:100%;}
    
    /* BANNER */
    section#banner .slide{height: 350px;}
    section#banner .banner-content .text{max-width: 90%;}
    section#banner .banner-content .text .innertext{font-size: 15px;}
    
    
    section#tekstblok-img .cover-photo{height: 300px;}

    .content .achtergrond-afbeelding{height: 300px;}
    
    
    footer{text-align: center;}
    footer h5{text-align: center;}
}

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

@media screen and (max-width: 667px) and (orientation : landscape) {

}

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

@media (max-width: 575px) {
    
    h1{font-size: 24px;}
    h2{font-size: 20px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    h6{font-size: 14px;}
    
    .mobile-menu-logo img{height: 35px; margin-top: 3px;}
    
    .exit-mobile{margin: 20px 0 0 0;}
    
    /*section#banner .banner-content .text{padding-bottom: 50px;}
    section#banner .banner-content .text h1{font-size: 24px;}*/
    section#banner .banner-content .text .innertext{line-height: 1.3;}
    
    section#tekstblok-img .content .text{padding: 40px 15px;}
    section#tekstblok-img .cover-photo{height: 300px;}
    
    section#cta .content hr{width: 90%;}
    
    section#formulier input[type="submit"]{float: unset; margin: 20px auto 0 auto; display: block;}
    
    .bottom{line-height: 1.4;}
    .bottom a{display: block;}
    .bottom .divider{display: none;}
    section.block-output .content .image{text-align: center;}
}


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


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

@media (max-width: 1400px) {
    .wrapper{
        width: 100%;
    }
}