@media only screen and (max-width:1260px){
	.container {
		min-width: 1020px;
	}
	.wrap {
		width: 980px;
	}
	#top-search form div input {
		width: 420px;
	}
	#top-search > a {
		width: 980px;
		margin: 0 0 0 -490px;
	}
	.path a:first-child {
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px 4px 0;
		position: static;
	}
	.left {
		width: 220px;
	}
	.right {
		width: 740px;
	}
	.warn {
		font-size: 32px;
	}
	.search-result section > div ul li .button.tocart img {
		display: none;
	}
	.search-result section .r-list li:nth-child(6) {
		width: 17%;
	}
	.search-result section .r-list li:nth-child(7) {
		width: 11.9%;
	}
	#prod-spec {
		width: 300px;
	}
	.prod-info {
		width: 660px;
	}
	#prod-img aside {
		width: 500px;
		height: 360px;
		line-height: 360px;
	}
	#prod-img div {
		height: 360px;
	}
	#order-block #cart ul li > aside {
		width: 340px;
	}
	#order-block #cart ul li > aside > p span {
		width: 220px;
	}
	#order-block {
		width: 660px;
	}
	#total-block {
		width: 300px;
	}
	.add-form {
		width: 360px;
	}
	#total-block ul li.total {
		font-size: 24px;
	}
	.cart .success {
		margin: 0;
	}
	footer .wrap > div > nav a {
		margin: 0 10px 0 0;
	}
	footer .wrap > section p {
		width: 650px;
	}
}





@media only screen and (max-width:1020px){
	.container {
		min-width: 720px;
		padding: 0 0 490px;
	}
	.wrap {
		width: 680px;
	}
	.main #top-search {
		width: auto;
	}
	#top-search > a {
		width: 680px;
		margin: 0 0 0 -340px;
	}
	#header aside > a {
		font-size: 0;
		margin: 0 0 0 20px;
	}
	#top-search {
		margin: 20px 0 0 30px;
	}
	#top-search form div input {
		width: 350px;
	}
	.left, .right {
		float: none;
		width: auto;
		margin: 0 0 30px;
	}
	.left nav a {
		display: inline-block;
		white-space: nowrap;
		background: #fff;
		margin: 0 5px 10px 0;
	}
	.search-result section, .orders section, .orders-history section, .log section {
		background: none;
		border: 0;
	}
	.search-result section.no {
		padding: 10px;
		border: 1px solid #ececec;
	}
	.search-result section.no p {
		margin: 0;
	}
