@media only screen and (min-width: 1140px) {
	.wrapper {
		width: 1100px;
	}
	
	.site-wrapper {
		margin-top: 44px;
		width: 1140px;
		padding: 20px;
	}
	
	body.fixed .site-wrapper {
		margin-top: 0;
		padding-top: 0;
	}

	footer .wrapper {
		width: 1140px;	
	}
}


@media only screen and (max-width: 1139px) {
	body.fixed .header-container {
		left: 0;
		right: 0;
	}
	ul.header > li.logo {
		padding: 5px;
	}
	
	nav {
		margin: 10px 5px 0 5px;
	}
	
	aside{
		padding-left: 5px;
	}
	
	.midnav .slider .gapper {
		padding: 0 5px 0 18px;
	}
	
	nav ul > li a {
		font-size: 12px;	
	}
	
	.catalog .tree-n-filters {
		padding: 0 0 0 5px;
	}
	
	section.static .wrapper.paragraph{
		padding: 0 5px;
	}	
}

@media only screen and (max-width: 1023px) {
	ul.showcase > li .frame a.pp:hover .helper {
		display: none;
	}
	
	.cabinet .content,
	.catalog .content,
	.cabinet .tree-n-filters,
	.catalog .tree-n-filters {
		padding: 0 5px;
		float: none;
		width: 100%;
	}
	
	.cabinet .content,
	.catalog .content {
		padding: 0 5px 15px;
	}
	
	.tree-n-filters ul {
		overflow: hidden;
		margin: 0 5px;
	}
	
	.tree-n-filters ul > li {
		height: 37px;
		line-height: 37px;
		padding: 0 15px;
		margin: 0 20px 15px 0;
		float: left;
	}
	
	.filters {
		margin: 0 5px;
	}
	
	.filters .title {
		font-size: 12px;
		text-align: left;
		padding-left: 10px;
		background: url(../img/lup.png) right no-repeat;
		cursor: pointer;
		margin-right: 10px;
	}
	
	.filters.adp-collapsed {
		height: 50px;
		overflow: hidden;
	}
	
	.filters.adp-collapsed .title {
		background: url(../img/ldown.png) right no-repeat;	
	}
	
	ul.presets {
		margin: 15px 5px 0;
	}
	
	.showcase-text {
		padding: 15px 5px 0 5px;
	}
}


