@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%;}

html {min-height: 0px !important;}
body {background: #060606; background: linear-gradient(0deg, #060606, #212121);}
html, body {min-height: 100%; height: auto;}
.wrapper {min-width: 300px; background: none;}
.page {width: 100%;}

#top {height: auto;}
#top .home {height: 70px; width: 151px;}
#top .home img {height: 70px; width: 151px;}
#top .gradient .center {width: 100%;}
#top .gradient .city {margin-left: 151px;}
#top .signin {width: auto; padding-left: 0px;}
#top .city .arrow {display: none;}
#top .cities .wrap {width: 100%; padding: 15px; box-sizing: border-box; height: 103px; overflow: auto; overflow-y: hidden;}
#top .cities h4 {padding: 0px 0px 5px;}
#top .russia {float: none; width: auto;}
#top .russia .border-wrap {border-right: none;}
#top .cities ul {border-right: none; display: block;}
#top .cities a {width: auto; height: auto; padding-left: 0px; padding-right: 10px;}

.main > div:first-child {background-size: 130% 130% !important; background-position: center center !important; margin-left: 0px !important; width: auto !important; height: auto !important;}
.submenu {display: block; padding: 10px 5px 10px 10px; margin: 0px; position: static; text-align: center; text-align: center;}
.submenu ul {display: block;}
.submenu li {float: none; display: inline-block; vertical-align: middle;}
.submenu li a {padding: 5px; line-height: normal; height: auto; background: none;}
.submenu ul li:first-child a {padding-left: 5px;}

.main-container {padding: 20px; background: #121212; background: rgba(0, 0, 0, 0.2);}
.CatalogMiddleContainer {width: 100%; box-sizing: border-box; margin-bottom: 15px; padding-bottom: 0px;}
.CatalogMiddleContainer .slide {display: none; height: 8px; width: 100%; box-sizing: border-box; margin-left: 0px;}
.CatalogMiddleContainer .PriceSelect span.first + span {text-align: right;}
.slideToggle, .slideToggle.active {display: block; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; border: none; margin: 0px;}
.slideToggle:after {content: ""; position: absolute; top: 5px; right: 5px; width: 0; height: 0; z-index: 200; cursor: pointer; border: 6px solid transparent; border-top-color: transparent; border-left-color: #b62553; margin: 5px 4px 0 2px;}
.slideToggle.active:after {border: 6px solid transparent; border-top-color: #b62553; margin: 7px 8px 0 0;}
.CatalogSubCatagory.Prices {margin-bottom: 0px; }
.CatalogMiddleContainer .PriceContainer {color: #353535;}
#scrollbarY .viewport {overflow: auto;}
#scrollbarY .scrollbar {display: none !important;}
#scrollbarY .overview {position: static; width: 100% !important; top: 0px !important;}
.CatalogMiddleContainer .PriceSelect {padding: 10px 0px 15px 0px;}
.CatalogMiddleContainer .PriceContainer li {width: 49%;}
.CatalogMiddleContainer .PriceContainer li:nth-child(odd) {display: none;}
.CatalogMiddleContainer .PriceContainer input {width: 100%;}

.index_col2 {width: 100%;}
.page-title {padding: 15px 15px 15px 20px; background-size: 100% 100% !important;}
.pagination {width: 100%; text-align: center;}
.pagination > li {font-size: 14px; 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: 7px 0px; display: block; margin: 0px; line-height: normal; background: none !important; border: none !important;}
.pagination > li.active {background-color: #428bca; border-color: #428bca;}

.product-page {margin-top: 20px; table-layout: fixed;}
.product-center {padding-right: 0px;}
.product-center > div {margin-left: auto !important; margin-right: auto !important;}
.product-center > div[style="margin: 0 10px"], .product-center > div[style="margin: 0px 10px;"] {overflow: auto; width: 100%; white-space: nowrap; text-align: center; margin: 0px !important;}
.product-center > div[style="margin: 0 10px"] > div, .product-center > div[style="margin: 0px 10px;"] > div {float: none !important; margin-right: 5px !important; margin-bottom: 0px !important; display: inline-block; vertical-align: top;}
.block .block-title {padding: 15px; background-size: cover !important;}
#map_canvas > ymaps {width: 100% !important;}
.product-center .block-cart {margin-top: 30px !important;}
.product-photo {text-align: center;}
.OneProductDescription {min-width: 0px;}
.ProductCartPrice {margin: 0px; padding: 10px; box-sizing: border-box;}
.ProductCartPrice .ProductInMarketPrice {width: auto; box-sizing: border-box;}
.ProductCartPrice a.buy {width: 100%; height: 36px; box-sizing: border-box;}
.OneProductChar_child {height: auto; padding-bottom: 10px;}
.OneProductChar .touchcarousel-containers {width: 100%; height: auto !important;}
.OneProductChar {height: auto;}
.OneProductChar .scrollbarY_top, .OneProductChar .scrollbarY_botton {display: none;}
.product-page {width: 100%; box-sizing: border-box;}

.product-center > div > div[style*="width:120px"], .product-center > div > div[style*="width: 120px"] {display: inline-block; vertical-align: top; float: none !important; width: 32.333% !important;}

.std > div {margin-right: auto !important; margin-left: auto !important;}
.std > #map_canvas {height: 500px !important;}
.std > #map_canvas > ymaps {height: 500px !important;}

/* https://qna.habr.com/q/378581 */
.pp_pic_holder.pp_default {width: 100%!important; margin-top:-100px !important; left: 0!important; overflow: hidden;}
div.pp_default .pp_content_container .pp_left {padding-left: 0!important;}
div.pp_default .pp_content_container .pp_right {padding-right: 0!important;}
.pp_content {width: 100%!important; height: auto!important;}
.pp_fade {width: 100%!important; height: 100%!important;}
a.pp_expand, a.pp_contract, .pp_top, .pp_bottom {display: none !important;}
.pp_hoverContainer {display: block !important; width: 100% !important; height: auto !important; left: 0px !important; top: 0px !important; right: 0px !important; bottom: 65px !important;}
.pp_gallery {display: block !important; opacity: 1 !important; left: 0px !important; width: 100% !important; margin-left: 0px !important;}
.pp_gallery div {width: 100% !important; overflow: auto !important; text-align: center;}
.pp_gallery ul {left: 0px !important; width: 100% !important; margin: 0px !important;}
.pp_gallery li {float: none !important; display: inline-block !important; vertical-align: middle !important;}
.pp_gallery a.pp_arrow_previous, .pp_gallery a.pp_arrow_next {display: none !important;}
#pp_full_res img {width: 100% !important; height: auto !important;}
.pp_details {box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important;}
a.pp_close {right: 10px!important; top: 10px!important;}

.footer-container {padding: 0px 20px 20px 20px;}
.footer {padding: 20px 20px 0px 20px; height: auto;}
.footer ul, .footer address {display: none;}
}
@media screen and (max-width: 875px) {
.product-center > div > div[style*="width:120px"], .product-center > div > div[style*="width: 120px"] {width: 49% !important;}
}
@media screen and (max-width: 600px) {
.std > div > div[style="width: 24%; float: left"], .std > div > div[style^="float:left;width:24%"] {float: none !important; width: 49% !important; display: inline-block; vertical-align: top;}
.product-page, .product-page > tbody, .product-page > tbody > tr, .product-page > tbody > tr > td {display: block;}
.product-center {padding-top: 0px; padding-left: 0px;}
.product-center > div > div[style*="width:120px"], .product-center > div > div[style*="width: 120px"] {width: 32.333% !important;}
}
@media screen and (max-width: 530px) {
.OneProductDescription .ProductCartPrice {float: none; width: 100% !important;}
.ProductCartPrice .ProductInMarketPrice {margin-left: 171px;}
.OneProductChar .touchcarousel-containers {padding: 0px 10px; box-sizing: border-box;}
.OneProductPhoto {margin: 10px 15px 0px;}
.OneProductChar .std {display: inline-block; vertical-align: top; width: 49%;}
}
@media screen and (max-width: 450px) {
.product-center > div > div[style*="width:120px"], .product-center > div > div[style*="width: 120px"] {width: 49% !important;}
}
@media screen and (max-width: 370px) {
#top .cities h4 {display: none;}
}
@media screen and (max-width: 350px) {
.OneProductPhoto {float: none;}
.ProductCartPrice .ProductInMarketPrice {margin-left: 0px;}
.OneProductPhoto_child {height: auto; width: auto;}
.OneProductPhoto_child img {width: auto !important;}
}
@media screen and (max-width: 345px) {
#top .gradient .city {overflow: hidden; width: 105px; width: calc(100% - 215px); white-space: nowrap; text-overflow: ellipsis;}
#top a span {float: none;}
}
@media screen and (max-width: 329px) {
.OneProductChar .std {display: block; width: auto;}
}