@media only screen and (max-width:1824px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:960px){	
}
@media only screen and (max-width:768px){
	.menu-box,
	.promo,
	.marquee{
		display:none !important;
		}
	header{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		margin:0 auto;
		padding:20% 0 0 0;
		height:auto;
		min-height:auto;
		}
	header.open{
		width:100%;
		max-width:auto;
		padding:0;
		justify-content:flex-start;
    	align-content:flex-start;
    	align-items:flex-start;
		}
	header.scroll{
		padding:0;
		height:auto;
		justify-content:flex-start;
    	align-content:flex-start;
    	align-items:flex-start;
		height:70px;
    	min-height:70px;
		}
	header.open.scroll{
		width:100%;
		height:100vh;
		}
	header.scroll .inner-header{
		display:block;
		background: rgba(255, 255, 255, 1);
		}
	header.scroll .inner-header .dos-head,
	header.scroll .inner-header .tel-head,
	header.scroll .inner-header .modal_login{
		display:none;
		}
	header .logo-index{
		background-size:80% auto;
		background-position:center center;
		margin:0;
		width:100%;
		margin:0 0 5% 0;
		height:100px;
		}
	header.scroll .logo-index{
		width:42%;
		background-size:90% auto;
		background-position:center center;
		height:65px;
		margin:0;
		}
	header.open .logo-index{
		display:none;
		}	
		
		
		

	header.open .logo-left{
		display:block;
		margin:15px 0 0 25px;
		width:100%;
		height:100px;
		}	
	
	header .inner-header,
	header .header-left{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		height:auto;
		margin:0 auto;
		}
	header.open .header-left{
		width:100%;
		top:0;
		right:0;
		left:0;
		bottom:0;
		width:100%;
		height:auto;
		justify-content:flex-start;
    	align-content:flex-start;
    	align-items:flex-start;
		margin:0 auto;
		}
	
	header .tel-head{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		text-align:center;
		margin:11px auto;
		}	
	header .tel-head .modal_callback{
		padding:0 0 5px 0;
		margin:5px auto 0 auto;
		}

	
	header .header-left-top{
		width:100%;
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		margin:5% auto 0 auto;
		}
	header.open .header-left-top{
		margin:0 auto 0 auto;
		width:100%;
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
	header .hamburger{
		position:absolute;
		top:15px;
		right:15px;
		margin:0 auto;
		}
	header.scroll .hamburger{
		position:absolute;
		top:24px;
		right:12px;
		margin:0 auto;
		}
	header.open .hamburger{
		position:absolute;
		top:12px;
		right:12px;
		margin:0 auto;
		}
	header .inner-bottom{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		padding:0;
		width:100%;
		height:auto;
		margin:0;
		}	
	header .inner-bottom-box{
		display:none;
		}	
		
	header.open .menu{
		width:100%;
		padding:15% 10% 0 20%;
		}
	header .menu ul li a{
		margin:0 0 15px 0;
		font-size:16px;
		width:100%;
		}
	header.open .header-contacts{
		margin:0 0 15px 0;
		font-size:16px;
		width:100%;
		padding:10% 10% 0 20%;
		}
		
		
	.sobytija-img{
		width:100%;
		}
		
	.sobytija-img .sobytija-img-a{
		background-size:contain !important;
		}
	.sobytija-box .sobytija-img-b{
		width:100%;
		height:250px;
		margin:0 0 60px 0;
		float:none;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-around;
		align-content:center;
		align-items:center;
		background-size:contain !important;
		}	
	.img-top{
		height:550px;
		}
				
	.margin-top-200{
		height:320px;
		}		
	.margin-top{
		margin:0 0 100% 0 !important; 
		}
	.navig{
		width:80%;
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
		justify-content:space-around;
		align-content:space-between;
		align-items:stretch;
		}
	.menu-details .prices .span,
	.menu-details .prices .a,
	.span-ves,
	.span-price{
		text-align:center !important; 
		font-size:18px;
		font-weight:600;
		height:auto;
		}
	.details ul li,
	.menu-details ul li{
		width:98%;
		margin:0 auto 15px auto;
		height:auto;
		padding:15px;
		}
	
	.content-left{
		width:100%;
		text-align:center;
		}
		
	.container-box h1,
	.container-box h2,
	.container-box h3,
	.container-box h4,
	.container-box h5,
	.container-box h6{
		text-align:center !important; 
		}

	.margin-top-500{
    	height:580px;
		}

	.tovars-box{
		padding:0;
		display:flex;
		flex-direction:column;
		flex-wrap:nowrap;
		margin:0;
		}
	.tovars-box .tovars h1,
	.tovars-box .tovars h2{
		font-size:22px;
		text-align:center;
		margin:25px 0 0 0 !important; 
		}

	.tovars-box .form-cart{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		}	
	.tovars-box .form-cart .tovars{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		order:2;
		}
	.tovars-box .form-cart .tovar-img{
		width:100%;
		order:1;
		height:300px;
		}

	.tovars-box .comp{
		width:80%;
		margin:0 auto;
		}

	.tovars-box .comp .pohojie_box-cont{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		}
	.pohojie{
		flex-direction:column;
		justify-content:center;
		align-content:center;
		align-items:center;
		width:100%;
		margin:0 auto 15px auto;
		}
	.pohojie b {
		text-align:center;
		}	
		
	footer{
		flex-direction:column;
		justify-content:center;
		width:100%;
		padding:3%;
		}
	footer .footer-left,
	footer .footer-right{
		flex-direction:column;
		justify-content:center;
		width:100%;
		text-align:center !important; 
		}
	footer .footer-left .logo-footer {
		width:50%;
		height:150px;
		margin:20px 0 20px 0;
		}
	footer .footer-left .col{
		flex-direction:column;
		justify-content:center;
		width:100%;
		margin:0 auto;
		}
	footer .footer-right .col-link{
		text-align:center !important; 
		}

	footer .bottom{
		text-align:center;
		margin:70px 0 70px 0;
		flex-direction:column;
		justify-content:center;
		}







	
	.btn-group{
		display:block;
		margin:0 auto;
		width:60%;
		}
	.btn.btn-outline{
		width:100%;
		font-size:14px !important;
		}

	#breadcrumb{
		width:80%;
		font-size:16px;
		float:none;
		margin:15px auto 0 auto;
		text-align:center;
		}
	select.link{
		width:80%;
		float:none;
		margin:25px auto 0 auto;
		}
	
	
			

	
	.menu-details .prices .span1,
	.menu-details .prices .span3{
		margin:5% auto 5% auto;
		}
		

	

	
	.prev-box .btn-group{
		position:relative;
		display:block;
		left:auto;
		top:auto;
		margin:0 auto;
		width:60%;
	}
	.prev-box .prev-box-text-1{
		position:relative;
		display:block;
		left:auto;
		top:auto;
		margin:30px auto;
		width:100%;
		text-align:center;
	}
	.prev-box .prev-box-text-1 h1{
		font-size:18px;
	}
	.prev-box .prev-box-text-2{
		position:relative;
		display:block;
		left:auto;
		top:auto;
		margin:30px auto;
		width:100%;
		text-align:center;
		font-size:15px !important;
	}
	.prev-box .prev-box-img-2{
		position:absolute;
		display:block;
		top:3%;
		right:10%;
		width:22.5%;
		z-index:1;
	}
	.prev-box .prev-box-img-l{
		position:absolute;
		display:block;
		top:20%;
		right:20%;
		width:16.5%;
		z-index:2;
	}

	
	.prem{
		position:relative;
		display:block;
		float:none;
		width:100%;
		height:auto;
		padding:160px 0 0 0;
		background-repeat:no-repeat !important;
		background-position:center top !important;
		background-size:110px 110px !important;
		text-align:center;
		}
	.prem span{
		margin:0 auto 15px auto;
		text-align:center;
		}
	
	.cat-box{
		width:100%;
	}
	
	.cat-box-catalog-index{
		margin:100px auto 60px auto;
		}
	.cat-box-index,
	.cat-box-catalog-index .cat-box-index:nth-child(3){
		width:100% !important;
		height:300px !important;
	} 
	.cat-box .box-v span,
	.cat-box-index .box-v-index span{
		font-size:16px;
	}
	.cat-box-index .box-v-index span{
		width:100%;
		height:auto;
		background:rgba(255, 255, 255, 1);
		}
	
	
	.a-h1{
		width:80%;
		font-size:22px;
		margin:45px auto 30px auto;
		}
	
		
	
	.menu-details .prices .span3 .cart{
		width:100%;
	}
	.cat{
		width:calc(100% - 20px);
		padding:10px;
	}
	.cat .basket-img{
		width:40%;
		float:left;
	}
	.cat .catr{
		float:left;
		width:58%;
		margin:0px 0 0 2%;
		flex-direction:innerhit;
	}
	.cat .desc{
		margin:0;
		width:56% !important;
		text-align:left;
		display:inline-block;
	}
	.cat .offer{
		margin:0;
		display:inline-block;
		width:34%;
	}
	
	.map,
	#circle{
			margin:0 auto;
			width:100%;
			height:70vh;
			}
		
	
	.margin-top-basket{
		margin:0 0 120px 0 !important; 
		}
		
	.container-box-top{
		position:relative;
		padding:110px 0 50px 0 !important;
		background:#FFF;
		}

	

	

.dost,
.graf{
		display:none;
		}

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