/* ==========================================================================
   *Large devices (desktops, 992px and up)*
   ========================================================================== */
@media (min-width: 992px) and (max-width:1199px) {
    
    
    
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
    .logo { width: 210px; margin-bottom: -20px;}
    .main-menu > ul > li > a { padding: 5px 5px;}
    .banner-text { padding-left: 0px;}
    ul.main-slider > li { min-height: inherit;}
    .home-fifth-box { padding: 40px 25px;}
    .home-fifth-box h3 { font-size: 25px;}
    .commen-btn { font-size: 16px;}
    .footer-top-left { padding: 0px;}
    .footer-links { padding-right: 30px;}
    .contact-address-right { padding: 0px;}
    .contact-address-right h3 br { display: none;}
    
    .over-ons-blue-bottom ul li { padding: 0 24px;}
    .over-ons-blue-top-right { margin-left: 0px;}
    .over-ons-blue-top-left { margin-right: 0px;}
    .over-ons-blue-top-left h3 { font-size: 36px;}
    .open-hours-box { padding: 25px 20px;}
    .personal-training-third-box { padding: 20px;}
    .health-programm-main-right { margin-left: 0px;}
    .health-programm-bottom-left { padding: 0px;}
    .traning-box-right { margin-left: 0px;}
    
    .webshop-banner-right-plans { background: #000; padding: 20px; width: 230px; height: 200px;}
    .webshop-banner .bx-wrapper .bx-pager { width: 960px;}
}



/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
    h2 { font-size: 48px !important;}
    h3 { font-size: 36px !important;}
    .main-menu { display:none;}
	.mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
	.mobile-menu a.menu-toggle { display:block; z-index:1; top: -53px; right:10px; background:#46bbeb;}
	.mobile-menu ul.menu-list{display:none;}
	.mobile-menu > ul > li > span { display:none;}
	.mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
    .mobile-menu > ul > li > a.active { color: #fff;}
    .header-right { margin-right: 50px;}
    .mobile-menu > ul.menu-list { padding: 10px 0;}
    .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
    .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}
    
    .banner-main { padding: 0px;}
    .home-top-block { padding: 30px 0 50px 0;}
    .home-top-box { margin: auto; max-width: 358px; margin-top: 20px;}
    .home-second-block { padding: 50px 0;}
    .home-second-main { text-align: center;}
    .home-second-main .left { margin-bottom: 20px;}
    .home-web-shop-block { padding-top: 50px;}
    .home-web-shop-main .left { margin: auto; text-align: center; margin-bottom: 30px;}
    .home-web-shop-main .right { margin-left: 0px; text-align: center;}
    .testimonial-block { margin-left: 0px;}
    .google-review-block { padding: 0px; text-align: center; margin-top: 40px;}
    .google-review-block h3 { margin-bottom: 15px;}
    .google-review-block p { margin-bottom: 20px;}
    .home-fifth-bottom-block { padding: 20px 0;}
    .bottom-address-box { padding: 20px;}
    .footer-links { padding-right: 0px;}
    
    .abonnementen-content-block { padding-bottom: 50px;}
    .algemene-voorwaarden-top-block { padding: 50px 0 40px 0;}
    .algemene-voorwaarden-bottom-block { padding: 50px 0 35px 0;}
    .algemene-voorwaarden-bottom-left { text-align: center;}
    .algemene-voorwaarden-bottom-left .top { padding-right: 0px;}
    .contact-address-block { padding: 50px 0;}
    .contact-address-left { margin-bottom: 20px;}
    .contact-address-left iframe { height: 300px;}
    .contact-address-right { text-align: center;}
    .contact-address-box { margin-bottom: 15px;}
    .contact-address-box li { padding: 12px 0;}
    .contact-social li { margin: 0 5px;}
    
    .proefles-top-block { padding: 50px 0;}
    .proefles-top-main { text-align: center;}
    .proefles-top-right { margin-top: 20px;}
    .proefles-bottom-block { padding: 50px 0;}
    .inschrijven-top-main { text-align: center;}
    .inschrijven-top-mid,
    .inschrijven-top-right { margin-left: 0px;}
    .inschrijven-top-right { padding: 25px 0;}
    .inschrijven-top-left { max-width: 358px; display: inline-block; margin-top: 25px;}
    .off-rebbon { left: 0px;}
    .inschrijven-botom-block { padding: 50px 0;}
    
    .over-ons-blue-box { padding: 50px 0;}
    .over-ons-blue-bottom { margin-top: 40px;}
    .over-ons-blue-bottom ul li { padding: 0px; width: 49%; text-align: center; padding: 15px; border: 1px solid #2c3540; vertical-align: top; margin-top: 15px;}
    .over-ons-blue-bottom ul li:first-child { border: 1px solid #2c3540; padding-left: 15px;}
    .open-hours-blocks { padding: 50px 0;}
    .open-hours-vacancies-main .table { width: 850px;}
    .open-hours-vacancies-block { padding: 50px 0;}
    .personal-training-form-block,
    .personal-training-second-block,
    .personal-training-third-block,
    .health-programm-block { padding: 50px 0;}
    
    .health-programm-main-right { margin-left: 0px; margin-top: 30px;}
    .health-programm-bottom { padding-top: 40px; margin-top: 40px;}
    .health-programm-bottom-left { padding: 0px; text-align: center; margin-bottom: 30px;}
    .health-programm-bottom-right { text-align: center;}
    .health-programm-main-left { text-align: center;}
    .traning-block { padding: 50px 0;}
    .traning-box { padding: 50px 0 35px 0; text-align: center;}
    .traning-box-left { margin-bottom: 25px;}
    .specialities { text-align: left;}
    
    .sub-banner-wrapper { padding: 50px 0;}
    .sub-banner-main { display: block; min-height: inherit;}
    .sub-banner-text { display: block; text-align: center;}
    .webshop-content-left .commen-head { text-align: center;}
    .product-head-block { display: block !important; text-align: center;}
    .showing-span { margin: 5px 0 0 0; display: block;}
    .product-head-left { margin-bottom: 15px;}
    .bottom-pagination { text-align: center;}
    .webshop-content-left { padding: 30px; margin-left: 0px !important; padding-left: 30px !important;}
    .webshop-content-block { padding: 50px 0;}
    .webshop-content-right { margin-left: 0px; padding: 30px 0 0 0;}
    
    .webshop-banner-left { margin: auto; text-align: center;}
    .webshop-banner-right { padding-left: 0px;}
    .webshop-banner .bx-wrapper .bx-pager { width: 100%; text-align: center;}
    .webshop-banner ul.webshop-slider > li { background-position: top left !important;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
    h3 { font-size: 28px !important;}
    .banner-text .top { display: block !important;}
    .yellow-box { margin: 0 4px;}
    .banner-text-box { width: 100%;}
    .banner-yellow-boxes { width: 100%;}
    .banner-text { text-align: center;}
    .banner-text-buttons { display: block !important;}
    .banner-text-buttons li { padding: 0 3px; margin-top: 10px;}
    .footer-top-left, 
    .footer-top-right, 
    .footer-bottom-main { display: block !important; text-align: center;}
    .banner-next-prev-main { text-align: center;}
    .testimonial-box { padding: 25px; text-align: center;}
    .testi-avatar { position: static; display: inline-block; margin-bottom: 10px;}
    .yellow-box { margin-top: 10px;}
    .abonnementen-price-box { padding: 20px 25px; text-align: center;}
    .footer-block { padding-top: 20px;}
    .commen-form-box { margin-bottom: 20px;}
    
    .form-check-box label { display: block;}
    .form-check-box label .cm-check-box { position: relative; top: 5px;}
    .inschrijven-top-mid { padding: 20px;}
    .over-ons-blue-bottom ul li { display: block; width: 100%;}
    .over-ons-blue-links { margin-top: 25px;}
    .over-ons-blue-top-right h3 { margin-bottom: 0px;}
    .over-ons-blue-bottom { border: none; margin-top: 20px;}
    .open-hours-box { margin-top: 25px; text-align: center;}
    .specialities { text-align: center; padding: 0px;}
    .specialities:before { display: inline-block; position: static; margin-right: 10px;}
    
    .product-listing-box { margin-top: 20px;}
    .product-listing-box .product-cont h4 br { display: none;}
    .webshop-content-right { padding: 25px 0 !important;}
    .webshop-tab-section .resp-vtabs .resp-tabs-container { width: 100%;}
    .webshop-tab-section h2.resp-accordion { font-size: 20px !important; text-transform: uppercase;}
    .webshop-tab-section h2.resp-accordion.resp-tab-active { border: 1px solid #c1c1c1 !important; border-bottom: 0 solid #c1c1c1 !important; color: #e4b218 !important;}
    .webshop-tab-cont { padding: 5px;}
    .webshop-tab-section { margin-bottom: 50px;}
    .webshop-content-left { padding: 0px !important; background: #f7f7f8;}
    .colocation-thumb-slider { max-width: 400px; margin: auto; margin-bottom: 25px;}
    .webshop-details-right { text-align: center;}
    .shop-ul li, .review-rating li { margin: 0 10px;}
    
    .webshop-banner-right-plans { position: static; text-align: center;}
    .webshop-banner-right { text-align: center;}
    .webshop-banner-right img { display: inline-block;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
    .abonnementen-links ul { display: block;}
    .abonnementen-links ul li { width: 100%; display: block;}
    .abonnementen-price-box { margin-top: 10px;}
}

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