/* ==========================================================================
   Large devices (large desktops, 1200px and up)
   ========================================================================== */

@media (min-width: 1200px) {

	.container { width: 1170px;}
	
	/* sidebar */
	.sidebar { width: 270px; margin-right: 30px;}
	
	/* main */
	.main { width: 870px;}
	
	/* shop-product-detail */
	.shop-product-detail .product-info { width: 400px;}

}


/* ==========================================================================
   Small devices (tablets, 768px and up)
   ========================================================================== */

@media (min-width: 768px) and (max-width: 979px) {

	.container { width: 720px;}
	
	/* main */
	.main { width: 480px;}
	
	/* most-rented-products */
	.most-rented-products .product:last-child { display: none;}
	
	/* shop-product-detail */
	.shop-product-detail .product-gallery {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.shop-product-detail .product-info { float: none; width: auto;}
	
	/* two-column*/
	.two-columns .column { float: none; width: auto; margin-bottom: 20px;} 
	.two-columns .column.divider-right { margin-right: 0; border-right: none;} 
		
	/* logo-3w */
	.logo-3w { display: none;}

}


/* ==========================================================================
   Extra small devices (phones, less than 768px)
   ========================================================================== */

@media (max-width: 767px) {

	.container { width: auto;}

	body { min-width: 320px;}
	
	/* header */
	.header {
		height: auto;
		min-height: 110px;
		padding: 0 10px 10px 10px;
		text-align: right;
	}
	
	/* logo */
	.logo {
		top: 45px;
		left: -55px;
		width: 218px;
		height: 53px;
		background-size: 218px 53px;
	}
	
	/* shopping-cart */
	.shopping-cart:hover .shopping-cart-content { display: none;}
	
	/* eyecatcher */
	.eyecatcher { height: 60px;}
	.eyecatcher .slides { display: none;}
	.eyecatcher .search-box { display: none;}
	.eyecatcher .contact-bar { padding-right: 10px; padding-left: 10px;}
	.eyecatcher .contact-bar .btn-large {
		min-width: inherit;
		padding: 8px;
		font-size: 16px;
	}
	.eyecatcher .contact-bar .phone-number { float: right; margin-left: 0;}
	.eyecatcher .contact-bar .btn.pull-right { display: none;}
	.eyecatcher .contact-bar .need-advice { display: none;}

	/* wrapper */
	.wrapper { margin-right: 10px; margin-left: 10px;}
	
	/* sidebar */
	.sidebar {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.sidebar .social { display: none;}
	
	/* main */
	.main { float: none; width: auto;}
	
	/* introduction */
	.introduction .inner { margin-right: 0;}
	.introduction .offer { display: none;}
	
	/* customer-reviews */
	.customer-reviews .review .person { float: none; width: auto;}
	.customer-reviews .review .comment { margin-left: 0;}
	
	/* most-rented-products */
	.most-rented-products .product {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.most-rented-products .product .image img { width: 100%;}
	
	/* shop-overview */
	.shop-overview .product {
		float: none;
		width: auto;	
	}
	.shop-overview .product .image img { width: 100%;}
	
	/* shop-product-detail */
	.shop-product-detail .product-gallery {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.shop-product-detail .product-gallery .large {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.shop-product-detail .product-gallery .thumbs {
		float: none;
		width: auto;
		margin-left: -10px;
	}
	.shop-product-detail .product-gallery .thumbs li {
		float: left;
		width: 50px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.shop-product-detail .product-gallery .thumbs li:first-child { margin-top: 10px;}
	.shop-product-detail .product-info { float: none; width: auto;}
	
	/* shop-ordering */
	.shop-ordering .cart-content-table tr.line img { width: 40px; margin-right: 10px;}
	
	/* two-column*/
	.two-columns .column { float: none; width: auto; margin-bottom: 20px;} 
	.two-columns .column.divider-right { margin-right: 0; border-right: none;} 

	/* footer */
	.footer { 
		padding: 0;
	}
	.footer .column {
		display:  none;
	}
	.footer .column.address {
		display:  block;
		width:  100%;
		position:  relative;
		padding: 40px 30px;
	}
	.footer .column.address .ft-col {
		margin: 0;
	}
	.footer .column.address .ft-col h6 {
		color: #000;
		font-size: 17px;
	}
	.footer .column.address .ft-col a {
		text-decoration: underline;
	}

	/* contact-form */
	.contact-form td { display: block;}
	.contact-form input[type=text], .contact-form  select, .contact-form  textarea { width: 100%;}
	
	/* logo-3w */
	.logo-3w { display: none;}
	
}


/* ==========================================================================
   Responive nav
   ========================================================================== */

@media screen and (min-width: 768px) {
	
	.js .nav-collapse { position: relative;}
	.js .nav-collapse.closed { max-height: none;}
	.nav-toggle { display: none;}
	
}
@media screen and (max-width: 767px) { 

	.js .nav-collapse {
		clip: rect(0 0 0 0);
		max-height: 0;
		position: absolute;
		display: block;
		overflow: hidden;
		zoom: 1;
	}
	.nav-collapse.opened {
		max-height: 9999px;
	}
	.disable-pointer-events {
		pointer-events: none !important;
	}
	.nav-toggle {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	
	/* nav-toggle */
	.nav-toggle {
		display: inline-block;
		margin-top: 70px;
		padding: 0 5px;
		background-color: #ffc82a;
		border-radius: 2px;
		color: #120c13;
		font-size: 18px;
		line-height: 30px;
	}
	.nav-toggle:hover { color: #120c13;}
	.nav-toggle.active { margin-bottom: 10px;}

	/* menu */
	.menu {
		position: static;
		height: auto;
		padding: 0;
		text-align: left;
	}
	.menu > li {
		float: none;
		margin: 0;
		font-weight: 700;
		font-style: italic;
	}
	.menu > li > a { padding: 0 10px;}
	
}