@media screen and (min-width: 961px) {
body {overflow: auto !important;}
#zakr, #hovr {display: none !important;}
#leftColomn {display: block !important; left: 0px !important;}
}

#filter_button {display: none;}

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}

#leftColomn {float: none !important; margin: 0px; padding: 0px; width: 270px !important; max-height: 100%; height: 100%; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling:touch; touch-action: pan-y; position: fixed; display: none; background: #313131 !important; top: 0px; left: -100%; right: auto; z-index: 201; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;}
#buter {width: 32px; height: 23px; cursor: pointer; box-sizing: content-box; display: block !important; padding: 6px; position: absolute; top: 7px; left: 3px; z-index: 199;}
#buter span {display: block; height: 4px; background: #fabb16; border-radius: 5px; margin-bottom: 5px;}
#buter:hover span {background: #d9dbda;}
#buter span:last-child {margin-bottom: 0px;}
#zakr {z-index: 1000 !important; cursor: pointer; color: #ffffff; position: fixed; right: 14px; top: 14px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #fabb16 !important;}
#hovr {background: #000000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 200; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}

#filter_button {display: block !important; background: #fabb16; padding: 2px 14px; font: 16px/40px 'pf_din_text_cond_promedium', sans-serif; color: #fff; text-align: center; cursor: pointer;}
#filter_button:hover {background: #515151;}
.filter {display: none;}

body {height: auto;}
.inner {width: auto;}
.header-inner {padding: 6px 9px 6px 0px;}
.head-title {padding: 2px 14px 10px 14px;}
h1 {text-transform: none; height: auto;}
.catalog-list li .head {min-height: 41px; height: auto;}
.info-place-delivery .item {font-size: 0px; line-height: 0px;}

.logo {display: block; margin-left: 47px;}
.login_btn {width: auto; height: auto; padding: 1px 14px; margin-top: 3px;}
.navigation {height: auto; text-align: center;}
.city-box {margin: 5px 0px; float: none; display: inline-block; vertical-align: top;}
.city-box .holder {margin: 10px 0 0 0px;}
#nav {display: block; text-align: left;}
#nav li {margin: 0px; float: none; display: block; vertical-align: top;}
/*#nav > li.dropdown > a {display: inline-block;}*/
#nav li:first-child {margin: 0px;}
#nav > li:hover > a, #nav li#active_top {margin: 0px; padding-bottom: 0px; }
#nav > li:hover, #nav li#active_top {background: #0e0e0e;}
#nav li a {padding: 0px 14px; height: auto; margin: 0px;}
#nav .dropmenu {position: static; box-sizing: border-box; margin-top: 0px; padding: 0px;}
#nav .dropright .dropmenu2 {position: static; width: auto; padding: 0px; margin: 0px 14px 14px;}
#nav .dropmenu .droplink, #nav .dropmenu2 .droplink2 {float: none; padding: 0px; height: auto; overflow: hidden;}
#nav .dropmenu .droplink a {padding-right: 0px; line-height: 40px; padding: 0px 14px;}
#nav li.dropdown:after {content: ""; border: 3px solid transparent; border-top: 4px solid #fff; position: absolute; right: 14px; top: 18px;}
#nav li.dropdown li.dropright:after {content: ""; border: 3px solid transparent; border-top: 4px solid #000; position: absolute; right: 14px; top: 18px;}

#catalog_content {margin-top: 1px;}
.filter-box {float: none; width: auto; margin: 0px 8px 0px 8px; min-height: 0px;}
.filter .inner .holder-after .filter-box.first-child {margin: 0px 8px 0px 8px;}
.text-column .column {width: auto; float: none; padding: 14px;}
.data-block {padding: 14px 14px 0px;}
.filter .choice-box {padding: 0px 14px 14px;}
.delivery-list {padding: 14px 0px 14px;}
.delivery-choice {padding: 0px 0px 14px 14px;}
.delivery-choice .holder {padding: 14px 14px 0px 0px; float: none; width: auto; display: inline-block; vertical-align: top;}
.data-line {padding: 0px 0px 28px;}
.data-line .label {float: none; width: auto; display: block;}
.ui-slider.ui-widget-content {float: none; width: auto; margin: 15px 15px 0px;}
.filter-box .head-filter {padding: 0px 0px 0px 14px;}
.price-list li {padding: 14px;}
.price-list li .price input {width: 100%;}
.price-list li .label {width: 10%;}
.price-list li .price {width: 35%;}
.price-list li .separator {width: 10%;}
.price-list li .ico-price {margin-left: 5%;}
.panel-filter input[type="reset"] {margin: 0px 8px;}
.head-filter .title .ico {margin-top: 9px !important;}

