
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    

}
 
@media (min-width: 1200px) {
   
    .container {
        max-width:1190x;
        
    }
        
    .container-top {
        max-width:1700px;
        position:relative;
    }
    
    .navbar-nav {
    float:none;
    margin:0 auto;
    display: block;
    text-align: center;
    }

    .navbar-nav > li {
        display: inline-block;
        float:none;
    }

     
}

@media (min-width: 1200px) {
    
    nav#headerNav {
        margin-top: 10px;
    }
    
    li.hl {
        display:none;
    }
}

@media (max-width: 1199px) {
  

    header .cta-top {
        display:none;
    }

    .box-title.les {
       left:auto;
       top:auto;
    }  
    
    header .menu-wrapper {
        margin-top:20px;
    }
    
    
    .outer-c {
        width:100%;
    }
    
    .box-title, .large .box-title {
        transform: rotate(0deg);
        position:inherit;
       
        font-size:37px;
        top:auto;
        left:auto;
        margin-bottom:40px;
        text-align:center;
    }
    
    .tarieven-container.owl-theme {
        margin-left:0px;
    }    
    
    
}





@media (max-width: 991px) {
    
    
     a.video {
         right: 0;
        top: 100px;
        left: 0;
        bottom: auto;
        margin: auto;
     }
    
       .video-popup .video-wrap iframe {
        transform: scale(100%);
        -webkit-transform: scale(1.0, 1.0);
        margin-top: 0px;
    }
       .video-popup .video-wrap .close-wrap {
    transform: scale(70%);
    -webkit-transform: scale(0.7, 0.7);
        }
        .video-popup .video-wrap .close-wrap {
            top: 0px;
            right: 0px;
        }

      .page-template-home .block-6 .blocks.items .item {
          
          height:300px;
      }
      
      .page-template-home .block-6 {
          padding-bottom:290px;
      }
    
    
       .block-1 .inner {
           padding-right:0;
       }
      
      .block-items .item .contents {
         height:auto !important;   
      }
      
      .review-container .block-outer {
         height:auto !important;  
      }
      
      .block-3-c .item .contents .text {
        height:auto;
        overflow:visible;
      }
}


@media (max-width: 767px) {
  
   a.video {
         position: initial;
    left: auto;
    right: auto;
    margin: auto;
    top: auto;
    margin-top: 60px;
   }
   a.video img {
       width:50px;
   }
     
 header.dark .navbar-collapse {
  
      margin-left: -15px;
    width: calc(100% + 30px);
    margin-right: -15px;
    padding-left:15px;
}

header.white .navbar-collapse {
   background: #fff;
      margin-left: -15px;
    width: calc(100% + 30px);
    margin-right: -15px;
    padding-left:15px;
}
   
    .single-blog .col-cats {
       text-align:left;
       margin-top:25px; 
    }
    
    .block-inschrijven-2 .column-content {
        padding-left:0px;
    }
    
    .page-template-home .block-6 {
       background:#05041c;
       margin-top:10px;
       padding-bottom:250px; 
        
    }

    
    .page-template-home .block-6 .blocks.items .item {
        bottom:-70px;
    }
        
    .page-template-home .block-6 .items.blocks .c:first-child {
        margin-bottom:130px;
    }
    
    .page-template-home .block-1b .content:after {
        display:none;
    }
    
    .page-template-home .block-1b .content {
        padding:10px;
    }
    
    .page-template-home .block-1b {
        padding-top:30px;
        padding-bottom:30px;
    }
    
    .page-template-home .block-1 h1 {
        font-size:45px;
        line-height: 49px;
        letter-spacing: 0;
    }

    .page-template-home .block-1 p {
        font-size:18px;
        line-height: 22px;
        font-weight: 500;
    }
    
    
    .content.def.cnt-2 h2 {
        margin-top: 30px;
    }
    
    .cta.box {
        display:block;
    }
    
    .intro {
        padding-bottom:20px;
    }
        
    .block-padding {
        padding-top:60px;
        padding-bottom:60px;
    }
        
    
    .block-1 div.score {
        right:0px;
    }
    
    .block-bg-photo-halve {
       background-position: center top;
    }
    
    .block-les-top .column-content {
        padding-top:30px !important; 
    }
        
    footer h3 {
        margin-top:20px;
    }
    
    .block-usps .row .cl {
        border-right:1px solid #EC1C23;
    }
    
    .block-inschrijven-2 .column-content {
        padding-left:0px;
    }
    
    .block-inschrijven-2 h1 {
        
        margin-top:30px;
    }
    
    
    .block .contents {
        padding-right:0px;
    }
    
    .footer img.logo {
        margin-bottom:35px;
    }
    
     .col-copy p {
        position:inherit;
        bottom:0;
        margin-top:25px;
    }

    .block-bg-photo-halve {

        display: block;
        width: 100%;
        height: 250px;
        position: static;

    }
    
    .container-bg-photo-halve {
        height: auto !important;
    }
    
    .block-1 div.score, .block-1 img.logo {
        position:inherit;
        
    }
    
    .block-1 .column-content {
        padding-top:70px;
        padding-bottom:90px;
    }
      
}



@media (max-width: 575px) {
 
    .block-usps .item-usp {
        
        border-bottom:1px solid #EC1C23;
    }
    
    .block-usps .row .cl:last-child .item-usp {
        border:0;
    }
    
    .tarieven-container .item {
        height:auto;
    }
    
    .tarieven-container .item .price-wrapper {
        position:inherit;
    }
    
    .tarieven-container .item .price-wrapper h1 {
        font-size:32px;
    }
    
    .tarieven-container .item .price-wrapper .c1 {
        bottom:-10px;
    }
    
    .blocks.items .item .txt {

     padding-right: 55px;
   }
   
       
    .slider-buttons-side .owl-nav .owl-prev {
          left:-15px;
    }
    
    .slider-buttons-side .owl-nav button.owl-next {
          right:-15px;
    }
        
}