
@media screen and (max-width: 480px){
	.page-product .related .related-products-wrapper .related-products-container .related-carousel-item .img {
		height: 231px;
	}
	
	#page-header {
		background: none;
		height: auto;
	}
	#page-header .border-shadow {
		display: none;
	}
	#page-header #breadcrumbs {
		margin-top: 20px;
		margin-left: 15px;
	}

	    		#slider {
		display: none !important;
	}
	
}
@media (min-width: 992px)
.col-md-4 {
    width: 25% !important;
}
button#responsive-menu-button{z-index: 99999999 !important;}
@media screen and (min-width: 480px) and (max-width: 992px){
	.page-product .related .related-products-wrapper .related-products-container .related-carousel-item .img {
		height: 235px;
	}

}



@media screen and (max-width: 768px) {
	.col-md-3.col-sm-6.col-xs-12.footer-widget-area {
    width: 100% !important;}


	.divider {
		display: none;
	}
	#primary {
		top: 0;
	}
	.intro-image,
	.discipline-image {
		display: none;
	}
	
	#footer {
		top: 0;
	}
	.columns-3 .related-carousel-item {
		width: 100%;
	}
	.columns-3 .related-carousel-item .img {
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.content-block {
		width: 50% !important;
	}
	
	.page-vervolg .content-block {
		width: 33.333333% !important;
	}
	
	.text-content-block {
		width: 100% !important;
	}
	.columns-3 .related-carousel-item {
		width: 50%;
	}
	.columns-3 .related-carousel-item .img {
		height: 245px;
	}
}

@media screen and (max-width: 992px) {
	.news-item{padding-left: 50px;}
	.container {
    width: auto !important;
}
	iframe#twitter-widget-0 {
    width: 100% !important;
}
	.vc_col-sm-9{width: 100% !important;}
.vc_col-sm-4{width: 100% !important;}
.vc_col-sm-3{width: 100% !important;}
.vc_col-sm-8{width: 100% !important;}
	.col-md-3.col-sm-6.col-xs-12.footer-widget-area {
    width: 100% !important;}
	.customize-support #main-menu {
		top: 0;
	}
	#slider {
		margin-top: 0;
	}
	#slider .slider-overlay {
		top: 5px;
	}
	#page-header {
		margin-top: 0;
	}
	#primary .wrapper {
		margin: 0;
	}
	.page-vervolg .sidebar-wrapper {
		display: none;
		margin-left: 0;
	}
	.page-vervolg-sidebar {
		/*display: none;*/
	}
	.discipline-image {
		display: none;
	}
	.product-side {
		padding-top: 0;
	}
	.product-side .product-image {
		margin-top: 0;
	}
	.product-side .video-field .line {
		display: none;
	}
	.footer-widget-area {
		margin-bottom: 20px;
	}	
	
	/* Main Menu */
    #main-menu {
	    position: relative;
	    height: auto;
    }
    #main-menu .logo {
	    float: none;
    }
    #main-menu .logo img {
	    display: block;
	    margin: 0 auto;
    }
    #main-menu .top-menu-wrapper {
	    position: relative;
	    left: -50%;
	    float: right;
	    margin-bottom: 15px;
    }
    #main-menu #menu-top-menu {
	    position: relative;
	    float: none;
	    clear: both;
	    margin-top: 0px;
	    left: 50%;
    }
    #main-menu .main-menu-wrapper {
	    position: relative;
    }
    #main-menu .main-menu-wrapper .mobile-menu-toggle {
	    display: block;
	    float: right;
	    padding: 10px;
	    background-color: #FF6600;
	    margin-left: 4px;
    }
    #main-menu .main-menu-wrapper .mobile-menu-toggle span {
	    display: block;
	    width: 28px;
	    height: 4px;
	    margin-top: 5px;
	    background-color: #fff;
    }
    #main-menu .main-menu-wrapper .mobile-menu-toggle span:first-child {
	    margin-top: 0;
    }
    #main-menu .main-menu-container li a i {
		display: block;
	}
    #main-menu .main-menu-wrapper #menu-hoofdmenu {
	    position: absolute;
	    width: 100%;
	    overflow: hidden;
	    background-color: white;
	    top: 42px;
	    max-height: 0;
	    -webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
    }
    #main-menu .main-menu-wrapper .mobile-menu-open {
	    max-height: 1000px !important;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu .menu-item-has-children a i {
	    position: absolute;
	    padding: 14px;
	    top: 0;
	    right: 0;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu .menu-item-has-children a .icon-submenu-clicked:before {
	    content: "\f068"!important
    }
    
    /* First */
    #main-menu .main-menu-wrapper #menu-hoofdmenu li {
	    float: none;
	    width: 100%;
/* 	    border-top: 1px solid rgba(255, 255, 255, 0.1); */
	    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	    border-left: none;
	    padding: 0;
	    -webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li:hover {
	    background-color: #ff6600;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li:hover a {
	    color: #ffffff
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li a {
	    padding: 10px;
	    width: 100%;
	    display: block;
	    position: relative;
    }
    
	/* Second */
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu {
	    position: relative;
	    display: block;
	    padding: 0;
	    border-top: 0;
	    background-color: #ffffff;
	    overflow: hidden;
	    max-height: 0;
	    -webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu-open {
	    max-height: 500px;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li {
	    margin-top: 0;
	    background-color: #ffffff;
	    -webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li:last-child {
	    border-bottom: none;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li:hover {
	    background-color: #004b85;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li a {
	    color: #000000;
	    padding-left: 20px;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li:hover a {
	    color: #ffffff;
    }
    
	/* Third */
	#main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li .sub-menu li a {
		padding-left: 30px;
	}
	#main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li:hover .sub-menu a {
	    color: #000000;
    }
    #main-menu .main-menu-wrapper #menu-hoofdmenu li .sub-menu li .sub-menu li:hover a {
	    color: #ffffff;
    } 
    
    #main-menu .search-form {
	    float: left;
	    position: relative;
	    top: 0;
	    margin-bottom: 15px;
	    width: 80%;
    }
    #main-menu .search-form input[type="text"] {
	    width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	#main-menu .search-form input[type='text'] {
		width: 250px;
	}
	.page-product .related .related-products-wrapper .related-products-container .related-carousel-item .img {
		height: 145px;
	}
	.page-vervolg .related-products-container .related-carousel-item .img {
		height: 145px;
	}
}

@media only screen and (max-width: 768px) {	
.vc_col-sm-9{width: 100% !important;}
.vc_col-sm-4{width: 100% !important;}
}