#main {padding: 8px 0px 0px;}
.text-column {padding: 0px;}
.catalog-box {padding: 15px 0px 0px 0px;}
.pagination {padding: 0px 9px 15px;}
.pagination:empty {display: none;}
.catalog-list {width: auto; padding: 0px; display: inline; overflow: visible;}
.catalog-list li {float: none; display: inline-block; vertical-align: top; box-sizing: border-box; height: auto; width: 48.5%; margin: 0% 0% 15px 1%;}
.catalog-list li .info-column .column {width: 48%; margin: 0% 2% 0% 0%;}

.info-product .head {padding: 0px 14px 0px 14px;}
.info-product .phone-box {padding: 0px 14px 14px 14px; margin: 0px 0px 14px; text-align: center;}
.info-product .phone-box .phone {float: none; height: auto; display: inline-block; margin-bottom: 12px;}
.info-product .phone-box .favorites {display: inline-block; float: none; width: 100%;}
.description-box .description {width: 36%; padding: 0px;}
.table-price {width: 64%;}
.info-product .container {padding: 0px 14px 0px 14px;}
.services-info {width: 100%;}
.services-info li {padding: 12px 0px 0px 0px;}
.services-info li .services-category {width: 33.333%; margin-bottom: 14px;}

#map_canvas > ymaps {width: 100% !important;}
#map_canvas {height: 500px !important; height: calc(100vh - 136px) !important; min-height: 100px !important;}


div.pp_default img {max-width: none;}
#contentHolder > div[style^="margin:20px"], #contentHolder > div[style^="margin: 20px"] {margin: 14px !important;}

.ui-dialog {position: fixed !important; left: 1% !important; top: 1% !important; right: 1% !important; bottom: 1% !important; width: 98% !important; box-sizing: border-box;}
.ui-dialog .ui-dialog-content {height: 100% !important; padding: 14px 14px 103px; height: calc(100% - 101px) !important; padding-bottom: calc(14px); box-sizing: border-box;}
#region_switcher_dialog {padding-top: 0px; height: calc(100% - 41px) !important;}
#region_switcher_dialog td {height: auto !important; padding: 5px 0px !important;}
#region_switcher_dialog td.country {height: auto !important; padding: 14px 0px 5px 0px !important;}
.ui-dialog .ui-dialog-content .items {margin-left: 0px;}
.ui-dialog .ui-dialog-content table {width: 100%;}
.ui-dialog .ui-dialog-buttonpane {padding: 14px; margin: 0px; position: fixed; left: 1%; right: 1%; bottom: 1%; width: 98%; box-sizing: border-box;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none; text-align: center;}
.ui-dialog .ui-dialog-buttonpane button {margin: 0px; width: 100%; box-sizing: border-box; z-index: 1;}
.ui-draggable .ui-dialog-titlebar {cursor: unset;}
div#rayon_dialog div.group {width: 32.333%; margin-right: 1%;}
div.group {margin-right: 1%; width: 99%; margin-bottom: 0px;}

