@media screen and (min-width: 961px) {
body {overflow: auto !important;}
#zakr, #hovr, #innermobile {display: none !important;}
#leftColomn {display: inline !important; left: 0px !important;}
.tbl-product > tbody > tr > td + td {display: table-cell !important;}
}


@media screen and (max-width: 960px) {
img {max-width: 100% !important; height: auto !important; 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%;}

#main-text {overflow: hidden; max-height: 61px; position: relative;}
#main-text:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; pointer-events: none; background: linear-gradient(to bottom,transparent,#010009);}
#main-text:hover {height: auto; max-height: none;}
#main-text:hover:after {display: none;}

#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-color: #181615; 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;}
#plashka {display: block !important; z-index: 199; position: fixed; height: 50px; left: 0px; top: 0px; right: 0px; width: 100%; background: #181615; border-bottom: 1px solid #534d4b;}
#buter {width: 31px; height: 23px; cursor: pointer; box-sizing: content-box; padding: 14px 10px; position: absolute; top: 0px; right: 0px; z-index: 201;}
#buter span {display: block; height: 4px; background: #ffffff; border-radius: 5px; margin-bottom: 5px;}
#buter span:last-child {margin-bottom: 0px;}
#zakr, #mjs-main > div > div#zakr {z-index: 99999990 !important; cursor: pointer; font-family: Arial; color: #ffffff; position: fixed; right: 13px; top: 13px; padding: 0px; font-size: 25px; line-height: 25px; width: 25px !important; text-align: center;}
#zakr:hover {color: #2a6496 !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;}
#logo-mobile img {height: 65px; width: 140px;}

#mjs-browser {background: #171514; background: repeating-linear-gradient(-45deg, #171514, #171514 2px, #100d0c 2px, #100d0c 4px); min-width: 0px; padding-top: 70px; margin-bottom: 0px;}
#mjs-main {width: auto; padding: 0px 20px;}
#mjs-main > div {min-height: 0px !important;}
#mjs-main > div > div {width: 100% !important; margin-left: 0px !important; box-sizing: border-box;}
.tbl-product {display: block;}
.tbl-product > tbody {display: block;}
.tbl-product > tbody > tr {display: block;}
.tbl-product > tbody > tr > td {display: block; width: auto !important; padding-left: 0px !important;}
.tbl-product > tbody > tr > td + td {margin-top: 20px;}
.tbl-product > tbody > tr > td + td > div > div > div, #innermobile > div > div > div {text-align: center;}
.tbl-product > tbody > tr > td + td > div > div > div:first-child, #innermobile > div > div > div:first-child {background: #4393dd; background: linear-gradient(180deg, #53a9e8, #2e76cf); border-radius: 5px; box-shadow: 3px 3px 4px 2px #0c1f35; margin-bottom: 15px; height: auto !important;}
.tbl-product > tbody > tr > td + td > div > div > div:first-child > img, #innermobile > div > div > div:first-child > img {display: none;}
.tbl-product > tbody > tr > td + td > div > div > div:first-child > div, #innermobile > div > div > div:first-child > div {position: static !important; margin: 1% !important; display: inline-block; vertical-align: middle; width: 47%;}
.tbl-product > tbody > tr > td > div {width: auto !important;}
.tbl-product > tbody > tr > td img {max-width: 100% !important;}
.tbl-product .uslugi {width: 32.333% !important; float: none !important; overflow: hidden; display: inline-block; vertical-align: top;}
.tbl-product .uslugi > div[style*="width: 210px"] > div {width: auto !important; padding-right: 15px;}

#prices, #dprices {overflow: auto; display: block; padding: 0px; margin-top: 20px; width: 100%;}
#prices {text-align: center;}
#prices .params {text-align: left;}
#prices tbody, #dprices tbody {display: table; width: 100%;}
#like, #like2 {overflow: hidden; display: inline-block;}
#like > div, #like2 > div {float: none; display: inline-block; vertical-align: middle;}
#layout-bg, #layout-wrap {display: none;}
#prices th, #dprices th {padding: 5px;}

.header > div {width: auto !important; height: auto !important; float: none !important; text-align: center; margin: 0px !important;}
.header > div > a {display: inline-block;}
.header img {margin: 5px auto 20px; width: 200px; height: 93px;}
#leftColomn > div, #mjs-widget_11 {width: auto !important; height: auto !important;}
#mjs-widget_11 {margin: 20px 0px 15px;}
#mjs-widget_11 ul.mjs-menu-level-0 {padding: 0px; margin: 0px;}
#mjs-widget_11 ul.mjs-menu-level-0 > li {width: auto !important; float: none; display: block; padding: 0px;}
#mjs-widget_11 ul.mjs-menu-level-0 > li.mjs-sub > .mjs-menu-stylevo {display: block; height: auto !important;}
#mjs-widget_11 ul.mjs-menu-level-0 > li > .mjs-menu-stylevo > a.mjs-menu-styles {height: auto; display: block; padding: 7px 15px;}
#mjs-widget_11 ul.mjs-menu-level-0 > li .mjs-menu-align {display: block; width: auto;}
#mjs-widget_11 ul.mjs-menu-level-0 > li.mjs-menu-delimiter {display: none !important;}
#mjs-widget_11 ul.mjs-menu-level-0 > li.mjs-sub > .mjs-menu-stylevo > a.mjs-menu-styles .mjs-menu-text {margin-top: 0px !important; width: auto !important; padding: 0px; text-align: left !important;}
#mjs-widget_11 ul.mjs-menu-level-0 > li .mjs-menu-text {display: block;}

#main {display: flex; flex-direction: column; flex-wrap: wrap; float: none; margin-left: 0px; margin-top: 0px; width: auto;}
#filter {order: 1; margin-top: 20px;}
.index_col2 {order: 3;}
.index_col3 {order: 2; float: none !important; width: auto !important;}
#filters {display: block !important; background: #428bca; background: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%); background-repeat: repeat-x; border-color: #2b669a; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgba(0, 0, 0, 0.08); color: #fff; padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; user-select: none;}
#filters:hover, #filters:focus {background-color: #2d6ca2;}
.slideToggle {pointer-events: none;}
.CatalogMiddleContainer .slide {display: none; width: auto;}
.CatalogMiddleContainer p.niceCheckInner span {margin-right: 0px;}
#filter, .index_col3 {visibility: hidden; position: absolute; left: 20px; right: 20px;}
#scrollbarY .viewport {overflow: auto;}
#scrollbarY .scrollbar {display: none !important;}
.CatalogMiddleContainer .PriceSelect {padding-right: 0px;}
.btn-primary, .btn-info, .btn-warning, .btn-danger {width: 100% !important; box-sizing: border-box;}
.btn-primary[style*="width:45%"], .btn-primary[style*="width: 45%"] {width: 49% !important;}

.bread-crumbs {white-space: nowrap; overflow: auto;}
.bread-crumbs::-webkit-scrollbar {width: 5px; height: 5px;}
.bread-crumbs::-webkit-scrollbar-track {background: #2e2e2d;}
.bread-crumbs::-webkit-scrollbar-thumb {background: #484848;}
.bread-crumbs::-webkit-scrollbar-thumb:hover{background: #797979;}

#dis-cont, #discount-content {width: 100% !important;}
.mCustomScrollBox {border-radius: 10px;}
.CatalogMiddleContainer {float: none !important; width: auto; padding-bottom: 0px;}
#filter .CatalogMiddleContainer {margin-bottom: 0px;}
.CatalogSubCatagory p {margin: 0px;}
.index_col2 {float: none; margin-left: 0px; width: auto;}

.pagination {width: 100%; text-align: center;}
.pagination > li {width: 30px; height: 30px; display: inline-block; vertical-align: top; background-color: #fff; color: #dddddd; margin: 4px 3px; border-radius: 4px; border: 1px solid #ddd;}
.pagination > li > a, .pagination > li > span {float: none; padding: 6px 0px; display: block; margin: 0px; line-height: normal; background: none !important; border: none !important;}
.pagination > li.active {background-color: #428bca; border-color: #428bca;}
.pagination > li:first-child > a, .pagination > li:first-child > span {border-radius: 0px;}

.product-1 .productinfo {bottom: 0px; text-align: center;}
.pgname {margin-right: 20px;}
.photochecked {display: inline-block; vertical-align: top; margin-left: 0px;}
.product-1 {width: 23% !important; margin: 0% 2% 2% 0% !important; box-sizing: border-box;}
.product-1 > a > img {display: block; margin: auto; width: 100%;}
.productinfo-metro, .productinfo-more {padding-left: 0px;}

#mjs-main > div #map_canvas, #mjs-main > div #map_canvas > ymaps, #innermobile #map_canvas, #innermobile #map_canvas > ymaps {height: 300px !important;}
#innermobile #map_canvas {overflow: hidden;}
#innermobile #map_canvas > ymaps + ymaps {display: none !important;}
}
@media screen and (max-width: 800px) {
#mjs-main > div > div > div[style*="width:24%"], #mjs-main > div > div > div[style*="width: 24%"] {width: 50% !important;}
}
@media screen and (max-width: 700px) {
.product-1 {width: 31.333% !important;}
}
@media screen and (max-width: 550px) {
.tbl-product .uslugi {width: auto !important; display: inline;}
.tbl-product .uslugi > div {box-sizing: border-box; width: 49% !important; display: inline-block; vertical-align: top;}
}
@media screen and (max-width: 535px) {
.product-1 {width: 48% !important;}
}
@media screen and (max-width: 500px) {
#mjs-main > div > div > div[style*="width:24%"], #mjs-main > div > div > div[style*="width: 24%"] {width: 50% !important;}
p img[style*="float: left"] {float: none !important; display: block; margin: 5px auto !important;}
#prices th, #dprices th {font-size: 17px; line-height: normal;}
}
@media screen and (max-width: 450px) {
.price > div {line-height: normal; padding: 0px 5px;}
#mjs-main > div > div > div[style*="width:24%"], #mjs-main > div > div > div[style*="width: 24%"] {width: 100% !important;}
}
@media screen and (max-width: 400px) {
.tbl-product > tbody > tr > td + td > div > div > div:first-child > div, #innermobile > div > div > div:first-child > div {width: 98%; margin: 5px 1% 15px 1% !important;}
}
@media screen and (max-width: 370px) {
.product-1 {width: 100% !important; margin: 0px 0px 20px 0px !important;}
.productinfo-metro, .productinfo-more {height: auto; line-height: normal;}
.tbl-product .uslugi {display: block;}
.tbl-product .uslugi > div {width: 100% !important;}
#prices th, #dprices th {font-size: 14px;}
.price > div {font-size: 20px;}
}
@media screen and (max-width: 350px) {
#like > img {display: none;}
}