@media only screen and (min-width: 320px) {
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	section.content .wrapper, 
	section.block .wrapper	{
		padding: 20px 10px;
	}
	section.nav + section.content .wrapper {
		padding: 0 10px 20px;
	}

}

@media only screen and (min-width: 1200px) {
	.wrapper {
		padding-left: 0;
		padding-right: 0;
		width: 1200px;	
	}
}

@media only screen and (max-width: 1024px) {
	ul.cat li {
		width: 33.33%;
	}
	footer > .wrapper > ul {
		display: block;
	}
	footer .wrapper {
		padding: 45px 0 0 0;
	}	
	footer > .wrapper > ul > li {
		width: 33.33%;
		display: block;
		float: left;
		padding: 0 45px;
	}	
	footer > .wrapper > ul > li .logo {
		margin: 0 auto 55px;
	}
	footer > .wrapper > ul > li:first-child {
		width: 320px;
		margin: 0 auto;
		float: none;
	}
	ul.app, ul.socials {
		text-align: center;
	}
	ul.app > li, 
	ul.socials > li {
		float: none;
		display: inline-block
	}
	ul.card > li {
		width:100%;
		display:block;
	}
	#cardslider {
		margin: 0 auto;
	}
	h1.card {
		font-size: 30px;
		text-align: center;
	}
}

@media only screen and (max-width: 999px) {
	.nav .hi-menu.active,
	.shadow-background.active,
	.menu {
		display: none;
	}
	.adp-menu {
		display: block;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	ul.slides > li .content {
		padding: 40px 0 0 25px;
	}
	ul.slides > li .content b {
		font-size: 22px;
	}
	ul.parts a.more, 
	ul.slides > li .content a.more {
		padding: 12px 15px;
	}
}

@media only screen and (max-width: 768px) {
	ul.cat li {
		width: 50%;
	}
	section .header {
		font-size: 22px;
	}
	h1, h2, h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 767px) {
	header nav {
		height: 46px;
	}
	.nav .wrapper > ul > li.desktop,
	header nav > ul {
		display: none;
	}
	ul.slides > li .content {
		width: 100%;
		position: relative;
		padding: 20px;
	}
	ul.slides > li .content b {
		font-size: 20px;
	}
	ul.slides > li .content a.more {
		padding: 12px 17px;
		margin: 35px 0;
	}
	#mainslider .slides img {
		display: none;
	}
	ul.parts {
		min-height: auto;
	}
	ul.parts > li:first-child {
		display: none;
	}	
	ul.parts > li {
		padding: 50px 40px;
	}	
	.swaip {
		display: block;
	}
	footer > .wrapper a.phone {
		text-align: center;
	}
	footer > .wrapper > ul > li {
		width: 100%;
		float: none;
		padding: 0 10px;
	}	
	footer .blocks > ul {
		margin: 5px 0 10px;
	}
	footer > .wrapper > ul > li.blocks > ul > li {
		display: inline;
	}
	section.content .filter .container, 
	section.content .sorter .container {
		float: none;
		display: block;
	}
	section.content .filter .container > span {
		margin: 0 0 5px;
	}
	section.content .filter .container > span:nth-child(2) {
		display: none;
	}
	section.content .filter, 
	section.content .sorter {
		text-align: center;
	}	
	section.content .sorter .container > span:first-child {
		display: block;
		margin: 5px 0 10px;
	}
	section.content .filter .container > span, 
	section.content .sorter .container > span {
		display: inline-block;
	}
	section.content .filter .container > span input[type=text] {
		width: 60px;
	}
	ul.rating-top {
		height: auto;
		overflow: hidden;
	}
	ul.rating-top,
	ul.rating-top > li,
	ul.rating-top > li:first-child,	
	ul.rates,
	ul.rates > li	{
		text-align: center;
		width: 100%;
		display: block;
	}
	ul.rating-top > li:first-child {
		padding-bottom: 15px;
	}
	ul.rating-top > li:last-child a {
		width: 165px;
		float: none;
		margin: 20px auto 0;
	}
	ul.rates > li {
		padding: 10px 0;
	}
	.rating > span,
	ul.cross-ratings + ul.cross-ratings,
	ul.cross-ratings {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 599px) {
	ul.reviews .author .l {
		display: none;
	}
	ul.reviews div.reply,
	ul.reviews .comment {
		margin-left: 0px;
	}
	ul.reviews .author {
		padding-left: 0px;
	}
	dl.prop > dt, dl.prop > dd {
		padding: 10px;
	}
	dl.prop + dl.prop {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 519px) {
	dl.prop {
		margin-bottom: 10px;
	}
	dl.prop +dl.prop:nth-child(3) {
		clear: left;
		margin-left: 0;
	}
}

@media only screen and (max-width: 564px) {
	.control {
		max-width: 320px;
	}
	.share,
	.control .d1, 
	.control .d2, 
	.control .d3 {
		margin: 0px;
	}
	.control a.cad {
		margin: 0 auto 10px;
		float: none;
	}
	.control .fav, 
	.control .cmp {
		display: inline-block;
		float: none;
	}
	.subcontrol {
		text-align: center;
	}
	#cardslider {
		width:320px;
	}
	h1.card {
		padding: 0 10px;
	}
	#cardslider .flex-direction-nav .flex-next,
	#cardslider .flex-direction-nav .flex-prev {
		display: none;
	}
	ul.breadcrumbs > li a {
		font-size: 10px;
	}
	input.field.double {
		width: 200px;
	}
	.callback-form {
		width: 300px;
	}
	ul.s3-orders li:nth-child(3),
	ul.s3-orders li:nth-child(2),
	ul.s3-orders.s3-header > li:nth-child(3),
	ul.s3-orders.s3-header > li:nth-child(2) {
		display: none;
	}
}


@media only screen and (max-width: 579px) {
	header ul.mid > li {
		width: 100%;
		float: none;
	}
	ul.mon,
	header a.logo {
		margin: 0 auto;
		float: none;
	}
	header a.logo {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 490px) {
	ul.cat li {
		width: 100%;
	}
	ul.feats,
	ul.feats > li {
		width: 100%;
		display: block;	
	}
	dl.cprop, dl.tbl {
		width: 100%;
	}
}

@media only screen and (max-width: 470px) {
	.nav form > a {
		padding: 0;
	}
	.nav form > a > input {
		width: 50px;
		text-indent: 100px;
	}
	ul.reviews .comment,
	ul.reviews div.reply > .reply {
		font-size: 12px;
	}

	ul.mon > li:nth-child(2)  {
		padding: 0 20px 0 20px;
	}	
}