@media screen and (max-width:1400px) {
header {
	width:25%;
	}
.header-top {
	left:25%;
	width:75%;
	}
article {
	margin:0 0 0 25%;
	width:75%;
	}
article h1 {
	font-size:50px;
	line-height:50px;
	}

.header-top {
	display:table;
	padding:13px 0 0 0;
	height:60px;
	overflow:visible;
	line-height:0;
	}
.phone {
	float:none;
	margin:0;
	padding:0 25px 0 0;
	display:table-cell;
	vertical-align:middle;
	white-space:pre;
	}
.cart {
	float:none;
	display:table-cell;
	vertical-align:middle;
	white-space:pre;
	}
.user {
	float:none;
	margin:0;
	padding:0 25px;
	display:table-cell;
	vertical-align:middle;
	white-space:pre;
	}
.search {
	float:none;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	width:100%;
	}
.sa-photos a{
	width:25%;
	}

.item {
	width:33.3%;
	}

}

@media screen and (max-width:1200px) {
nav {
	border-top:none;
	}
nav.menu.active {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	}
nav.menu ul {
	position:fixed;
	top:0;
	bottom:0;
	left:-450px;
	z-index:120;
	overflow-y:auto;
	width:400px;
	background:#fff;
	-moz-box-shadow:0 0px 15px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0px 15px rgba(0,0,0,0.15);
	box-shadow:0 0px 15px rgba(0,0,0,0.15);
	-moz-transition:left 0.5s ease;
	-o-transition:left 0.5s ease;
	-webkit-transition:left 0.5s ease;
	transition:left 0.5s ease;
	}
nav ul li {
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	}
nav.menu.active ul {left:0;}

.lines {
	position:absolute;
	top:10px;
	right:93px;
	margin:0 17px 0 0;
	z-index:9;
	width:70px;
	height:100px;
	cursor:pointer;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:rgba(255,255,255,0); 
	-webkit-tap-highlight-color:transparent;
	}
.lines span, .lines span:before, .lines span:after {
	display:block;
	position:absolute;
	top:54px;
	left:33px;
	content:'';
	width:34px;
	height:4px;
	background:#1f242b;
	-moz-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
	transition:all 0.15s ease-in-out;
	}
.lines span:before {
	top:-10px;
	left:0;
	}
.lines span:after {
	top:10px;
	left:0;
	}
.lines:hover span {
	left:28px;
	}
.lines:hover span:before, .lines:hover span:after {
	left:10px;
	}
.dimmer {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	visibility:hidden;
	background:linear-gradient(125deg,#3cf0c5,#338aff,#ff3d77,#ffa63d);
	background-size:600%;
	-webkit-animation:anime 16s linear infinite;
	animation:anime 16s linear infinite;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:rgba(255,255,255,0); 
	-webkit-tap-highlight-color:transparent;
	}
.dimmer.active {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
	visibility:visible;
	}
.close-menu {
	position:fixed;
	top:calc(50% - 25px);
	left:-50px;
	z-index:110;
	content:'';
	width:50px;
	height:50px;
	background:#272f36;
	cursor:pointer;
	-moz-transition:left 0.5s ease;
	-o-transition:left 0.5s ease;
	-webkit-transition:left 0.5s ease;
	transition:left 0.5s ease;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-tap-highlight-color:rgba(255,255,255,0); 
	-webkit-tap-highlight-color:transparent;
	}
nav.menu.active .close-menu {
	left:400px;
	}
.close-menu span:before, .close-menu span:after {
	position:absolute;
	top:24px;
	left:16px;
	content:'';
	width:18px;
	height:2px;
	background:#fff;
	-moz-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
	transition:all 0.15s ease-in-out;
	}
.close-menu span:before {
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	}
.close-menu span:after {
	transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	}
.close-menu:hover span:before {
	transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	}
.close-menu:hover span:after {
	transform:rotate(225deg);
	-moz-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	-o-transform:rotate(225deg);
	-webkit-transform:rotate(225deg);
	}
.menu ul::-webkit-scrollbar-button {background-image:url('');background-repeat:no-repeat;width:4px;height:0px} 
.menu ul::-webkit-scrollbar-track {background:#fff;box-shadow:0px 0px 2px #fff inset;} 
.menu ul::-webkit-scrollbar-thumb {background:#272f36;box-shadow:0px 1px 1px #181d21 inset;background-image:url('https://yraaa.ru/_pu/24/59610063.png');background-position:center;background-repeat:no-repeat;} 
.menu ul::-webkit-resizer {width:4px;height:0px} 
.menu ul::-webkit-scrollbar{width:4px;}


header {
	position:relative;
	top:60px;
	left:auto;
	padding:30px 0;
	width:100%;
	height:auto;
	overflow:hidden;
	}
.logo-pc {
	display:none;
	}
.logo-mobile {
	display:block;
	float:left;
	margin:0 0 0 10%;
	}
.logo-mobile img {
	height:70px;
	}
.logotipe {
	padding:0;
	width:auto;
	text-align:left;
	}

.header-top {
	position:absolute;
	left:0;
	width:100%;
	}
article {
	margin:0;
	width:100%;
	}

}

@media screen and (max-width:991px) {
	.contacts-page-wrp{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		padding-bottom: 3rem;
	}
	.contacts-page-col{
		width: 100%;
	}
	.contacts-page-col:nth-child(2){
		margin-top: 2rem;
	}
	.feedback-item > input{
		padding: 1rem;
		border-radius: 0.5rem;
		font-size: 18px;
		line-height: 22px;
	}
	.feedback-item > textarea{
		padding: 1rem;
		height: 7rem;
		border-radius: 0.5rem;
		font-size: 18px;
		line-height: 22px;
	}
	.contacts-phone > span{
		display: block;
	}
	.feedback-item > textarea::-webkit-input-placeholder,
	.feedback-item > input::-webkit-input-placeholder{
		font-size: 18px;
		line-height: 22px;
	}
	.feedback-item > textarea:-moz-placeholder,
	.feedback-item > input:-moz-placeholder{
		font-size: 18px;
		line-height: 22px;
	}
	.feedback-item > textarea::-moz-placeholder,
	.feedback-item > input::-moz-placeholder{
		font-size: 18px;
		line-height: 22px;
	}
	.feedback-item > textarea:-ms-input-placeholder,
	.feedback-item > input:-ms-input-placeholder{
		font-size: 18px;
		line-height: 22px;
	}


.lines {
	top:0;
	right:16px;
	margin:0;
	width:75px;
	height:100px;
	}
.lines span, .lines span:before, .lines span:after {
	top:54px;
	left:25px;
	width:25px;
	height:3px;
	}
.lines span:before {
	top:-8px;
	left:0;
	}
.lines span:after {
	top:8px;
	left:0;
	}
.lines:hover span {
	left:20px;
	}

.banner-info {
	left:5%;
	width:90%;
	}
.banner-title {
	font-size:44px;
	line-height:44px;
	}
.banner-text {
	padding:0 0 25px 0;
	font-size:20px;
	line-height:24px;
	}
.button-main span {
	position:relative;
	display:block;
	top:0;
	left:0;
	padding:0 50px;
	width:100%;
	background:linear-gradient(125deg,#3cf0c5,#338aff,#ff3d77,#ffa63d);
	background-size:600%;
	-webkit-animation:anime 16s linear infinite;
	animation:anime 16s linear infinite;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;
	border-radius:30px;
	behavior:url(border-radius.htc);
	text-align:center;
	font-size:16px;
	line-height:60px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#fff;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	}
.button-main a {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	width:100%;
	height:100%;
	border-bottom:0;
	}
	.button-main a:hover {border-bottom:0;}
	.button-main span:before {
		position:absolute;
		top:35px;
		left:5%;
		z-index:-1;
		content:'';
		width:90%;
		height:30px;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity:0.9;
		opacity:0.9;
		-webkit-filter:blur(15px);
		filter:blur(15px);
		background:linear-gradient(125deg,#3cf0c5,#338aff,#ff3d77,#ffa63d);
		background-size:600%;
		-webkit-animation:anime 16s linear infinite;
		animation:anime 16s linear infinite;
		transition:all 0.5s ease;
		-moz-transition:all 0.5s ease;
		-o-transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		}
.button-main:hover span {
	transform:scale(0.9,0.9);
	-moz-transform:scale(0.9,0.9);
	-ms-transform:scale(0.9,0.9);
	-o-transform:scale(0.9,0.9);
	-webkit-transform:scale(0.9,0.9);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	}
.button-main:hover span:before {
	top:30px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	-webkit-filter:blur(10px);
	filter:blur(10px);
	}

.logo-mobile {
	margin:0 0 0 40px;
	}
.logo-mobile img {
	height:50px;
	}
.width80 {
	width:calc(100% - 80px);
	}
.sa-photos a{
	width:33.3%;
	}

.col2-1 {
	float:none;
	width:100%;
	}
.col2-2 {
	float:none;
	margin:25px 0 0 0;
	width:100%;
	}
article h1 {
	font-size:42px;
	line-height:40px;
	}
article h1.main-page {margin:25px 0;font-size:34px;line-height:34px;}

article .text-center {
	font-size:20px;
	line-height:24px;
	}
article .text80 {
	margin:25px auto;
	width:80%;
	}

.footer-copyright {
	float:none;
	margin:0 0 25px;
	width:100%;
	}
.footer-copyright p {margin:0 0 10px;}
.footer-menu {
	margin:0 5% 0 0;
	width:45%;
	}
.footer-contacts {
	margin:0 0 0 5%;
	width:45%;
	}
.komissarov {
	padding:10px 0 0 0;
	}
}

@media screen and (max-width:768px) {
nav.menu ul {
	left:calc(-100% - 50px);
	width:calc(100% - 50px);
	}
.close-menu {
	left:-100px;
	}
nav.menu.active .close-menu {
	left:calc(100% - 50px);
	}
.lines {
	right:0;
	}
.logo-mobile {
	margin:0 0 0 20px;
	}
article {
	font-size:18px;
	line-height:22px;
	}
article .text80 {
	margin:25px auto;
	width:100%;
	text-align:left;
	}
.width80 {width:calc(100% - 40px);}
.phone {display:none;}

.sa-photos a{
	width:50%;
	}

.item {
	width:50%;
	}
}

@media screen and (max-width:480px) {
.footer-menu {
	margin:0;
	width:100%;
	}
.footer-contacts {
	margin:25px 0 0 0;
	width:100%;
	}
}

@media screen and (max-width:420px) {
article h1 {
	font-size:36px;
	line-height:36px;
	}
.item {
	width:100%;
	}

}