@media (min-width: 1152px) {
    
    
    .main-navigation ul li:hover > ul {
        left: 0px !important;
        top: 23px;
        background-color:#fff;
    }

    .admin-bar .main-navigation {
        top: 32px;
    }
    .main-navigation ul ul {
        box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
        float: left;
        position: absolute;
        padding-top: 0.7em;
        left: -999em;
        z-index: 99999;
    }
    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
        padding-top: 0;
    }
    .main-navigation ul ul li:hover > ul {
        left: 100%;
    }
    .main-navigation ul ul a {
        width: 200px;
        background: white;
        padding: 0.5rem 1rem;
    }
    .main-navigation ul ul a:after {
        content: " ";
        display: none;
    }
    .main-navigation ul li:hover > ul {
        left: -16px;
    }

    ul.menu li.lang-switch {
        position:relative;
        padding-left:19px;
    }
    ul.menu li.lang-switch:before {
        content:'';
        position:absolute;
        height:30px;
        width:1px;
        background-color:#bbb;
        left:9px;
        top:-2px;
    }
}


@media (max-width: 1152px) {
    
    ul.menu li.lang-switch {
        padding-top:7px;
    }    
    
    ul.menu > li.menu-item > a:first-child {
        font-weight:bold;
    }
    
    ul.menu li.current-menu-item > a:first-child {
        text-decoration: underline;
    }
    
    
    header nav.toggled ul.menu ul.dropdown-menu {
        display:block;
        position:static;
    }
    header button.menu-toggle {
        position:absolute;
        background-color:#000;
        color:#fff;
        text-transform: uppercase;
        right:30px;
        top:30px;
        padding:10px;
        padding-left:25px;
        padding-right:25px;
        padding-top:7px;
    }
    header .logo-container {
        text-align:left;
    }
    .main-navigation li {
        float: none;
        display:block;
        text-align:left;
    }
    .main-navigation li a {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .main-navigation li.lang-item {
        float: none;
    }
    .main-navigation li.lang-item a {
        padding-left: 10px;
    }
    .admin-bar .main-navigation {
        top: 32px;
    }
    .main-navigation ul ul {
        float: none;
        position: static;
        padding:0px;
    }
    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
        padding-top: 0;
    }
    .main-navigation ul ul li:hover > ul {
        left: 100%;
    }
    .main-navigation ul ul a {
    }
    .main-navigation ul ul a:hover {
        color: #000;
    }
    .main-navigation ul ul a:after {
        content: " ";
        display: none;
    }
    .main-navigation ul li:hover > ul {
        left: -16px;
    }
    .main-navigation a:after {
    }
    .main-navigation a:hover {
        color: #000;
    }
    .menu-toggle,.main-navigation.toggled .nav-menu {
        display: block;
    }
    .main-navigation ul {
        display: none;
    }
    .main-navigation .sub-menu {
        display: block;
    }
    .sub-menu {
        padding-left: 10px !important;
    }
    a {
        margin-bottom: 5px;
    }
    .nav-menu {
        padding: 10px;
    }
    
    header .menu-wrapper {
        padding:0px;
        border:0px;
    }
}
     


@media (min-width: 1025px) {

   .homepage-slider .slide-item {
       height:800px;
       background-position: center center;
       background-size:cover;
   }
    
}

