@media screen and (max-width:1024px){
#site {
  min-width:320px;
  /*overflow: hidden;*/
}

a.logo{
  width: 290px;
  position: static;
  /*margin-left:15px;*/
  margin-left:auto;
  margin-right: auto;
  margin-top:15px;
  display: none;
}
a.logo-m {
    display: block;
}

div.pod-top-menu{
  display:none;
  margin:-50px 0 0 17px;
  padding-right:31px;
  box-sizing: border-box;
  width:100%;
  margin-bottom: 23px;

}
.foldingtop{
  height:273px;
  width:100%;
  padding-top:43px;
  background: none;
  /*background-image:linear-gradient(to top, #fdc306, #fff601);*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdc306+0,fff601+100 */
    background: #fdc306; /* Old browsers */
    background: -moz-linear-gradient(top, #fdc306 0%, #fff601 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fdc306 0%,#fff601 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdc306 0%,#fff601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  float:none;
  margin:0 auto;
  width:289px;
  padding-left: 0;
  padding-right: 0;

}
.foldingtop li{
  display:block;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 36px;
  background: none;
}
.foldingtop li a{
  font-size: 16px;
}
.tm-left, .tm-right{
  display: none;
}
.top-zvon{
  position: absolute;
  left: 90px;
  top:2px;
  background: none;
  padding-top: 0px;
  width: 170px;
  height: auto;

}
.top-zvon p {
    line-height: 1.3;
    font-size: 14px;
}

.search{
  /*padding-top: 291px;*/
  padding-top: 0px;
  margin-top:5px;
  background-position: left;
  background-size: 100% 100%;
  width:234px;
  left:0px;
  position: relative;
  margin-left:auto;
  margin-right: auto;
  background-image: url('../images/search-input_320.png');
}
.tm-top{
  width:290px;
  display: none;
}
.tm-bot{
  display: none;
  width:290px;
}
ul.leftmenu{
  width:290px;
  box-sizing: border-box;
  padding-top:10px;
  padding-bottom:10px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}
.leftzag{
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  padding-left:0px;
}
#left{
  position: relative;
  width:100%;
  padding-bottom: 0px;
  display: none;
}
#header{
  height:auto;
  /*background-image: url('../images/phone-fon_320.png');*/
  background-position: 0px 120px;
  min-height: auto;
  width:auto;
  margin: 0 0 20px 0;
  background: none;
}
#text{
  margin:0;
  padding-top:0px;
}


h1{
  /*margin-left: 15px;
  margin-right: 15px;*/
  margin-left:auto;
  margin-right: auto;
}
#main{
  background: #fff;
}
.block{
  /*margin:-2px 15px 20px;*/
  /*width:290px;*/
  margin:-2px auto 20px;
}
p.more{
  margin-left: 15px;
}
.adress_pos{
  position: absolute;
  /*top:2705px;*/
  top:2568px;
  /*15 + #content */
  /*15 +  2553*/
  left:15px;
}

.address_pos .leftzag{
  padding-left:0px;

}
.adress_pos .adress{
  padding-left:0px;
}
.adress_pos .leftzag{
  padding-left: 0px;
}
#container{
  padding-bottom: 30px;
  margin-top:-15px;
  margin-left: 15px;
  margin-right: 15px;
}
#min-panel, #webcallComponent, .napechat{
  display:none;
}
a.logo{
  background-image: url('../images/logo_320.png');
}
.search-right{
  margin-top: -5px;
}
.search-right input.button{
  background-image: url('../images/search_320.png');
  background-repeat: no-repeat;
  border:none;
  width:22px;
  height:23px;

}
/*menu-close_320*/
.burger {
	background-image: url('../images/menu_320.png');
	width: 52px;
	height: 50px;
	cursor: pointer;
	bottom: 41px;
	right: -55px;
	position: absolute;
    display: none;
}




.kardinfo.fright{
  margin-bottom: 24px;
  margin-top:10px;
}
.krohi::before{
  width:100%;
  display: block;
  content: "";
  clear:both;
}
.krohi{
  /*margin-right: 15px;
  margin-left: 15px;*/
  width: 290px;
  margin-left:auto;
  margin-right: auto;
}

.blocktext.blocktext__ml{
  /*margin-left: 15px !important;*/
  margin-left:auto !important;
  margin-right: auto !important;
  display: inline;
}
.fleft .blockimg{
  margin-right: 31px;
  margin-bottom: 40px;
}
.nav-left-right{
  display: none;
}

.button.cart_calc{
  margin-top:13px;
  margin-right: 15px;
}
h1
p{
  margin-left:15px;
  margin-right: 15px;
  /*margin-left:auto;*/
  /*margin-right: auto;*/
  text-align: left;
}
.content  .feedback table td{
  padding-bottom: 5px;
}
#bsend{
  float:right;
  margin-top:-17px;
  height: 23px;
  width:103px;
}
.adress p{
  margin-left: 0;
  margin-right: 0;
}
#footer{
  background: #e9d713;
}
.grx{
  /*padding-top:15px;*/
}
.content  .feedback table td.left{
  padding-left:10px;
}
div.blocktext{
  margin-left:0px;
}
.blocktext p{
  margin-left:0px;
  margin-right: 0px;
}
.blocktext table{
  width:100%;
}
#text .blocktext table td, #text .blocktext table th {
  /*width:100%;*/
  display: table-cell;
  padding:3px 7px;
}

