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

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

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

.hidemobile {display: none !important;}
body {background: #cff;}
body, html {height: auto;}
.blocks_random {display: none;}
.blocks_random img {max-width: none !important;}
blockquote {margin: 15px;}
ul, ol {padding-left: 15px;}
p.MsoNormal span {word-break: break-all; word-wrap: break-word;}
.detail_text_blocks p[align="justify"] {text-align: left;}

#plashka {display: block !important; z-index: 199; position: fixed; height: 50px; left: 0px; top: 0px; right: 0px; width: 100%; background: #ffffff; border-bottom: 1px solid #cecece;}
#topmenu {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: #fff; 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: 30px; height: 22px; cursor: pointer; box-sizing: content-box; padding: 14px 10px; position: absolute; top: 0px; left: 0px;}
#buter span {display: block; height: 4px; background: #000; border-radius: 5px; margin-bottom: 5px;}
#buter span:last-child {margin-bottom: 0px;}
#zakr {z-index: 99999990 !important; cursor: pointer; font-family: Arial; color: #ffffff; position: fixed; right: 5px; top: 5px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#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;}
#crt {width: 30px; height: 22px; cursor: pointer; box-sizing: content-box; background: url("/images/templates/crt.png") center no-repeat; padding: 14px 10px; position: absolute; top: 0px; right: 0px; background-size: 30px 26px !important;}
#tel {width: 30px; height: 22px; cursor: pointer; box-sizing: content-box; background: url("/images/templates/tel.png") center no-repeat; padding: 14px 10px; position: absolute; top: 0px; right: 50px; background-size: 27px 27px !important; font-size: 0px; line-height: 0px;}


.top_menu_content {background: none; width: auto; height: auto;}
.top_menu ul {padding: 0px; height: auto; background: none;}
.top_menu ul li {float: none; font-size: 16px; margin: 0px; padding: 15px; height: auto;}
.top_menu ul li.sel {background-size: 100% 100%;}
.top_menu ul li a {display: block;}

.tel, .sub_tbl > tbody > tr > td.tel {display: none; position: fixed; right: 0px; top: 51px; z-index: 200; margin-top: 0px; background: #fff; padding: 0px 15px 15px; text-align: center; border-bottom: 1px solid #cecece;}
.tel p {margin: 15px 0px;}
.logo {position: fixed; top: 18px; left: 50px; z-index: 200; width: auto; padding: 0px;}
.logo img {width: 291px; height: 16px;}

.basket_left, .basket_right {padding: 0px; margin: 0px; height: auto; width: auto; font-size: 0px; color: #000; background: none;}
.basket_left a.block_a_, .basket_right a.block_a_ {display: none;}
.basket_left h5, .basket_right h5 {display: none;}
.basket_left span.big, .basket_right span.big {color: #332ea2; font-size: 12px; position: fixed; right: 5px; top: 3px; z-index: 200;}
.basket_left span.big:last-child, .basket_left span.big:nth-last-child(2) {display: none;}
.blocks {margin-top: 15px; margin-right: 0px;}

#main, #content_td > table {display: block; width: 100%;}
#main {background: none;}
#main > tbody, #main > tbody > tr, #main > tbody > tr > td {display: block;}
#content_td  {padding: 0px 15px 0px 15px; box-sizing: border-box;}
#content_td > table > tbody, #content_td > table > tbody > tr, #content_td > table > tbody > tr > td {display: block;}
.content_block {background: none; width: 100%;}
.content_block_bg {background: none; width: 100%; padding: 15px 0px 0px 0px;}
.center_block {width: 100%; background: #fff; border-radius: 30px 30px 0px 0px;}
.sub_tbl {display: block; margin: 50px 0px 0px 0px;}
.sub_tbl > tbody, .sub_tbl > tbody > tr, .sub_tbl > tbody > tr > td {display: block;}

.center_block > table, .center_block > table > tbody, .center_block > table > tbody > tr, .center_block > table > tbody > tr > td {display: block;}


.right_block {border-radius: 0px 0px 30px 30px;}
.right_block_inside {background: #fff; border-radius: 0px 0px 30px 30px;}
.right_pic_top {display: none;}
.right_list_catalog {width: auto; padding: 15px 0px 0px; background: none;}
.right_list_catalog ul {margin: 14px 15px 0px 15px;}

.address_block {margin: 0px; background: none; width: auto; text-align: center;}
.address_block_content {background: none;}
.address_bottom {padding: 15px; background: none; text-align: center;}
.address_bottom > div, .address_block > div {text-align: center;}
.address_bottom > div a, .address_block > div a {display: inline-block;}
.address_bottom > div br {display: none}

.center_blocdk_content, .center_blocdk_content > tbody, .center_blocdk_content > tbody > tr, .center_blocdk_content > tbody > tr > td {display: block;}
.left_td {width: auto; padding: 15px 15px 0px;}
.center_td {width: auto; padding: 0px 15px 15px;}

.breadclumb {height: auto;}
.breadclumb ul {margin: 0px;}
.breadclumb ul li {margin: 0px 6px 0px 0px; float: none; display: inline; vertical-align: middle;}

.center_block table {width: 100%; box-sizing: border-box;}
.center_td_inside {padding: 15px;}
.center_td_inside input[type="text"], .center_td_inside input[type="password"] {width: 100%;}
.center_td_inside textarea {width: 100%;}
#f_feedback td {padding-left: 0px; padding-right: 0px;}

div.catalog-section table td {padding: 0px;}
div.catalog-section table td img {padding-right: 10px; min-width: 100px; max-width: none;}

.center_td .news {margin-top: 15px; padding: 15px 0px 0px 0px;}



.map-level-0, .map-level-1, .map-level-2 {padding-left: 15px;}
.center_td_inside > ymaps {width: 100% !important;}

#foot_td {height: auto; padding: 15px;}
#foot_td .foot_tbl {height: auto; width: 100%;}
#foot_td .foot_tbl td {padding: 0px 15px; text-align: right;}
#foot_td .foot_tbl td.left_td_foot {width: auto; padding: 0px 15px; text-align: left;}
}
@media screen and (max-width: 650px) {
.catalig_list > table, .catalig_list > table > tbody {display: block; width: auto;}
.catalig_list > table > tbody > tr {display: inline;}
.catalig_list > table > tbody > tr > td {width: 32.333%; display: inline-block; vertical-align: middle; padding: 0px 0px 15px 0px; text-align: center;}
.catalog-element table, .catalog-element table tbody, .catalog-element table tr, .catalog-element table tr td {display: block; width: auto !important; height: auto !important;}
.catalog-element table tr td img {display: block; margin: auto;}
.detail_text_blocks table, .detail_text_blocks tbody, .detail_text_blocks tr, .detail_text_blocks td {display: block; width: auto !important; height: auto !important;}
.catalog-section > div > table, .catalog-section > div > table > tbody, .catalog-section > div > table > tbody > tr, .catalog-section > div > table > tbody > tr > td {display: block; width: auto !important; height: auto !important;}
}
@media screen and (max-width: 550px) {
#content_td {padding: 0px;}
.center_block, .right_block, .right_block_inside {border-radius: 0px;}
.run_window, .run_window_mini {left: 10px; width: auto !important; margin-left: 0px !important; right: 10px; overflow: auto;}
.center_td_inside > table[width="650"], .center_td_inside > table[width="565"] {display: block; overflow: auto;}
.center_td_inside > table[width="650"] > tbody, .center_td_inside > table[width="565"] > tbody {display: table; width: 100%;}
.catalig_list > table > tbody > tr > td {width: 49%;}
}
@media screen and (max-width: 460px) {
.logo {top: 9px;}
.logo a {display: block; background: url(/images/templates/logo2.gif) center center no-repeat; width: 136px; height: 32px;}
.logo img {display: none;}
}
@media screen and (max-width: 400px) {
table.element td {display: block;}
div.catalog-section table td img {padding-right: 0px; min-width: 0px; display: block; margin: auto; max-width: 100%;}
}
@media screen and (max-width: 329px) {
.catalig_list > table > tbody > tr > td {width: 100%;}
}

@media screen and (max-height: 650px) {
.run_window, .run_window_mini {top: 10px; margin-top: 0px !important; height: auto !important; overflow: auto; max-height: 90%; max-height: calc(100% - 20px); box-sizing: border-box;}
}