@media only screen and (max-width: 1090px) {
	.midnav aside ul > li a {
		font-size: 12px;
		height: 42px;
		line-height: 42px;
	}
}
@media only screen and (max-width: 1023px) {
	ul.products {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
	.midnav aside ul > li a {
		font-size: 12px;
		height: 37px;
		line-height: 37px;
	}
	ul.showcase > li {
		width: 33.33%
	}		
}


@media only screen and (max-width: 814px) {
	ul.products {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 767px) {
	.midnav .slider .gapper {
		padding: 0;
	}
	
	.midnav .slider,
	.midnav aside {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.midnav aside ul > li {
		width: 60%;
		margin: 0 auto 5px;
		max-width: 320px;
	}
	
	.midnav aside {
		margin-bottom: 15px;
	}
	
	.left,
	.right {
		width: 100%;
		float: none;
		border: none;
	}
	
	.right .overflow {
		height: auto;
		overflow-y: visible;
	}
	
	ul.showcase.v3 > li,
	ul.showcase > li {
		width: 50%;
	}	
		
	footer .wrapper{
		height: auto;
		background: #f9f9f9;
	}
	
	ul.footer > li:nth-child(1) {
		width: 30%
	}
	
	ul.footer > li:nth-child(2) {
		text-align: right;
		width: 70%
	}
	
	ul.footer > li:nth-child(3) {
		width: 100%;
		clear: left;
		text-align: center;
	}
	
	ul.footer > li:nth-child(3) img {
		width: 100%;
		max-width: 265px;
		margin: 10px 0;
	}
	
	.cpr {
		margin: 10px 0;
	}
	
	div.card {
		padding: 15px 5px;
	}
	
	ul.card > li {
		float: none;
		width: 100%;
	}
	
	ul.card > li:last-child{
		padding: 10px 0 0 0;
	}
}


@media only screen and (min-width: 600px) and (max-width: 900px) {
	ul.header > li.logo {
		padding: 5px;
		width: 25%;
	}
	
	ul.header > li.phone {
		width: 50%;
		text-align: center;
	}
	
	ul.header > li.search {
		display: none;
	}
	
	ul.header > li.phone form {
		display: block;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	ul.header > li.menu {
		width: 25%;
	}	
}

@media only screen and (max-width: 599px) {	
	body.fixed .header-container {
		width: 100%;
	}
	header {
		padding: 5px;
	}
	nav {
		display: none;
	}
	ul.header,
	ul.header > li {
		display: block;
	}
	
	ul.header > li {
		float: left;
	}
	
	ul.header > li.phone {
		width: 72%;
		clear: left;
	}
	
	ul.header > li.adp {
		width: 28%;
		display: block;
	}	
	
	/*ul.header > li.phone ul > li:nth-child(2),*/
	ul.header > li.menu,
	ul.header > li.search {
		display: none;
	}
	
	.separate-cart.active,
	.separate-search.active {
		display: block;
	}
	
	.showcase-text,
	.left,
	.right {
		font-size: 13px;
	}
	
	.right h2,
	.left {
		padding: 10px;
	}
	
	.right .overflow {
		padding: 0 10px 10px 10px;
	}
	
	.right ul > li a {
		font-size: 12px;
	}
	
	ul.selector {
		margin: 10px 0 0;
		float: none;
		left: auto;
	}
	
	ul.selector > li {
		text-align: center;
		right: auto;
		float: none;
		width: 100%;
	}
	
	ul.selector > li a.active {
		display: inline-block;
		background-position: right center;
	}
	
	ul.s3-cart.s3-header {
		display: none;
	}
	
	ul.s3-cart {
		display: block;
		border: 0;
	}
	
	ul.s3-cart > li:nth-child(4),
	ul.s3-cart > li:nth-child(1),
	ul.s3-cart > li {
		width: 100%;
		display: block;
		border: 0;
		text-align: center;
	}
	
	a.menu-btn {
		display: block;
	}
	
	span.home {
		text-indent: 0;
	}
}

@media only screen and (max-width: 537px) {
	ul.products {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 480px) {
	.catalog .tree-n-filters {
		padding: 0;
	}
	
	.tree-n-filters ul > li a {
		font-size: 12px;
		font-weight: 600;
		border: 1px solid #e0e0e0;
		border-radius: 5px;
		height: 42px;
		line-height: 42px;
		background: #efefef;
		background: -moz-linear-gradient(top, #efefef 0%, #fafafa 50%, #f7f7f7 100%);
		background: -webkit-linear-gradient(top, #efefef 0%,#fafafa 50%,#f7f7f7 100%);
		background: linear-gradient(to bottom, #efefef 0%,#fafafa 50%,#f7f7f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f7f7f7',GradientType=0);
		display: block;
	}
	
	.tree-n-filters ul > li.active a {
		background: #438eca;
		background: -moz-linear-gradient(top, #438eca 0%, #1e6dab 50%, #2d7ab6 100%);
		background: -webkit-linear-gradient(top, #438eca 0%,#1e6dab 50%,#2d7ab6 100%);
		background: linear-gradient(to bottom, #438eca 0%,#1e6dab 50%,#2d7ab6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#438eca', endColorstr='#2d7ab6',GradientType=0);
		color: #fff;		
	}
	
	.tree-n-filters ul > li.active,
	.tree-n-filters ul > li {
		background: none;
		filter: none;
		border: none;
		height: auto;
		line-height: normal;
		margin: 0 0 5px 0;
	}
	
	/*
	.tree-n-filters ul > li {
		font-size: 12px;
		padding: 0;
		float: none;
		width: 60%;
		margin: 0 auto 5px;
		max-width: 320px;
		min-width: 165px;
	}	
	*/
	.tree-n-filters ul > li,
	.midnav aside ul > li {
		width: 50%;
		float: left;
		text-transform: none;
		padding: 0 5px;
	}
	
	.midnav aside ul > li a{
		font-weight: 600;
	}	
	
	ul.showcase.v3 > li,
	ul.showcase > li {
		width: 50%;
		padding: 10px;
	}
	
	ul.showcase > li .actions {
		display: none;
	}
	
	ul.showcase > li span.name {
		font-size: 16px;
	}
	
	ul.showcase > li span.price {
		font-size: 14px;
	}
	
	ul.showcase > li span.price .oldprice {
		font-size: 12px;
		text-align: center;
		width: 100%;
	}
	
	ul.showcase > li .frame .special {
		background: url(../img/special320.png) no-repeat;
		width: 29px;
		height: 30px;
		font-size: 8px;
		line-height: 30px;		
	}
	
	ul.showcase > li .frame .special img {
		width: 17px;
		margin: 5px auto;
	}
	
	ul.presets {
		margin: 15px 0 0;
	}	
	
	ul.presets > li	{
		clear: left;
		margin: 0 0 5px 0;
	}
	
	.tree-n-filters ul {
		margin: 0 0 15px 0;
	}
	
	div.card h2 {
		text-align: center;
	}
}

@media only screen and (max-width: 375px) {
	ul.showcase > li span.name {
		font-size: 14px;
	}
	
	ul.showcase > li span.price {
		font-size: 12px;
	}
	
	ul.showcase > li span.price .oldprice {
		font-size: 11px;
	}	
	
	ul.header > li.phone ul > li,
	ul.footer > li:nth-child(2) {
		font-size: 9px;
	}
	
	.footer-phone span,
	ul.header > li.phone span {
		font-size: 16px;
	}	
	
	ul.footer > li:nth-child(3) img {
		max-width: 150px;
	}	
}

@media only screen and (max-width: 374px) {
	ul.variants {
		max-width: none;
	}
	
	ul.variants > li > ul.count,
	ul.variants > li > ul.variant {
		height: 68px;
	}
	
	ul.variants > li > ul.variant {
		display: block;		
	}
	
	ul.variants > li > ul.variant > li {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	
	ul.variants > li > ul.variant > li:nth-child(3), 
	ul.variants > li > ul.variant > li:nth-child(2) {
		padding-left: 25px;
		text-align: left;
	}
}

@media(max-width: 450px){
    ul.showcase > li span.name {
        height: auto;
    }
}

@media(max-width: 375px){
    ul.showcase > li .frame{
        height: 230px;
    }
}