@charset "utf-8";

@media (max-width: 1400px) {
   
}

@media (max-width: 1100px) {
    .top_phone {font-size:18px; margin-top:2px;}
    .top_menu ul li a {padding:20px 10px }
    .tovar { width:33.2%;  margin-bottom:20px; padding-bottom:22px;}
   
}

@media (max-width: 1000px) {
body {display:table;}
.foot_right, .share {display:none;}	
	
.header, .footer, .content {display:table-row;}    
.left_menu>ul>li:first-child{display:block;}
.left_menu>ul>li:first-child a {color:#c8660b;}
.tovar {width:24.5%; margin-bottom:20px; padding-bottom:22px;} 
.header {z-index:10; position:relative; height:100px;}   
.header .main {padding-bottom:0;}
.main {padding: 20px 20px; width: calc(100vw - 40px);}
#nav-toggle {display: block;}

.top_phone {display:none;}
.top_phone_mobile {
    display:block;
}
.top_menu {display:none;}
.left_head {width:190px;}

.left_head p {display:none;}
.right_head {margin-left:200px;}
.top_cart {right:40px; margin-top:-8px;}
.top_cart a { padding:10px;}
.top_cart a:hover {background:none;}
.top_cart span {display:none;}
#hleb {display:block; width:90%;  clear:both; top:76px; left:20px; position:absolute; margin-bottom:0px; 
height:16px; overflow:hidden;}
.B_crumbBox {overflow:hidden; height:16px; width:93%;  margin-top:0px;}
.left_menu h2 {display: none;}
.left_menu {position: absolute;float: none;display: none;
width: 100vw;left: 0;top:0px;bottom:0;right: 0; 
height:auto; min-height:100vh; background:#fff;  }
	
.left_menu ul {list-style: none; padding: 0px 46px 40px 46px; width: auto;
display: none; float: none; background: #fff; margin-bottom:-50px;}
.left_menu ul .active ul {display:none;}

.left_menu li {margin: 0; margin-bottom: 2px; border-bottom: 1px solid rgba(12, 12, 12, 0.04); float: none;}
.left_menu a {color: #000; text-decoration: none; padding: 12px 0; font-size: 17px;
display: block; font-weight: 400; outline: none; background:none;}
.left_menu .active a {opacity: 1; }
.left_menu ul li:last-child {border:none;}

.left_menu ul ul {padding: 0;  padding-left: 20px; margin-bottom: 16px; position: relative;
 background: none; margin-left:0px;  margin-top: 0; display:none;}
.left_menu ul ul li {border: 0; margin-bottom: 0;}
.left_menu ul ul a {font-size: 15px;/* opacity: 0.8; */padding: 8px 0;}
.left_menu ul a span { width: 20px; height: 20px;  float: right; 
 -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;} 
.left_menu ul a span:after {content: "❯"; font-size: 12px; position: relative; top: -2px; left: 7px;}
.left_menu ul ul a span:after {content: "❯"; font-size: 12px; position: relative; top: 1px; left: 7px;}
.left_menu ul ul ul a {opacity: 0.5;}
.left_menu a:hover {background:none; color:#000;}
.search {position:relative; }
.right_col {width:auto; margin-left:0px;}
.foot_txt_2 {/*display: none;*/}
.filter_block .fil_title:hover {background:#673242;}
.all_cart_img {width:10vw;}
}

@media (max-width: 770px) {
.search {width:74%;}
.tovar { width:33.2%;  margin-bottom:20px; padding-bottom:22px;}
#shopOrderForm {width:100%; margin-bottom:40px; }
.pay {width:90%;}
.top_phone_mobile {
    display:block;
}
}

@media (max-width: 640px) {
h1 {line-height:1; font-size:24px;}
h2 {line-height:1;}
.header {height: 150px;}  
#hleb {top:124px; left:20px;}
.left_head {}
.left_head img {}
.left_head i {}
.right_head {}
#nav-toggle {right: 10px;  top: 26px;  }
.search {display:block;width:auto; float:none; position:absolute; margin-top:54px;
left:20px; right:20px;}
.left_menu ul {padding: 0px 26px 40px 26px;}
.left_menu {/* top:-79px; */} 
.tovar p {font-size:14px ;height:30px;}
.tovar span {margin-bottom:10px;}
.tovar_price {font-size:18px; margin-right:10px}
.tov_add {
	background:#f57600 url(../img/m_cart.png) no-repeat 6px 4px;
	background-size:24%;
    padding:6px 8px 6px 27px;}
.on_tov_right .tov_add {
	background:#f57600 url(../img/m_cart.png) no-repeat 10px 6px;
	background-size:24%;
    padding:10px 12px 10px 37px;}  
.one_tov .minus i, .one_tov .plus i {font-size:28px; top:5px; position:relative;} 
.shk-count {padding:2px;}
.all_cart_name {margin:8px 0 8px 0; display:block;}

.diap {width:auto; width:136px;}
.diap label {width:50px;}
.diap input {width:68px;} 
.all_cart_img {width:10px;}
.all_cart_img img {display:none !important;}
.cart_table .number .plus, .cart_table .number .minus {display:none;}
.cart_table tr:first-child td span {display:none;}
.cart_table tr:first-child td {padding-right:8px;}
.tovar_price_2 {margin-bottom:-11px;}
.cat_tov {padding-bottom:10px; }
.cat_tov p {font-size:16px; height:40px;}

.add_tu_cart {
  background: #673242; right:auto;
  top: 10px;
   left: 50%;
   margin-left: -134px;
  padding:14px 16px 18px 50px;
  font-size:16px;}
  .top_phone_mobile {
    display:block;
}
}

@media (max-width: 540px) {    
.tovar { width:46.0%;  margin-bottom:20px; padding-bottom:28px; margin-right:10px;}
.tovar_price {font-size:18px; margin-right:4px}
.tovar p {height:48px;}
.all_tovar {overflow:hidden; width:103%; padding-top:8px;}
.on_tov_left {width:100%; float:none; display:block; margin-bottom:20px;} 
.on_tov_right {width:auto; margin-left:0;}
.on_tov_right > p {border-bottom:1px solid #f3eeee; padding-bottom:20px;}
.filter_block .fil_cont {width:102%;}
.filter_block label {width:32%;}
.uslov input { margin-right:4px; width:15px; height:15px; top:1px;}
.cat_tov {padding-bottom:10px; }
.cat_tov p {font-size:16px; height:40px;}
.top_phone_mobile {
    display:block;
}
}

@media (max-width: 376px) {
.filter_block .fil_cont {width:105%; margin:9px 0 -1px 0;}
.filter_block label {width:48%; margin-bottom:8px;}
#shopOrderForm {margin-bottom:10px; }
.dostav {padding:10px;}   
.textfield {padding:7px 8px; width:93%; outline:none; border:1px solid #999;}
.textfield_text {width:93%; } 
.pay {width:100%;}
.dostav p label input {margin-right:0px; float:left; top:2px;}
.dostav p span {font-size:15px; position:relative; margin-left:20px; display:block; }
.tovar_price {margin-bottom:10px;}
.top_phone_mobile {
    display:block;
}
}

@media (max-width: 370px) {
#nav-toggle {right: 2px;  top: 17px;  }
.header {height: 146px;}
#hleb {top:118px; left:10px}
.main {padding: 10px 10px; width: calc(100vw - 20px);} 
.left_menu {/* top:-84px; */}   
.left_menu ul {padding: 0px 16px 20px 16px;}
.search {margin-top:54px;
left:10px; right:10px;} 
.tovar { width:46.6%;  margin-bottom:20px; padding-bottom:18px; margin-right:10px;}
.tovar p {padding:0;}
.on_tov_left {width:100%;} 
.tovar_price {font-size:18px; margin-right:8px; top:1px; position:relative; margin-bottom:20px;}
.tov_add {
	background:#f57600 ;
	background-size:24%;
    padding:6px 8px 6px 8px;}
.cat_tov {padding-bottom:8px; }
.cat_tov p {font-size:16px; height:40px;}
.top_phone_mobile {
    display:block;
}