/*	.search-result section > div, .orders section > div, .orders-history section > div, .log section > div {
		background: #f8f8f8;
	}*/
	.search-result section > ul, .orders section > ul, .orders-history section > ul, .log section > ul {
		display: none;
	}
	.search-result section ul, .orders section ul, .orders-history section ul, .log section ul {
		padding: 0!important;
		border: 1px solid #aaa;
		border-radius: 6px;
		margin: 2px 2px 5px!important;
	}
	.search-result section > div ul.hidden {
		margin: 2px 2px 5px 12px!important;
		position: relative;
	}
	.search-result section > div ul.hidden:before {
		content: '';
		width: 1px;
		position: absolute;
		top: 4px;
		bottom: 4px;
		left: -6px;
		background: #aaa;
	}
	table.users th, table.users td, .users-table table th, .users-table table td {
		padding: 10px;
	}
	.search-result section .r-list li:nth-child(1) {
		width: 8%;
	}
	.search-result section .r-list li:nth-child(2), .search-result section.similar ul li:nth-child(1) {
		width: 23%;
	}
	.search-result section .r-list li:nth-child(3), .search-result section.similar ul li:nth-child(2) {
		width: 32%;
	}
	.search-result section .r-list li:nth-child(4) {
		width: 10%;
	}
	.search-result section .r-list li:nth-child(5) {
		width: 10%;
	}
	.search-result section .r-list li:nth-child(6) {
		width: 92%;
		margin: 0 0 0 8%;
	}
	.search-result section .r-list li:nth-child(7) {
		width: 23%;
		margin: 0 0 0 8%;
	}
	.search-result section .r-list li:nth-child(8) {
		width: 10%;
	}
	.search-result section .r-list li:nth-child(9) {
		width: 25%;
	}
	.search-result section.similar ul li:nth-child(3) {
		width: 70%;
	}
	.search-result section.similar ul li:nth-child(4) {
		width: 30%;
	}
	.search-result section > div ul li figure {
		margin: 0 150px 0 0;
	}
	.search-result section.similar > div ul li figure {
		margin: 0;
	}
	.search-result section > div ul li aside {
		display: block;
	}
	.search-result section > div ul li aside a {
		margin: 5px 0 5px 10px;
	}
	.search-result section > div ul li data i, .search-result section > div ul li data em, #prod-buttons > div ul li data i, #prod-buttons > div ul li data em, .search-result section .r-list li:nth-child(8) > div ul li data i, .search-result section .r-list li:nth-child(8) > div ul li data em, #quick-view-popup > section ul li data i, #quick-view-popup > section ul li data em {
		opacity: 1;
	}
	.search-result section .r-list li small {
		display: block;
		font-size: 12px;
		line-height: 1;
		color: #777;
		position: absolute;
		top: 5px;
		left: 10px;
	}
	#quick-view-popup {
		left: 0;
		width: 100%;
		margin: 0 0 30px;
	}
	#edit-data-popup > i, #quick-view-popup > i, #change-delivery-popup > i {
		top: 10px;
		right: 10px;
		z-index: 133;
	}
	#edit-data-popup > i::before, #edit-data-popup > i::after, #quick-view-popup > i::before, #quick-view-popup > i::after, #change-delivery-popup > i::before, #change-delivery-popup > i::after {
		background: #000;
	}
	#quick-view-popup > aside > h1 {
		font-size: 24px;
	}
	h1, .h1 {
		width: auto;
		font-size: 28px;
		margin: 0 0 .5em;
	}
	.product > aside {
		position: static;
		width: auto;
		margin: 0 0 20px;
	}
	#prod-cost, #prod-buttons {
		display: inline-block;
		vertical-align: top;
		margin: 0 30px 0 0;
	}
	#prod-buttons > div {
		left: 0;
	}
	#prod-buttons > div::after {
		right: auto;
		left: 80px;
	}
	#order-block {
		width: auto;
	}
	#total-block {
		position: static;
		width: auto;
		margin: 50px 0 0;
	}
	#total-block h2 {
		font-size: 28px;
		margin: 0 0 .5em;
	}
	.product > .stock, #quick-view-popup > aside .stock {
		margin: 0 0 20px;
	}
	#prod-spec {
		float: none;
		width: 50%;
		margin: 0 0 30px;
	}
	.prod-info {
		float: none;
		width: auto;
	}
	#prod-desc > section {
		display: block;
	}
	#prod-desc > .more {
		display: none;
	}
	.p-filter {
		margin: 20px 0 10px;
	}
	.p-filter aside {
		width: 33.33%;
		padding: 0 10px 10px 0;
	}
	.p-filter button {
		width: 20%;
	}
	.catalog.list aside {
		width: 50%;
	}
	.operator-cabinet .order-form {
		float: none;
		margin: 0 0 30px;
	}
	.personal-data form.inc-form .input {
		width: 23%;
	}
	.personal-data form.inc-form button {
		width: 20%;
		margin: 10px 0 0;
	}
	footer .wrap > section .webpay {
		display: none;
	}
	footer .wrap > div {
		width: 480px;
	}
	footer .wrap > div > nav a {
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
		margin: 0 20px 10px 0;
	}
	footer .wrap > aside > span {
		font-size: 24px;
	}
	footer .wrap > section p {
		width: auto;
	}
}


