/* Small: phone (xs) */
@media (max-width: 719px) {
	
	/* Container */
	.container { width: 98%; }
	.hide-xs { display: none !important; }
	.absoluteThemeBackground { top: 130px; }

	/* Breadcrumbs */
	#breadcrumbs { display: none; }

	/* Mobiel menu */
	#header #responsiveMenu { display: block; position: absolute; left: 10px; top: 67px; z-index: 101; width: 28px; height: 25px; cursor: pointer; }
		#header #responsiveMenu span { display: block; position: absolute; height: 2px; width: 80%; margin-left: 10%; background: #000; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
		#header #responsiveMenu span:nth-child(1) { top: 0px; width: 50%; margin-left: 25%; }
		#header #responsiveMenu span:nth-child(2),#responsiveMenu span:nth-child(3) { top: 8px; }
		#header #responsiveMenu span:nth-child(4) { top: 16px; width: 50%; margin-left: 25%; }
		#header #responsiveMenu.open { position: fixed; left: 22px; top: 25px; }
			#header #responsiveMenu.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; }
			#header #responsiveMenu.open span:nth-child(2) { margin-left: 0; width: 100%; -webkit-transform: rotate(45deg); -moz-transform:rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
			#header #responsiveMenu.open span:nth-child(3) { margin-left: 0; width: 100%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg); }
			#header #responsiveMenu.open span:nth-child(4) { top: 3px; width: 0%; left: 50%; }

	/* Header */
	#containerHeader #options { width: 100%; }
		#containerHeader #options #account { margin-right: 5px; }
		#containerHeader #options #languages  { float: left; }
	#containerHeader #usp { display: none; }
	#containerHeader #header { margin-top: 0; padding-bottom: 5px; }
	#containerHeader #search { width: 100%; margin-bottom: 10px; }
	#containerHeader #logo { margin: 0 0 0 20%; }
	#containerHeader #cart { margin-right: 13px; }
	#containerHeader #cart #mouseOver { width: 300px; }

	/* Menu */
	#menu { position: fixed; display: none; left: 0; top: 0; z-index: 100; height: 100%; width: 80%; padding: 50px 0 0 0; background-color: #fff; border: none; overflow-y: scroll; }
 		#menu a { color: #000 !important; }
  		#menu .item { position: relative; display: table; margin-left: 50px; margin-top: 25px; border-bottom: 2px solid #000; font-size: 16px; }
		#menu .item:after { content: ""; display: block; clear: both; }
  			#menu .item .submenu .subitem a { color: #fff !important; }

	/* Product filters */
	#containerProductFilters #mobileButton { display: block; cursor: pointer; font-size: 15px; text-decoration: underline; width: calc(100% - 30px); background-color: #f9f9f9; padding: 15px; margin-bottom: 30px; background-image: url('../images/arrow_down.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 15px center; }
		#containerProductFilters #mobileButton.open { background-image: url('../images/arrow_up.png'); margin-bottom: 0; }
		#containerProductFilters #responsiveContainer { padding: 30px; border-bottom: 2px solid #eee; margin-bottom: 30px; display: none; }
	
	/* Product view */
	#containerProductView #options div#quantity { text-align: left; margin-left: 10px; }
	#containerProductView #options div#order select { width: 80%; margin-right: 10px; }
	#containerProductView #products .product { width: calc(86% / 2); }
		#containerProductView #products a:nth-child(2n+2):after { content: ""; display: block; clear: both; }
		#containerProductView #products .product .image { height: 160px; }

	/* Product detail */
	#containerProduct #thumbs { float: right; }
	#containerProduct #mainImage { float: left; }
	
	/* Cart */
	#containerCart #items .row .column { width: 25%; }
		#containerCart #items .row.header .column.price, #containerCart #items .row.header .column.quantity { display: none; }
		#containerCart #items .row .column.item { width: 50%; }
		#containerCart #items .row .column.price { float: none; display: inline-block; }
		#containerCart #items .row .column.quantity { float: none; display: inline-block; margin-top: 5px; }
			#containerCart #items .row .column.quantity select { width: 75px !important; }
		#containerCart #items .row .column.total { display: none; }
	#containerCart #continueShopping { margin-left: 5px; }
	#containerCart #cartOverview { margin-right: 5px; }

	/* Account login & register */
	#accountLogin #containerLogin { margin-left: 5%; width: 90%; }
	#accountLogin #containerRegister { margin: 40px 0 0 5%; width: 90%; }
	#accountRegister #register { margin-left: 5%; }

	/* Customer service */
	#containerCustomerService #customerService .gridItem:nth-child(2n+2):after { content: ""; display: block; clear: both; height: 40px; }
	
	/* Faq */
	#containerFaq #questions .categorie { width: 90%; margin: 0 auto; margin-left: 5%; }
	#containerFaq #questions .categorie:nth-child(even) { margin-left: 5%; }
	
	/* Footer */
	#footer #items .gridItem:nth-child(2n+2):after { content: ""; display: block; clear: both; height: 30px; }
		#footer #highlight #newsletter { position: relative; text-align: center; }	
			#footer #highlight #newsletter input[type='text'] { width: calc(90% - 26px); margin: 5px 5%; }	
			#footer #highlight #newsletter .button { width: 90%; margin: 0 5%; }	
		#footer #highlight #socialMedia { text-align: center; margin-top: 15px; }	
}


/* Medium: tablet (m) */
@media (min-width: 720px) and (max-width: 1149px) {
	
	/* Container */
	.container { width: 96%; }
	.hide-m { display: none !important; }

	/* Product view */
	#containerProductView #options div#order select { width: 160px; }
	#containerProductView #products:not(.small) .product { width: calc(86% / 2); }
		#containerProductView #products:not(.small) a:nth-child(2n+2):after { content: ""; display: block; clear: both; }
		#containerProductView #products:not(.small) .product .image { height: 100px; }
	#containerProductView #products.small .product { width: calc(82% / 3); }
		#containerProductView #products.small a:nth-child(3n+3):after { content: ""; display: block; clear: both; }
		#containerProductView #products.small .product .image { height: 150px; }

	/* Account login & register */
	#accountLogin #containerLogin { margin-left: 7%; }
	#accountLogin #containerRegister { margin-left: 5%; }
	#accountRegister #register { margin-left: 15%; }

}


/* Large: pc (l) */
@media (min-width: 1150px) {
	
	/* Container */
	.hide-l { display: none !important; }
	
	/* Product view */
	#containerProductView #products:not(.small) .product { width: calc(82% / 3); }
		#containerProductView #products:not(.small) a:nth-child(3n+3):after { content: ""; display: block; clear: both; }
	#containerProductView #products.small .product { width: calc(84% / 4); margin: 30px 1%; }
		#containerProductView #products.small a:nth-child(4n+4):after { content: ""; display: block; clear: both; }

	/* menu mouse over */
	#header #menu .item:hover .submenu { display: block; }

}