/* media queries */

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

	#header #menu ul li a {
		font-size: 1.1em;
	}
	#home .slider img,
	#home .slider.scroll img {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);		
	}

}


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

	/* header */
	#header #menu-mobile {
		width: 40px; height: 40px;
		position: fixed; right: 0; top: 0;
		background-color: #172B43;
		background-image: url('../images/icons/menu-mobile.png');
		background-size: 15px 15px; 
		background-position: 50% 50%; 
		background-repeat: no-repeat;
		z-index: 92; cursor: pointer;
	}
	#header {
		min-height: 110px;
	}
	#header #header-container {
		width: 100%;
		min-height: 110px;
	}
	#wrapper #header #menu {
		position: fixed; left: 0; top: 0; 
		width: 100%; height: 100%;
		background: rgba(32,59,89,0.9);
		/* transform: none; -webkit-transform: none; */
		
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transition: all 300ms;
		z-index: 91;
	}
	#wrapper #header #menu.active {
		display: block;
		transform: translateX(0);
		-webkit-transform: translateX(0);		
	}	
	#header #top {
		width: calc(100% - 40px);
		position: fixed; 
		right: 40px; top: 0;
		box-sizing: border-box;
		background: #1a334e;
	}
	#header #top #search {
		background-position: 50% 50%;
		border: 0; margin: 0; height: 40px;
	}
	#header #top #flags {
		width: calc(100% - 40px);
		border: 0; height: 40px;
		padding-left: 5px;
		box-sizing: border-box;
		z-index: 92;
	}
	#header #top #flags a  {
		margin-top: 4px;
	}
	#header #logo {
		-webkit-transform: scale(0.3) translateY(-30%) translateX(-100%);
		transform: scale(0.3) translateY(-30%) translateX(-100%);
	}

	/* header > menu */
	#wrapper #header #menu ul {
		position: absolute; left: 0; top: 50%; width: 100%;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);		
	}
	#wrapper #header #menu ul li {
		float: none; text-align: center; 
	}
	#wrapper #header #menu ul li a {
	   margin-left:0;
    }
	
	
	/* SUBMENU */
	#wrapper #content #submenu {
		width: 100%; 
		margin-bottom: 1em;
		margin-top: 0;
		width: 100%;
		padding-bottom: 1em;
		border-bottom: 2px solid #eee;
	}
	#content #submenu.sticky {
		position: relative; 
		top: auto;
		margin-top: 0;
	}
	#content #submenu ul li a {
		padding: 5px 0px;
	}


	/* GENERAL SUBPAGES */
	#wrapper #content .page_content,
	#wrapper #content .page_content.hassubmenu,
	#wrapper #content .page_content.hasmedia, 
	#wrapper #content .page_content.hassubmenu.hasmedia {
		width: 100%; padding-left: 10%; padding-right: 0%;
	}
	#content .page_content .text {
		width: 100%;
		padding-right: 0;
	}
	#content .page_content h1 {
		font-size: 1.3em; 
		line-height: 1.3;
		max-width: 100%;
	}
	#wrapper #content .media {
		width: 100%; margin-bottom: 2em;
	}

	#content .page_content .links a,  #content .product .links a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	/* HOME */
	/* home intro */
	#home .content {
		font-size: 1em;
		width: 90%;
	}
	#home .slider img {
		width: auto;
		height: 100%;
		transform: none;
		-webkit-transform: none;			
	}
	#home .slider.scroll img {
		transform: none;
		-webkit-transform: none;	
	}


	/* sub-header */
	#sub-header {
		min-height: 60px;
	}

	/* home > producten */
	#producten-caroussel #producten-caroussel-slider .product-item:first-child,
	#producten-caroussel #producten-caroussel-slider .product-item:last-child {
		display: none;
	}
	#producten-caroussel #producten-caroussel-slider .product-item {
		width: 33.333%;
	}
	#producten-caroussel #producten-caroussel-slider .product-item span {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 0.8em;
	}
	#producten-caroussel .button a {
		font-size: 1em;
		width: 260px;
	}

	/* home fotocaroussel */
	#carousel {
		display: none;
	}

	/* producten */
	.product {
		width: 100%;
		border-bottom: 2px solid #eee;
		margin: 0;		
		padding: 20px 0;
	}
	.product .product-images {
		width: 100%;
	}
	.product .product-images .media {
		margin: 0; height: 150px;
	}
	.product .product-images .media img  {
		max-width: 150px;
		margin: 0 auto;
		padding-left: 0%;
	}
	.product .product-more-media {
		position: relative;
		right: auto; top: auto;
		width: 100%; border: 0;
		padding-bottom: 10px;
		opacity: 0.8;
	}
		.product .product-more-media ul li {
			margin-left: 0; 
			margin-right: 10px; 
			margin-top: 10px;
		}
		.product .product-more-media ul li a {
			height: 20px;
		}
		.product .product-more-media ul li a img {
			width: 50px;
		}
	.product .product-info {
		width: 100%;
		margin: 0;
		padding: 0; padding-top: 0;
	}
	.product .product-cta-btn {
		opacity: 1;
		top: 30px;
	}


	/* footermenu */
	#footer-nav {
		border-bottom: 1px solid #112033;
	}
	#footer-nav ul {
		line-height: 1.7;
		padding: 2em 0;
	}
	#footer-nav ul li {
		float: none;
		display: block;
	}
	#footer-nav ul li a {
		height: auto;
	}
	#footer-nav ul li a:before {
		content: "› ";
	}

	#footer-nav ul li.facebook {
		position: static;
	}
	#footer-nav ul li.facebook a.fb-icon {
		top: -25px;
	}
	#footer-nav ul li.facebook a:before {
		content: "";
	}
	#footer-nav ul li.facebook .fb-like {
		display: none!important;
	}


	/* footer */
	#footer #footer-container .col {
		width: 100%; 
	}
	#footer #footer-container {
		padding-bottom: 3em;
	}


	/* back to top */
	.back-to-top {
		right: 0px;
	}


}

