/* :: Media
===================================================================================================== :: */



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

.wrapper {max-width: 99%; padding: 0 12px;}

.main-nav .nav > li {margin-right: .3em;}
	.main-nav .nav > li > a {padding-right: .7em; padding-left: .7em;}
	
}

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

#site .nav-collapse {display: block; float: left; width: 42px; margin: 0; padding: 0; text-decoration: none;}
#site .nav-collapse.on {background-color: white;}
#site .nav-collapse:hover {background-color: white;}
	#site .nav-collapse span {display: block; position: relative; height: 36px; background: url(nav-collapse-b.png) no-repeat 50% 7px;}
	#site .nav-collapse.on span {background-position: 50% -93px;}
	
	.site-nav .main-nav, .site-nav .main-nav .sub-menu ul {display: none; margin-bottom: 0;}
	.nav-collapse.on + .main-nav {
		display: block; position: absolute; top: 100%; z-index: 801; max-width: 15em; 
		background-color: #f2f2f2; border-top: 5px solid #ed1c24;
	}
		#site .main-nav > ul > li {float: none; width: 100%; padding: 0;}
			#site .main-nav li a {display: block; line-height: 2em;}
			.main-nav .nav > li > a:before {top: 5px;}

	.nav-collapse.on + .main-nav {box-shadow: 0 3px 12px rgba(0,0,0,0.30);}
	
	.main-nav .nav > li {margin-bottom: 2px;}
		.main-nav .nav > li.current > a {background-color: black; color: white;}

.section-product-types a {text-align: center; padding-left: 1.5em;}
	.section-product-types .img {width: 100%;}

.item-col-2 .item-content > section:nth-child(2n+1),
.item-col-3 .item-content > section:nth-child(3n+1),
.item-col-4 .item-content > section:nth-child(4n+1), 
.item-col-5 .item-content > section:nth-child(5n+1),
.item-col-6 .item-content > section:nth-child(6n+1),
.item-col-7 .item-content > section:nth-child(7n+1),
.item-col-8 .item-content > section:nth-child(8n+1),
.item-col-9 .item-content > section:nth-child(9n+1),
.item-col-10 .item-content > section:nth-child(10n+1),
.item-col-11 .item-content > section:nth-child(11n+1),
.item-col-12 .item-content > section:nth-child(12n+1) {
	clear: none;
}

.body-cat-2 .main section {padding-top: 2em; padding-bottom: 2em;}
	.body-cat-2 .main section .inner {padding: 1.5em;}
	
	.body-cat-2 .inner .img-sm {max-width: 180px;}

}

@media only screen 
and (max-width: 768px) {
	
.body-cat-2 .inner .img {margin-top: -20px;}
.body-cat-2 .inner .img-sm {top: -20px; max-width: 150px;}

.item-col-4 .item-content > section {width: 50%;}
.related-products section:nth-child(4n) .item-cell:before {display: block;}
.related-products section:nth-child(2n) .item-cell:before {display: none;}

.form-group .col-20, .form-group .col-80 {width: 100%; text-align: left !important;}

}

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

.col-90, .col-85, .col-80, .col-75, .col-70, .col-66, .col-60, .col-55, 
.col-50, .col-45, .col-40, .col-33, .col-30, .col-25, .col-20, .col-15, .col-10, .col-8,
.form-elements.register h3 + .col-45 {
	width: 100%;
}

.form-elements.register h3 + .col-45 {padding-right: 0; border-width: 0;}

.item-col-2 .item-content, .item-col-3 .item-content {display: block;}

.section-products .item-content > section,
.item-col-2 .item-content > section,
.item-col-3 .item-content > section,
.item-col-4 .item-content > section,
.item-description .item-gallery,
.item-description .item-overview {width: 100%;}

h1.lead {font-size: 1.8em;}

.section-product-types .item-cell {border-width: 0 0 1px;}
	.section-product-types section:first-child .item-cell, .section-product-types a {border-left: none;}

.section-products {padding-top: 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 20%), linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.5) 100%), url(pattern-diamond.png) 50% -420px, url(pattern-2-items.png);}
	#site .section-products section {margin-top: 0; margin-bottom: 237px;}
	#site .section-products section:last-child {margin-bottom: 0;}
		.section-products .img {height: 400px;}
	
#site .search-bar.on input[type="text"] {width: 12em;}

.item-description .wrapper > h2:first-child {margin-top: 0;}
.item-gallery .big-img {width: 80%; margin-top: 0;}
.item-gallery ul {width: 19%;}

.inspiration a {min-height: 20em;}

.body-cat-2 .main .about-4 .inner {padding-right: 1.5em; padding-bottom: 200px;}

.related-products .item-cell:before {top: 110%; right: 0; width: 100%; height: 0; border-width: 0 0 1px;}
.related-products section:nth-child(2n) .item-cell:before {display: block;}

#footer .wrapper, #footer .col-50.fR {text-align: center;}

.footer-logo {float: none; display: inline-block;}

/*#body-cat-main {display: block;}*/