@media (max-width: 1024px) {
  
   .homepage-slider .slide-item {
       height:600px;
       background-position: calc(35% - 50px) 30%;
   }
       
    header .logo-container img {
        height:80px;
    }
    
    header .logo-container {
        margin-top:15px;
        margin-bottom:15px;
    }
    
    header button.menu-toggle {
        top:39px;
    }
    
    .homepage-slider h2 {
        font-size:70px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    
   .entry-content ul {
       margin:0;
       margin-left:-30px;
       
       
   } 
   
   .entry-content ul li {
       margin:0;
       padding-left:0;
       text-align: left !important;
   }
   
   .page-id-135 header.site-header{
      background-position: right -220px top 80px;  
   }
    
      .homepage-slider .slide-text {
          bottom: 65px;
      }
      
      .testimonials .items {
          border-top:0px;
      }
      
      .homepage-slider-arrow {
          bottom:5px;
      }
      
      .testimonials .items {
          padding-top: 40px;
      }
      
      body.home .testimonials .items {
          
      }
      .testimonials-list .testimonial h3 {
          margin-top:0px;
      }
      
      .testimonials h3 {
          margin-top:0px;
      }
            
      .testimonials {
          padding-top:0px;
          padding-bottom:35px;
      }
      
      .testimonials {
         background: #f5f5f5;
      }
      
      header button.menu-toggle {
          right:15px !important;
      }
      
      .page-intro-left {
          display:none;
      }
      
      .home article.type-page, .page-template-page-fullwidth article.type-page, .page-template-page-testimonials article.type-page {
          padding-bottom:25px;
      }
      
      .latest-blog h3 {
          margin-top:15px;
      }
      
      .latest-blog h2 {
          margin-bottom:10px !important;
      }
      
 
        
       .actie, .latest-blog {
          padding-top: 32px;
          padding-bottom: 37px;
       } 
       
       .site-footer {
           padding-top:42px;
       }
       
       .testimonials-list .testimonial {
           text-align:center;
       }
       
       .site-footer p {
           font-size:14px !important;
       }
       
       .site-footer h4, .site-footer .widget-title {
           font-size:18px;
       }
       
       .site-footer-content .grid:first-child .row {
           border-top:0px;
           padding-top:0px;
       }
       
       .site-footer {
           padding-top:20px;
       }
       
       .photo-slider {
            margin-bottom: 0px;
        }
        
        .site-footer .col-1, .site-footer .col-2 {
            border-bottom:1px solid #c8cacb;
            padding-bottom:33px;
        }
        
        h3 {
            font-size: 22px !important;
        }
        
        h1:not(.widget-title) {
            font-size:30px !important;
            line-height:34px !important;
        }
        
        .actie h2, .latest-blog h2, .home article.type-page h2, .page-template-page-fullwidth article.type-page h2, .page-template-page-testimonials article.type-page h2 {
            font-size: 30px !important;
            line-height: 34px !important;
        }
        
        article.post .entry-title a {
            font-size: 30px !important;
            line-height: 34px !important;            
        }
        
        .page-intro-right, .home article.type-page, .page-template-page-fullwidth article.type-page, .page-template-page-testimonials article.type-page {
            padding-bottom:0px;
        }
        
        .testimonials-mobile {
                display:block;
        }
         
        .testimonials-desktop {
                display:none;
        }          
        
        article .entry-content {
            padding-top:5px;
        }  
}

@media (max-width: 689px) {

    .homepage-slider h2 {
        font-size:54px;
        line-height:54px;
    }    
    
}

@media (max-width: 624px) {

   .homepage-slider img {
       display:none;
   }
   
   .homepage-slider .slide-text {
       bottom:65px;
   }
   
   .homepage-slider .slide-item {
       height:calc(100vh - 191px);
       background-size:cover;
       background-position: calc(34% - 5px) 50%;    
   }

   .home .photo-slider {
       display:none;
   }
    
}

@media (min-width: 768px) and (max-width: 890px) {
  
  .site-footer .col-1 {
    width: 27.72%;  
  }  
   
  .site-footer .col-2, .site-footer .col-3 {
      width: 30.14%;
      margin-right:0;
  }  
  
  .site-footer .col-2 {
      width:34%;
  } 
    
}

@media (max-width: 468px) {
    
   .posts-navigation .nav-previous {
       display:block !important; 
       float:none !important;
       width:100% !important;
        text-align:center !important;
   } 
      
   .posts-navigation .nav-next {
       display:block !important;
       float:none !important;
       width:100% !important;
       text-align:center !important; 
   } 
   
   .posts-navigation .nav-previous a, .posts-navigation .nav-next a {
       display:block;
       padding-top:10px !important;
       padding-bottom:10px !important;
   }
   
   .blog-category-container li a {
        margin-right: 3px;
        margin-left: 3px;
        padding:12px;
        font-size:12px;
        margin-bottom: 11px;
   }
   
    .category-header {

        padding-bottom: 7px;
    }   
    
    .category-header-wrapper {
        padding-top:0px;
    }

}

@media (max-width: 767px) {
    
   .homepage-slider .slide-item {
       height: 300px;
   } 
  
   .homepage-slider h2 {
      font-size: 50px;
      line-height: 52px;
   }
   
   
}


@media (max-width: 490px) {
    
   .homepage-slider .slide-item {
       height: 250px;
   } 
   .homepage-slider h2 {
    font-size: 40px;
    line-height: 42px;
   }
}

@media (max-width: 380px) {
    
    
   .homepage-slider .slide-item {
       height: 200px;
   } 
   
   .homepage-slider h2 {
    font-size: 30px;
    line-height: 32px;
   }
}


@media (max-width: 425px) {
    
    html,body {
        overflow-x: hidden;
    }
    
    .stretch-top-mobile .homepage-slider .slide-item {
        
        height:650px !important;
        background-position: -100px center;
        
    }
    
    .stretch-top-mobile .homepage-slider-container {
        position: absolute;
        height: auto;
        width: 100%;
        top: 0;
        z-index: -1;        
        
    }
    
    .stretch-top-mobile .site-content {
         margin-top:650px; 
    }

    .stretch-top-mobile .main-navigation {
        background-color:transparent;
    }  
    
    .stretch-top-mobile .main-navigation.scroll-mobile {
        background-color:#fff;
    }
    
    .stretch-top-mobile header.site-header {
        background:transparent !important;
    }
    
    .stretch-top-mobile .homepage-slider h2 {
        font-size: 30px;
        color: #000;
        text-shadow: none;
        font-weight: 300;
        text-align: center;
        line-height: 41px;
        letter-spacing:2.5px;
    }
    
    .stretch-top-mobile .homepage-slider .slide-text {
        bottom: 265px;
        left: -90px;
    }
}


@media (max-width: 380px) {
    
    .stretch-top-mobile .homepage-slider .slide-text {
        
        left: -80px;
    }
        
}

@media (max-width: 355px) {
    
    .stretch-top-mobile .homepage-slider .slide-text {
        
        left: -50px;
    }
        
}

@media (min-width: 426px) {
    
     .stretch-top-mobile .homepage-slider .slide-item {
        
       height: 900px;
       background-position: center center;
       background-size: cover;
        
    }
    
    .stretch-top-mobile .homepage-slider h2 {
        font-size: 55px;
        color: #000;
        text-shadow: none;
        font-weight: 300;
        text-align: center;
        line-height: 60px;
        letter-spacing:2.5px;
        width:200px;
    }
    
    .stretch-top-mobile .homepage-slider .slide-text {
        bottom: 365px;
        left:25px;
    }    
        
       
}

.checkout-mobile {
    display:none;
}

@media (max-width: 716px) {
    .checkout-mobile {
        display:table;
    }
    
    table.pricing th div {
        font-size:12px;
        line-height: 16px;
        transform: rotate(55deg);
    }
    
    table.pricing .checkout-row {
        display:none;
    }
    

    table.pricing td, table.pricing th {
        padding: 10px;
    }
    
    table.pricing td {
        font-size:12px;
    }
    
    table.pricing th {
        padding-top:20px;
        padding-bottom:20px;
        width:25%;
    }
    
    table.checkout-mobile {
        width:100%:
    }
    
    table.checkout-mobile td.aanmelden {
        text-align:right;
    }
    
    table.checkout-mobile td {
        padding-top:5px;
        padding-bottom:5px;
    }
       
    table.checkout-mobile td.pakket {
        text-transform: uppercase;
        font-weight: bold;
    }
    
    table.checkout-mobile td.pakket div span {
        display:block;
        font-size:13px;
        font-weight:400;
        text-transform:lowercase;
        
    }
        
}