.content table.main-kat{
  margin-top:10px;
  display: table;
}
.blockvn{
  overflow: hidden;
}
/*.table-vn{
  overflow-x: scroll;
  max-width:290px;
}*/
#text table td.file_tab{
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

  align-items: center;
    -webkit-align-items: center;

  justify-content: center;
    -webkit-justify-content: center;
}
.img_404{
  background-size: contain;
  margin-top:20px;
}


.dots {
    display: block;
}





}

@media screen and (max-width:720px){

.dots {
    right: 12px;
}

}



@media screen and (max-width:600px){

#text table td{
  display: block;
}
#text table.kat td.name {
	display: block;
	/* color: #ee2128; */
	color: #020202;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

#text table.cart-catt td.name {
    padding-right: 10px;
}


#text table.kat tbody td.cena {
	padding-top: 13px;
}

.count-cont {
    top: 10px;
}

#text table.kat td.zak {
    padding-top: 20px;
    padding-bottom: 10px;
}

#text table.kat td.code_tab {
    padding-top: 15px;
    font-size: 16px;
}

.content table {
	max-width: 100%;
}

#text table.kat{
  margin:0 auto;
  width:100%;
  display: table;
  overflow-x: auto;
  border:none;
  position: relative;
}


table.kat tbody tr:first-child{
  display: none;
}

table.kat tbody td, #text table.kat tbody td.cena{
  box-sizing: border-box;
  min-height:37px !important;
  text-align: center;
}
#text table.kat td.cena{
  text-align: center;
  padding: 5px 2px;
  font-size: 18px;
  font-weight: bold;
}
#text table.kat tbody td.itogo{
  width:100%;
  text-align:right;
  padding-right:35px;

}

table.kat tbody tr:nth-child(2n+0) td{
  background-color: #fffcec;
}
table.kat tbody tr:nth-child(2n+0) th{
  background-color: #fff3b2;
}
table.kat tbody tr:nth-child(2n+1) td{
  background-color: #f7f7f7;
}
table.kat tbody tr:nth-child(2n+1) th{
  background-color: #fff8d5;
}

table.kat tr, table.kat tr td {
	display: block;
}
table.kat tr {
    margin-bottom: 20px;
    position: relative;
}

#text table.kat td.cena {
    width: 100%;
}

table.kat tbody td {
    border-top: none;
    border-bottom: none;
}

table.kat tbody td:first-child {
    border-top: 1px solid #c0c5b6;
}
table.kat tbody td:last-child {
    border-bottom: 1px solid #c0c5b6;
}



.content table{
  margin:10px 0 20px;
  display: block;
  overflow-x: scroll;
  border:none;
  max-width:100%;
}

#text table.kat input {
    width: 60px;
    height: 30px;
    font-size: 16px;
}

.order {
    display: inline-block;
    width: 120px;
    height: 30px;
    border: 1px solid #a0a0a0;
    background: #e0e0e0;
    margin: 0 auto 0px;
    text-decoration: none;
    box-sizing: border-box;
    padding-top: 6px;
    font-size: 16px;
}

.blockimg__quantity.quantity {
	width: 40px;
    height: 30px;
	margin-right: 2px;
	margin-left: 0x;
    /*position: relative;
    top: -1px;*/
    padding-top: 0px;
    padding-bottom: 0px;
}
.blockimg__order::after {
	display: block;
	width: 17px;
	height: 13px;
	content: "";
	position: absolute;
	right: -24px;
	top: 8px;
	background-image: url(../images/in-basket.png);
}

.blockimg__cost {
	margin-top: 10px;
	margin-bottom: 12px;
}

.order.blockimg__order {
    text-decoration: none;
    top: -2px;
}


.blocktext table,
.blocktext table tbody,
.blocktext table tr,
#text .blocktext table td {
    display: block;
}
#text .blocktext table td {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: -1px;
}

#text .blocktext table td p {
    margin-top: 8px;
}


.feedback input.text, .feedback textarea, .feedback select {
	width: 100%;
	border: 1px solid #909090;
	background: #d8d0c8;
}

.blockvn .fleft {
    float: none !important;
}

.blockvn .fleft .blockimg {
	margin-right: 0px;
	margin-bottom: 30px;
    float: none !important;
}


#footer {
	margin-top: 0px;
    height: 96px;
}

p.more {
    margin-left: 0px;
}

#text table.kat input {
    position: relative;
}
#text table.kat input.chdel {
    position: absolute;
    right: 1px;
    bottom: 2px;
    width: 30px;
}

.price_tab {
    position: relative;
}

/*.price_tab::before {
	content: "Кол-во";
	width: 50px;
	height: 20px;
	position: absolute;
	left: 50%;
	transform: translateX(-111px);
	top: 15px;
	font-size: 14px;
	color: #303030;
}*/

.count-cont::before {
	content: "Кол-во";
	width: 50px;
	height: 20px;
	position: absolute;
	left: 50%;
	transform: translateX(-111px);
	top: 12px;
	font-size: 14px;
	color: #303030;
}


.count-block {
	width: 32px;
	height: 42px;
	top: 16px;
	margin-top: -16px;
	margin-left: 7px;
}

.count-plus {
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 12px solid #d6143d;
	cursor: pointer;
	top: 2px;
}

.count-minus {
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 12px solid #d6143d;
	cursor: pointer;
	bottom: 4px;
}




}