/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytov.php ***/

@media screen and (min-width: 1007px) {
body {overflow: auto !important;}
#zakr, #hovr {display: none !important;}
#b-menu {display: block !important; left: 0px !important;}
div#b-top-left, div#b-top-right {display: block !important;}
}

.phone a {color: #000; text-decoration: none;}

@media screen and (max-width: 1166px) {
table#prices, div#b-main > table {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 1056px) {
body {min-width: 200px;}
}
@media screen and (max-width: 1006px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}

#plashka {display: block !important; z-index: 90; position: fixed; height: 50px; left: 0px; top: 0px; right: 0px; width: 100%; background: #ffffff; border-bottom: 2px solid #ececec;}
#buter {width: 32px; height: 23px; cursor: pointer; background: url("/i/buter.png") center no-repeat; display: block !important; padding: 13px 9px; position: absolute; top: 0px; left: 0px; z-index: 99; background-size: 32px 23px !important; box-sizing: content-box;}
#tel {z-index: 99; cursor: pointer; position: absolute; right: 0; top: 0px; height: 50px; width: 50px; background: url("/i/tel.png") no-repeat center center !important; background-size: 25px 25px !important;}
#email {z-index: 99; cursor: pointer; position: absolute; right: 50px; top: 5px; height: 50px; width: 50px; }
#srch {z-index: 99; cursor: pointer; position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; background: url("/i/srch.png") no-repeat center center !important; background-size: 25px 25px !important;}
div#b-menu {float: none !important; margin: 0px; padding: 0px; width: 270px !important; max-height: 100%; height: 100%; box-sizing: border-box; overflow: auto; position: fixed; display: none; background-color: #fff; top: 0px; left: -100%; right: auto; z-index: 201; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s;}
div#b-menu ul li {padding: 10px 15px 10px 55px; background-position: 10px 2px !important;}
div#b-menu ul li a {font-size: 10pt;}
div#b-menu ul li ul li {width: auto;}
div#b-menu > a {display: block; text-align: center;}
div#b-menu > a > img {margin-right: 0px !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #ffffff; position: fixed; right: 12px; top: 13px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center; background: #4c4c4c;}
#zakr:hover {color: #ff0a00 !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;}
img#b-logo {position: fixed; left: 50%; top: -3px; z-index: 99; height: 48px !important; width: 96px; margin-left: -48px;}
div#b-top-left, div#b-top-right {z-index: 91; display: none; text-align: right; position: fixed; width: 100%; left: 0px; right: 0px; top: 50px; background: #ffffff; border-bottom: 2px solid #ececec; padding: 10px; box-sizing: border-box;}
#contacts {text-align: center;}
#contacts .info {margin-top: 15px; margin-left: 0px;}
#contacts .phone {display: inline-block; vertical-align: top; margin: 10px 5px; margin-top: 0px;}
#contacts .email {margin-top: 0px;}
div#b-banner-holiday {position: relative; z-index: 92;}
div#b-banner-holiday a {position: static; float: none; width: auto; height: auto; display: inline; margin-left: 0px; margin-right: 0px;}
div#b-banner-holiday a img {width: 32.333%; position: static !important; height: auto;display: inline-block;}
#sitesearch {margin: 0px; text-align: left;}
#sitesearch .search-suggest {width: 100%; width: calc(100% - 85px); box-sizing: border-box;}
#sitesearch input[type="submit"] {position: absolute; right: 10px; bottom: 10px;}

div#b-header {height: auto; min-height: 0px; padding-top: 52px;}
div#b-nav-icons {display: none;}
ul#b-top-sections {position: static; padding: 17px 13px; text-align: center;}
li.b-sections {display: inline-block; vertical-align: top; padding: 0px 3px 0px 7px;margin: 3px 0px;}
div#b-top-container {padding: 0px;}
div#b-banner-cup {position: static; width: 100%; right: 0px; text-align: center; padding: 0px 20px; box-sizing: border-box;}
div#b-banner-cup img {position: static !important;}

div#b-main {margin: 0px; padding: 20px; box-sizing: border-box; width: 100%;}
table#prices, table#prices, div#b-main > table {width: 100% !important; box-sizing: border-box; overflow: auto; display: block; height: auto;}
table#prices > tbody, table#prices, div#b-main > table > tbody {display: table; width: 100%; box-sizing: border-box;}
table#prices > caption, table#prices, div#b-main > table > caption {display: block; width: auto; height: auto;}

div#b-sidebar {display: none;}
div#b-text-container {padding: 20px;}
div#b-news {float: left; width: 100%;}

div div.cat-element {width: 49% !important;}
div.b-goods ul li {width: auto;}
.bx_sitemap .bx_sitemap_li_title a {white-space: normal;}
.nav-pages .nav-current-page, .nav-pages a {display: inline-block; vertical-align: top; margin: 3px 0px;}
.nav-pages {text-align: center;}
.product-color {text-align: center;}

h1, h2, h3 {overflow: hidden;}
div#b-main h1 p {line-height: normal !important;}
div#b-main h2 p {line-height: normal !important;}

.colors-block ul.colors {margin-left: 0px !important;}
.show-all {margin-left: 0px !important;}

.product-title {margin-bottom: 10px; margin-top: 20px;}
.product-imgs {overflow: auto; white-space: nowrap; margin-right: 0px !important; width: 100%; float: none !important; text-align: center;}
.product-price {float: none !important; margin-right: 0px !important; text-align: center;}
.product-card h5 {margin-right: 0px !important;}
.product-card h5 + span.green {float: right !important;}
.product-form form {padding: 20px 20px 0 !important;}
.description {margin: 20px 0 !important;}
.product-form {margin-top: 20px !important;}
.product-tab {margin-top: 30px !important;}
.constructor {margin-top: 30px !important;}
.product-carousel {margin-top: 30px !important;}
.product-carousel * {max-width: none !important;}

div#b-offers-container {width: 100%;}
div#b-offers {width: 100%; overflow: hidden;}
div.offer {width: 33.333%; box-sizing: border-box;}

div#b-copyright {padding: 20px;}
div#b-footer ul {position: static; padding: 0px 20px 20px 20px; text-align: center;}
}
@media screen and (max-width: 850px) {
.products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div div.cat-element {width: 50% !important; height: auto;}
div.cat-desc {height: auto; padding-left: 0;}
div.cat-pr {height: auto !important;}
#b-main img {margin-right: 0px; margin-bottom: 0px;}
.news-detail img.detail_picture {display: block; float: none !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px !important;}
}
@media screen and (max-width: 800px) {
.popular-products {text-align: center;}
.popular-products .bloll {display: inline; margin-bottom: 0px;}
.popular-products .product-carousel-item {text-align: left; width: 30.333% !important; box-sizing: border-box; margin: 1%; display: inline-block; vertical-align: top; height: auto;}
}
@media screen and (max-width: 700px) {
.product-tab-item {padding: 20px 20px 10px !important;}
.product-tab-btn span {padding: 5px 0 5px !important;}
}
@media screen and (max-width: 670px) {
.product-card .col-6 {width: 100% !important; float: none !important;}
.product-card .col-6:first-child {margin-bottom: 15px !important;}
.product-characteristic {margin-right: 0px !important; padding-right: 5px;}
}
@media screen and (max-width: 600px) {
div.offer {width: 50%;}
.product-tab-btns {display: block !important; text-align: center;}
.product-tab-btn {width: auto !important; display: inline-block; vertical-align: top; margin: 3px;}
.product-tab-btn span {padding: 0px 5px !important;}
.product-tab-btn.active span, .product-tab-btn span:hover {border: 1px solid #377dd2 !important; border-radius: 5px !important;}
.product-tab-item {padding: 20px 0px 10px !important;}
.product-tab-item .item-info-list {margin-bottom: 0px;}
#b-main .carousel-img img {max-height: 74% !important;}
.owl-carousel.owl-drag .owl-item {min-width: 170px !important;}
div#top-goods {padding: 10px 0 10px 0;}
.bx_sitemap {margin-bottom: 0px;}
div.b-goods {padding: 10px 0 0 0;}
div.b-category {width: 47%; padding: 0px 0 10px 2%; display: inline-block; vertical-align: top; float: none;}
}
@media screen and (max-width: 550px) {
div.catalog-section-list ul {margin-left: 0px;}
.catalog-section-list ul li {width: 50% !important;}
.popular-products .product-carousel-item {width: 47% !important;}
}
@media screen and (max-width: 500px) {
div.cat-pr {margin-right: 10px; margin-bottom: 0px;}
div.cat-desc {padding-left: 0px;}
.product-card .col-6 {width: 100%; float: none;}
div#b-main img[align="left"] {display: block !important; float: none !important; margin: 5px auto !important; padding: 0px;}
div#b-main > ul[style*="margin-left: 330px;"] {margin-left: 20px !important;}
}
@media screen and (max-width: 450px) {
.product-form form {padding: 20px 20px 10px !important; display: block !important;}
.product-form .for-input, .product-form .for-textarea {width: 100% !important;}
.product-form form > div {margin-bottom: 10px !important;}
.form-submit input {width: 100%; padding: 6px 0px !important; box-sizing: border-box;}
.file-upload input[type="file"] {width: 100%; box-sizing: border-box; overflow: hidden;}
.search-page input[type="text"] {width: 200px; width: calc(100% - 56px); box-sizing: border-box;}
}
@media screen and (max-width: 370px) {
div.offer {width: 100%;}
div#b-offers p {height: auto; min-height: 40px; padding-top: 20px; box-sizing: content-box;}
div.cat-pr {width: 100% !important; text-align: center; margin-right: 0px; margin-bottom: 15px;}
div#b-main h2 > p[style^="font-size: 34px;"] {font-size: 30px !important; margin-bottom: 20px;}
}
@media screen and (max-width: 329px) {
.catalog-section-list ul li {width: 100% !important;}
div.b-category {width: 100%; padding: 0px 0 10px 0%;}
.popular-products .product-carousel-item {width: 100% !important; margin: 2% 0%;}
div#b-banner-holiday a img {width: 32%;}
}

/*@media (max-width: 1600px) {*/
/*    ul#b-top-sections {position: static; padding: 17px 13px; text-align: center;}*/
/*    div#b-header {*/
/*        height: 160px;*/
/*        min-height: 0;*/
/*        padding-top: 52px;*/
/*    }*/

/*}*/