#footer {position: static; padding: 9px; height: auto; width: auto;}
.copyright {margin: 9px 0px 0px; padding: 9px 0px 0px;}
}
@media screen and (max-width: 860px) {
.info-product .title {margin-bottom: 14px}
.services-info li {padding: 0px; display: inline; border: none;}
.services-info li .services-category {width: 49%; display: inline-block; vertical-align: top; float: none;}
}
@media screen and (max-width: 830px) {
.description-box .description {width: 100%; margin-bottom: 14px;}
.table-price {width: 100%;}
.info-product .phone-box .phone {font-size: 36px; line-height: 36px;}
}
@media screen and (max-width: 750px) {
.info-product .phone-box .phone {font-size: 28px; line-height: 28px;}
#contentHolder > div > div[style*="width:24%"], #contentHolder > div > div[style*="width: 24%"] {width: 50% !important;}
}
@media screen and (max-width: 700px) {
.photo-product {text-align: center; white-space: nowrap; float: none; margin: 0px 14px 14px 14px; width: auto; overflow: auto;}
.photo-product .promo-zoom {width: auto; height: auto; display: inline-block; vertical-align: top;}
.photo-product .promo-zoom img {width: auto; height: 253px; max-width: none;}
.services-info li .services-category {width: 32.333%;}
.info-product .phone-box .phone {font-size: 42px; line-height: 42px;}
}
@media screen and (max-width: 670px) {
.catalog-list li {display: block; width: auto; margin: 0px 14px 14px 14px;}

.pp_default {left: 1% !important; right: 1% !important; width: 98% !important; background: #fff; border-radius: 5px; overflow: hidden; border: 5px solid #242424; border: 5px solid rgba(0, 0, 0, 0.9); box-sizing: border-box;}
.pp_default .ppt {display: none !important;}
.pp_default .pp_top {display: none !important;}
.pp_default .pp_bottom {display: none !important;}
div.pp_default .pp_content_container .pp_left {background: none !important; padding-left: 0px !important;}
div.pp_default .pp_content_container .pp_right {background: none !important; padding-right: 0px !important;}
div.pp_default .pp_content {width: 100% !important; height: auto !important;}
a.pp_expand, a.pp_contract {right: 10px !important;}
div.pp_default .pp_expand {display: none !important;}
.pp_hoverContainer {width: 100% !important; height: auto !important; bottom: 0px;}
div.pp_default #fullResImage {width: 100% !important; height: auto !important;}
.pp_content_container .pp_details {float: none !important; width: 100% !important;}
.pp_gallery {display: block !important; opacity: 1 !important; left: 0px !important; width: 100% !important; text-align: center !important; margin: -50px 0px 0px !important;}
.pp_gallery div {width: 100% !important; overflow: auto !important;}
.pp_gallery ul {width: 100% !important; height: auto !important; left: 0px !important; margin-left: 0px !important;}
.pp_gallery li {display: inline-block !important; vertical-align: top; float: none !important;}
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {display: none !important;}
}
@media screen and (max-width: 550px) {
div#rayon_dialog div.group {width: 49%;}
.ui-dialog .ui-dialog-content .items table {display: block;}
.ui-dialog .ui-dialog-content .items tbody {display: block;}
.ui-dialog .ui-dialog-content .items tr {display: inline;}
.ui-dialog .ui-dialog-content .items td {display: inline-block; vertical-align: top; width: 48%; margin-right: 1%;}
.ui-dialog .ui-dialog-content .val_top {display: inline-block; vertical-align: top; width: 48%; margin-right: 1%;}
#region_switcher_dialog td {display: inline-block; vertical-align: top; width: 48%; margin-right: 1%;}
div.group {margin-right: 0px; width: 100%;}
}
@media screen and (max-width: 500px) {
.logo {width: 185px;}
.price-list li .label {width: 15%;}
.price-list li .price {width: 33%;}
.services-info li .services-category {width: 49%;}
.info-product .phone-box .phone {font-size: 36px; line-height: 36px;}
}
@media screen and (max-width: 440px) {
.login_btn {width: 52px; white-space: nowrap; overflow: hidden; word-spacing: 100px;}
#contentHolder > div > div[style*="width:24%"], #contentHolder > div > div[style*="width: 24%"] {width: 100% !important;}
}
@media screen and (max-width: 400px) {
.description-box .description .line .name {float: none; width: 49%; display: inline-block; vertical-align: top;}
.description-box .description .line .info {float: none; width: 49%; display: inline-block; vertical-align: top;}
.info-product .phone-box .phone {font-size: 28px; line-height: 28px;}
}
@media screen and (max-width: 370px) {
.catalog-list li .photo-box {width: auto; height: auto; max-height: 220px; margin: 0px 0px 7px; float: none;}
}
@media screen and (max-width: 360px) {
.panel-filter {padding: 11px 8px 0px 8px;}
.panel-filter input[type="reset"] {float: none; width: 100%; margin: 0px 0px 8px;}
.panel-filter input[type="submit"] {float: none; width: 100%; margin: 0px;}
}
@media screen and (max-width: 350px) {
.price-list li .label {width: 20%;}
.price-list li .price {width: 30%;}
}
@media screen and (max-width: 320px) {
.info-product .phone-box .phone {font-size: 25px; line-height: 25px;}
.catalog-list li .head .name span {width: auto;}
.info-place-delivery .item {min-height: 40px; height: auto;}
}