/* 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: 45px; 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); -ms-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); -ms-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); -ms-transform: rotate(45deg);  -o-transform: rotate(-45deg); transform: rotate(-45deg); }
			#header #responsiveMenu.open span:nth-child(4) { top: 3px; width: 0%; left: 50%; }

	/* Header */
  #usp .gridItem { display: block; }
  #containerHeader > .grid.container:first-child { position: relative; top: 0; pointer-events: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	#containerHeader #options { width: 100%; padding: 0; margin-right: 0; }
		#containerHeader #options #account { margin-right: 5px; }
		#containerHeader #options #languages  { float: left; }
	#containerHeader #usp { padding: 10px 0; }
  	#usp .gridItem::after { content: ""; display: none; }
	#containerHeader #header { margin-top: 0; padding-bottom: 5px; }
	#containerHeader #search { margin-bottom: 12px; }
	#containerHeader #logo { text-align: center !important; }
  		#containerHeader #logo div { width: 220px; height: 75px; }
	#containerHeader #cart {  }
	#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 .item { position: relative; display: table; margin-left: 50px; margin-top: 25px; border-bottom: 1px solid #fff; font-size: 17px; }
		#menu .item:after { content: ""; display: block; clear: both; }
  		#menu .item:hover .submenu { display: none; }
  #menu .item:hover { padding-top: 16px; }


	/* 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(82% / 2); }
		#containerProductView #products a:nth-child(2n+2):after { content: ""; display: block; clear: both; }
		/*#containerProductView #products .product .image { height: 160px; }*/
  #containerProductView #products .product .details .category { float: none; width: 100%; height: 21px; }
  #containerProductView #products .product .details .prices { float: none; width: 100%; display: block; text-align: right; }



	/* Product detail */
    #backToOverview { position: relative; left: 8px; }
	#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%; }
  
  	/* design Page */
    #designPage .linedTitle { padding: 0 80px; font-size: 28px;}
  		#designPage .linedTitle::before, #designPage .linedTitle::after { width: 50px; }
        #designPage .linedTitle::before { left: 5px; }
		#designPage .linedTitle::after { right: 5px; }
  	#designPage .social .images .gridItem .image { width: 130px; height: 130px; }
    #designFooter #newsletterDesignFooter { padding: 0; margin-top: 12px; }
    #designFooter #storeDesignFooter { padding: 0; }
  
  #designPage .multi .gridItem { padding-bottom: 42px; }
		#designPage .multi .gridItem:nth-child(even), #designPage .multi .gridItem:nth-child(odd) { padding-right: 0; padding-left: 0; }
            #designPage .multi .gridItem .image-container { max-width: 460px; margin: 0 auto; }
  
  
  #designPage #productsSlider .productslider-container .productslider .productslider-item { width: 50%; }

	/* 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 #newsletter form { float: none; }
		#footer #highlight #socialMedia { text-align: center; margin-top: 15px; }	
}


/* Medium: tablet (m) */
@media (min-width: 720px) and (max-width: 1149px) {
  
  #containerHeader #options { margin-right: 3.5vw; }
	
  	#menu .item { margin: 0 3.5vw; }
	#menu .item:first-child { margin-left: 0; }
	#menu .item:last-child { margin-right: 0; }
  
	/* 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(83% / 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%; }
  
  
  	#containerProduct #thumbs { position: absolute; right: 50%; width: 32px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }



}


/* Large: pc (l) */
@media (min-width: 1150px) {
	
	/* Container */
	.hide-l { display: none !important; }
	
	/* Product view */
	#containerProductView #products:not(.small) .product { width: calc(75% / 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; }
  	#menu .item:first-child { margin-left: 0; }
	#menu .item:last-child { margin-right: 0; }
  
  	#containerHeader #options #telephone { margin-left: 142px; }
    #containerHeader > .grid.container:first-child { left: 50%; margin-left: -575px; }
  
  
  	#containerProduct #thumbs { position: absolute; right: 50%; width: 32px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }


}