@media all and (max-width: 767px){
	html, body{max-width: 100%; overflow-x: hidden;}
	body{font-size: 16px; line-height: 1.5;}
	.container{min-width: 0; width: 100%;}
	.wrap{width: auto; max-width: 100%; padding: 0 16px; box-sizing: border-box;}
	.wrapper{padding: 0 0 575px 0;}
	.header{padding-bottom: 20px;}
	.header .top_block{flex-direction: column;margin-bottom: 20px;}
	.header .logo_box{flex-direction: column;align-items: center;margin-bottom: 10px;}
	.header .ttl{width: auto;padding: 10px 20px 0 20px;font: 16px/22px ProximaNovaRegular;text-align: center;}
	.header .ttl span{font: 16px/22px ProximaNovaBold;text-align: center;}
	.header .phone{margin-bottom: 10px;font: 16px/18px ProximaNovaRegular;}
	.header .phone a{font: 22px/28px ProximaNovaBlack; min-height: 44px;}
	.header .callme{width: 100%; min-height: 48px; height: auto; padding: 14px 25px;font: 16px/20px ProximaNovaExtrabld;}
	.header .callme br{display: none;}
	.header .map_link{display: none;}
	.soc_list a{width: 50px;height: 50px;}
	.soc_list a:after{width: 25px;background-size: cover;}
	.soc_list a.tw:after{height: 17px;margin-top: -8px;}
	.soc_list a.vk:after{height: 13px;margin-top: -6px;background-position: 0 -16px;}
	.soc_list a.yt:after{height: 20px;margin-top: -10px;background-position: 0 -30px;}
	.header .cart_link span{height: 50px;padding: 16px 20px;font: 18px/18px ProximaNovaExtrabld;}
	.menu_btn{width: 48px;height: 48px;display: block;position: fixed;top: 10px;left: 10px;z-index: 1100;background: url(../img/sandv.png) no-repeat 50% 50% #4e5761;
		border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;
	}
	.menu_btn.open{background-image: url(../img/cross.png);}
	.header .menu nav{width: 100%;padding: 70px 20px 20px 20px;display: none;position: fixed;top: 0;left: 0;z-index: 1000;background: #fff;
		box-shadow: 0 0 20px rgba(0,0,0,0.25);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
		max-height: 100vh; overflow-y: auto; box-sizing: border-box;
	}
	.header .menu nav ul{display: block;}
	.header .menu nav ul li{margin: 0 0 16px 0;}
	.header .menu nav ul .link{padding: 8px 0;font: 18px/24px ProximaNovaExtrabld;}
	.header .menu nav ul li:hover ul.level2{display: none;}
	.header .menu nav ul li.open ul.level2{display: block; position: static; background: #f6f7f7;}
	h1{font: 400 22px/28px ProximaNovaBold; margin-bottom: 20px;}
	h2{font: 20px/26px ProximaNovaBold;}
	p, a, .content, .content table td, .content table th{font-size: 16px; line-height: 1.5;}
	.content li{font: 16px/22px ProximaNovaBold;}
	.cat_tiles a{width: 46%; height: auto; min-height: 160px; padding-top: 110px;}
	.cat_tiles.small a{width: 46%; height: auto; min-height: 140px; font: 14px/18px ProximaNovaBold;}
	.footer{padding: 32px 0 24px; position: relative;}
	.footer .wrap{flex-direction: column;align-items: stretch;}
	.footer .menu{width: 100%;}
	.footer .menu ul{width: auto; flex-direction: column; justify-content: flex-start; margin-bottom: 20px;}
	.footer .menu ul li{width: 100%;margin: 0 0 10px 0;}
	.footer .menu ul a{font: 16px/22px ProximaNovaRegular; display: inline-block; padding: 6px 0;}
	.footer .logo{margin: 0 auto 20px;}
	.footer .phone{text-align: center; font: 20px/28px ProximaNovaBlack;}
	.footer .right_box{width: 100%; text-align: center;}
	.b-table_overflow{width: 100%;overflow: auto; -webkit-overflow-scrolling: touch;}
	.win_popup{width: calc(100vw - 32px); max-width: 420px; padding: 24px 16px;}
	.win_popup input{font: 16px/24px ProximaNovaRegular; height: auto; min-height: 48px; padding: 12px 16px; margin-bottom: 16px;}
	.form_box{width: auto; max-width: 100%; padding: 24px 16px;}
	.b-contacts_scheme{width: 100%;}
	#map2{width: 100%; height: 280px;}
	.to_top{display: flex; align-items: center; justify-content: center; bottom: 16px; right: 12px; z-index: 1200;}
	.kontakty {
		width: 100%;
		float: none;
		box-shadow: none;
		padding: 12px 0;
	}
	.total_block .btn{width: 100%; max-width: 100%;}
	ul.city_list li{width: 48%; margin-bottom: 8px;}
	.city_list li a{padding: 14px 8px; font: 14px/18px ProximaNovaExtrabld;}
}

@media all and (max-width: 1259px){
	.container{min-width: 0; width: 100%;}
	.wrap{width: auto; max-width: 100%; box-sizing: border-box;}
}

@media all and (max-width: 359px){
	.header .phone a{font: 20px/26px ProximaNovaBlack;}
	.cat_tiles a, .cat_tiles.small a{width: 100%;}
}