@media only screen and (max-width:720px){
	.container {
		min-width: 360px;
		padding: 0 0 660px;
	}
	.wrap {
		width: 320px;
	}
	.fixed header {
		margin: 0;
	}
	header .wrap {
		font-size: 0;
	}
	header aside {
		width: 100%;
		font-size: 14px;
	}
	header aside a {
		float: right;
		line-height: 30px;
		padding: 0 10px;
		border-radius: 15px;
		background: #fff;
		box-shadow: 2px 2px 5px #0001;
		margin: 5px 0 5px 10px;
	}
	#login-form, #login-popup {
		width: 320px;
	}
	.fixed #header {
		position: static;
		border: 0;
		box-shadow: none;
	}
	#header .wrap {
		height: auto;
		padding: 0 0 20px;
		position: relative;
	}
	.main #header .wrap {
		height: 90px;
		padding: 0;
	}
	#header aside {
		position: absolute;
		top: 0;
		right: 0;
	}
	#top-search {
		float: none!important;
		width: 100%!important;
		height: auto!important;
		line-height: 1.2!important;
		margin: 0!important;
		overflow: hidden;
	}
	#top-search form {
		margin: 0!important;
	}
	#top-search form div {
		border: 0;
		border-radius: 10px;
	}
	#top-search form div > i {
		display: none;
	}
	#top-search form div input {
		width: 100%;
		border-radius: 10px 10px 0 0;
	}
	#top-search form div button {
		position: static;
		width: 100%!important;
		border-radius: 0 0 10px 10px;
	}
	#top-search > a {
		display: none;
		width: 320px;
		margin: 0 0 0 -160px;
	}
	h2 {font-size:26px;}
	h3 {font-size:24px;}
	h4 {font-size:22px;}
	h5 {font-size:20px;}
	h6 {font-size:18px;}
	.right {
		padding: 20px;
	}
	.mfeedback input, .mfeedback textarea {
		width: 100%!important;
	}
	.warn {
		padding: 0 0 0 20px;
		font-size: 24px;
	}
	.faq-list {
		margin: 0 -10px;
	}
	.faq-list > li {
		padding: 0 0 0 30px;
	}
	.faq-list > li::before {
		width: 20px;
		height: 20px;
		line-height: 18px;
		top: 2px;
	}
	.faq-list > li img {
		width: calc(100% + 50px);
		max-width: none;
		margin: 0 -10px 0 -40px;
	}
	.cntcts {
		padding: 0;
	}
	article img {
		display: block;
		width: calc(100% + 40px);
		max-width: none;
		margin: 0 -20px;
	}
	.search-result .found, .search-result .sort {
		margin: 0;
	}
	.search-result section > div ul li, .orders section > div ul li, .orders-history section > div ul li, .log section > div ul li {
		line-height: 1.5;
		height: auto;
		white-space: normal;
	}
	.search-result section.similar ul li:nth-child(1) {
		width: 50%;
	}
	.search-result section.similar ul li:nth-child(2) {
		width: 50%;
	}
	.search-result section.similar ul li:nth-child(3) {
		width: 100%;
	}
	.search-result section.similar ul li:nth-child(4) {
		width: 100%;
	}
	.search-result section .r-list li:nth-child(1) {
		width: 17%;
		height: 52px;
	}
	.search-result section .r-list li:nth-child(2) {
		width: 55%;
		white-space: nowrap;
	}
	.search-result section .r-list li:nth-child(3) {
		width: 53%;
		margin: -30px 0 0 17%;
	}
	.search-result section .r-list li:nth-child(4) {
		width: 16%;
		margin: -30px 0 0;
		overflow: visible;
	}
	.search-result section .r-list li:nth-child(5) {
		width: 13%;
		margin: -30px 0 0;
		overflow: visible;
	}
	.search-result section .r-list li:nth-child(6) {
		width: 100%;
		margin: 0;
	}
	.search-result section .r-list li:nth-child(7) {
		width: 30%;
		margin: 0;
	}
	.search-result section .r-list li:nth-child(8) {
		width: 20%;
	}
	.search-result section .r-list li:nth-child(9) {
		width: 50%;
	}
	.search-result section > div ul li figure {
		margin: 0!important;
	}
	.search-result section > div ul li aside {
		position: static;
		width: 100%;
	}
	.search-result section > div ul li aside a {
		margin: 5px 0;
	}
	.search-result section > div .show-others, .orders section > div .show-others, .orders-history section > div .show-others, .log section > div .show-others {
		width: auto;
		font-size: 16px;
		margin: 20px 2px;
	}
	.search-result section .r-list li small {
		font-size: 10px;
		top: -5px;
		left: 0;
	}
	.search-result section .r-list li:nth-child(5) small {
		left: -2px;
	}
	#edit-data-shadow, #quick-view-shadow, #change-delivery-shadow {
		padding: 0;
	}
	#edit-data-popup, #quick-view-popup, #change-delivery-popup {
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		border-radius: 0;
		margin: 0;
	}
	#quick-view-popup.o {
		overflow: hidden;
	}
	#quick-view-popup > aside {
		float: none;
		width: auto;
		height: 300px;
		padding: 20px;
	}
	#quick-view-popup > aside > a {
		line-height: 260px;
	}
	#quick-view-popup > aside+aside {
		height: auto;
	}
	#prod-cost span {
		font-size: 24px;
	}
	#quick-view-popup > section {
		left: 0;
		padding: 20px 20px 20px 40px;
	}
	#quick-view-popup > section h1 {
		font-size: 24px;
	}
	#quick-view-popup > section h1 img {
		left: -30px;
	}
	#quick-view-popup > section ul li > * {
		line-height: 1.5;
		height: auto;
		white-space: normal;
	}
	#quick-view-popup > section ul li div {
		font-size: 16px;
		margin: 0 0 10px;
	}
	#quick-view-popup > section ul li strong {
		width: 50%;
		margin: 0 0 10px;
	}
	#quick-view-popup > section ul li data {
		width: 30%;
		height: 42px;
	}
	#quick-view-popup > section ul li button {
		width: 50%;
	}
	#prod-cost, #prod-buttons {
		display: block;
		margin: 0 0 10px;
	}
	#prod-buttons > span, #prod-buttons > a, .no_price_analog {
		width: 140px;
	}
	#prod-buttons > div, .search-result section .r-list li:nth-child(8) > div {
		width: 360px;
		left: -20px;
	}
	#prod-buttons > div ul li span, .search-result section .r-list li:nth-child(8) > div ul li span {
		width: 140px;
		height: auto;
		padding: 0;
		line-height: 21px;
	}
	#prod-buttons > div ul li span b, .search-result section .r-list li:nth-child(8) > div ul li span b {
		display: inline;
		margin: 0 0 0 5px;
	}
	#prod-buttons > div ul li strong, .search-result section .r-list li:nth-child(8) > div ul li strong {
		clear: left;
		width: 140px;
		line-height: 21px;
	}
	#prod-buttons > div ul li data, .search-result section .r-list li:nth-child(8) > div ul li data {
		margin: -21px 0 0;
	}
	#prod-buttons > div ul li a, .search-result section .r-list li:nth-child(8) > div ul li a {
		margin: -21px 0 0;
	}
	#prod-spec {
		width: auto;
	}
	#prod-img aside {
		float: none;
		width: auto;
		height: 240px;
		line-height: 240px;
		margin: 0 0 10px;
	}
	#prod-img div {
		float: none;
		width: auto;
		height: auto;
	}
	#prod-img div ul {
		font-size: 0;
	}
	#prod-img div ul li {
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		height: auto;
		background: #fff;
		margin: 0;
	}
	.catalog.list aside {
		width: 100%;
		padding: 20px 0;
	}
	.catalog hr {
		display: none;
	}
	#order-block #cart section label {
		margin: 0 15px 0 0;
	}
	#order-block #cart ul li > aside {
		width: auto;
		margin: 0 0 10px;
	}
	#order-block #cart ul li > aside > p span {
		display: block;
		width: auto;
		white-space: normal;
	}
	#getting .input {
		display: block;
		width: auto!important;
		margin: 0 0 10px;
	}
	#getting small {
		margin: 20px 0;
	}
	#order-block #data > div {
		width: auto;
		padding: 10px;
	}
	#order-block #data > a {
		margin: 10px 0 0 10px;
	}
	#order-block #method label, .orders .ll form label {
		width: auto;
		padding: 12px 42px;
		line-height: 1.5;
	}
	#order-block #method label.active, .orders .ll form label.active {
		padding: 10px 40px;
	}
	#order-block #method label i, .orders .ll form label i {
		left: 10px;
	}
	#order-block #method label.active i, .orders .ll form label.active i {
		left: 8px;
	}
	#order-block #method label img, .orders .ll form label img {
		right: 10px;
	}
	#order-block #method label.active img, .orders .ll form label.active img {
		right: 8px;
	}
	footer .wrap {
		padding: 100px 0 10px;
	}
	.cart .success {
		padding: 20px;
		text-align: center;
	}
	.cart .success h2 {
		font-size: 28px;
	}
	.cart .success .button {
		width: 100%;
		padding: 0;
		left: 0;
		transform: none;
	}
	footer .wrap > div {
		float: none;
		width: auto;
		margin: 0 0 20px;
	}
	footer .wrap > div > .logo {
		float: none;
		display: block;
		margin: 0 auto;
	}
	footer .wrap > div > span {
		float: none;
		display: block;
		border: 0;
		padding: 0;
		text-align: center;
		margin: 10px 0;
	}
	footer .wrap > div > nav {
		padding: 0;
	}
	footer .wrap > div > nav a {
		display: block;
		text-align: center;
		font-size: 18px;
		margin: 10px;
	}
	footer .wrap > aside {
		display: none;
	}
	footer .wrap > section {
		padding: 20px 0 0;
	}
	footer .wrap > section p {
		font-size: 14px;
	}
	#to-top {
		display: none;
	}
.auth .container {
padding:0;
}
.auth .wrap {
padding:100px 0;
}
.auth form {
width:auto;
border:0;
border-radius:0;
}
}