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

@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% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}

.hidemobile {display: none !important;}
.mobile {display: block !important;}
.shell {width: auto;}
#container, #container1 {width: 100%; box-sizing: border-box;}
#container1 > br, #content > br {display: none;}
#header {height: auto !important; text-align: center;}
div#logo {float: none; margin: auto; padding-top: 10px;}
div#logo a {background-size: contain;}
.logoselect {float: none; margin: 10px 5px; padding: 5px 10px; display: inline-block; vertical-align: top;}
.order-z, .promo, .callme {float: none; margin: 10px 5px; padding: 5px 10px; display: inline-block; vertical-align: top;}
#tel-header {padding-top: 15px; text-align: center;}
#tel-header2 {text-align: center; margin-top: 5px; padding: 0px 20px;}
#tel-header2 a {display: inline-block;}
#navigation {float: none; white-space: normal;}
#navigation ul {padding: 15px 13px; text-align: center;}
#navigation ul li {margin: 5px 7px; border-right: none; padding-right: 0px; float: none; display: inline-block; vertical-align: top;}

.options {height: auto;}
.options .search {float: none; padding: 6px 7px; background: none; margin-right: 0px;}
.options .search .field {width: 92%; width: calc(100% - 62px); box-sizing: border-box; height: 27px; background-size: 200% 100%; background-position: 50% top; border-radius: 25px; box-shadow: inset 0px 2px 4px #c6b74d;}
.options .search form {position: relative;}
.search-submit {position: absolute; right: 31px; top: 0px; margin-left: 7px; margin-right: 0px;}
.options .search .field input {width: 100%;}

#shopCart {position: fixed; left: 0px; bottom: 0px; z-index: 99;}
.options a {border-radius: 10px 0px 0px 10px;}
.cart strong {border-radius: 0px 10px 10px 0px;}

img#login {width: 24px; height: 27px !important; display: block !important; cursor: pointer; position: absolute; right: 0px; top: -2px;}

#shopCart.shop-cart {position: static !important; overflow: auto; box-sizing: border-box;}
#shopCart.shop-cart + table td {display: block; width: auto; height: auto;}
#shopCart.shop-cart + table td > br {display: none;}
#shopOrderForm input.textfield {width: 100%; box-sizing: border-box;}
#shopOrderForm select {width: 100%; box-sizing: border-box;}
#shopOrderForm textarea.textfield {width: 100%; box-sizing: border-box;}
a.shk-del img {max-width: 17px !important;}

.regTableTop {margin-top: 15px; float: right;}
.options #entryForm {display: none; padding: 0px 7px; overflow: hidden;}
.news1 {float: none; width: auto; height: auto; padding-bottom: 15px;}

.menuBlock {width: 100%; box-sizing: border-box;}
.menuBlock td {display: block; width: auto; overflow: hidden; padding-right: 0px !important;}
.menuBlock td ul li {margin-left: 3%; margin-left: calc(19px); width: 47%; width: calc(50% - 19px); float: left; vertical-align: top;}
.menuBlock td ul br {display: none;}
.menuBlock td td {display: table-cell; width: 50%;}

div.brands {margin-left: 0px;}
div.brands a {margin-right: 0px;}
div.brands > table {width: 100%; box-sizing: border-box;}
div.brands > table tbody {display: block; overflow: hidden;}
div.brands > table tr {display: inline;}
div.brands > table td {display: block; margin-left: 3%; margin-left: calc(19px); width: 47%; width: calc(50% - 19px); float: left; vertical-align: top;}
div.brands td li {float: none;}
.menuBlock td div.brands td > li {margin-left: 0px;}

.menu3 {height: auto; width: 100%; text-align: center; margin-bottom: 15px; margin-top: 15px; padding: 0px 10px; box-sizing: border-box;}
.menu3 li {float: none; display: inline-block; border-radius: 25px;}
.menu3 li :hover {border-radius: 25px !important;}

.catalog {width: 100%; box-sizing: border-box;}

#newTypeMenu .menu1 {width: 100% !important; margin-right: 0px !important; box-sizing: border-box; height: auto !important; overflow: hidden;}
#newTypeMenu .menu li {margin: 0.2% !important; display: block; float: left; width: 24.6% !important; clear: none !important; box-sizing: border-box;}
.menu li {border-radius: 0px;}

.break, .break tbody, .break tr, .break td {display: block; width: auto;}

.item-left {margin-right: 0px; width: 100%;}
.product .shk-item {margin-right: 0px; width: 100%; box-sizing: border-box;}
.zamena {width: 100%; text-align: center;}
.zamena li {float: none; display: inline-block; vertical-align: top;}
.zamena li .shk-item-add .image {text-align: center;}
.product > table {width: 100%; table-layout: fixed;}
.product > table td {width: auto;}

#vkgroup {margin-top: 15px;}
#vkgroup, #vkgroup tbody, #vkgroup tr {display: block;}
#vkgroup td {display: block; width: auto;}
#vkgroup td > div > ymaps, #vkgroup td > ymaps {width: 100% !important;}
#vkgroup td span[style^="font-size: 80%;"] {font-size: 12px !important;}
#vk_groups {width: 100% !important; overflow: hidden;}

#container2 {padding: 20px; border-radius: 5px;}
#container2, .seo-text {width: 100%; box-sizing: border-box;}
.seo-text > table table td {display: block; width: auto;}
.seo-text > table table td > ymaps, .seo-text > table table td > ymaps > ymaps, .seo-text > table table td > ymaps > ymaps > ymaps {width: 100% !important; max-width: 100% !important;}
.seo-text > table table img {width: 100%;}
.seo-text > table table input.input-button {width: 100%;}

#container2 > .catalog, #container > ul.catalog {width: 100%; box-sizing: border-box; text-align: center;}
#container2 > .catalog li, #container2 > .tabbed > .catalog li, #container > ul.catalog li, .product .item-left ul.zamena li {width: 31%; margin: 1%; box-sizing: border-box; text-align: left; float: none; display: inline-block; vertical-align: top; overflow: hidden;}

.shk-item .shk-but, .shk-item-add .shk-but, .shk-but, .shk-but-dis, .fast {white-space: normal; margin: auto; display: block; clear: both; max-width: 207px !important; width: 100%; box-sizing: border-box;}
.price {width: 100%; text-align: right;}

.jcarousel-clip {position: relative;}
.firstJcarusel {width: 100%; position: relative;}
.jcarousel-next {left: auto; right: 0px;}

.tabbed {min-height: 200px; margin-bottom: 15px;}
.new_all {width: auto; text-align: left; max-height: 1000px;}
.news_cpt {height: auto; line-height: normal;}
.price_list table td img {max-width: 100px !important; display: block; margin: 8px auto;}
.price_list table td button, .price_list table td input[type="button"] {margin-top: 8px !important;}

.pagination span, .pagination a {display: inline-block; vertical-align: top; margin: 0px 5px;}
.menu3 li a, .news_cpt {height: auto; line-height: normal; padding: 10px;}
.cpt_main {height: auto; line-height: normal; padding: 10px 0px;}
.cpt_main, .news_cpt {box-sizing: border-box;}

#container td a img.shk-image {max-width: 100px !important;}
.tabbed > table a img.shk-image {max-width: 100px !important;}
.close_popup {top: -10px; right: -3px;}
.jot-nav .jot-btn {margin: 3px;}

.afterSend table td {display: table-cell !important;}
.options table.regTableSuccesT {display: none; float: right;}
#wlpeWelcomeParagraph {margin: 0px;}
.tabbed .catalog {float: left !important;}
.menuAfterReg ul li a {margin-bottom: 5px; display: inline-block;}

hr {margin-bottom: 10px; box-sizing: border-box;}
#order .row.msg label {width: auto !important;}
#footer > table, #footer > table > tbody, #footer > table > tbody > tr {display: block; width: auto;}
#footer > table > tbody > tr > td {display: block; width: auto; padding: 10px;}
#footer > table > tbody > tr > td > table, #footer > table > tbody > tr > td > table > tbody, #footer > table > tbody > tr > td > table > tbody > tr, #footer > table > tbody > tr > td > table > tbody > tr > td {display: block; width: auto;}
#footer > table > tbody > tr > td + td {padding-top: 0px; padding-bottom: 0px;}
#footer table td ul#razdeli {margin-left: 14px;}
#footer .cpt_main {padding: 10px; box-sizing: border-box;}
#footer h4 {margin-top: 10px;}
}
@media screen and (max-width: 800px) {
.options .search .field {width: 90%; width: calc(100% - 62px);}
}
@media screen and (max-width: 750px) {
#container2 > .catalog li, #container2 > .tabbed > .catalog li, #container > ul.catalog li, .product .item-left ul.zamena li {width: 47%;}
}
@media screen and (max-width: 700px) {
.price_list table {display: block; width: 100%; overflow: auto; box-sizing: border-box;}
.product > table table {display: block; width: 100%; overflow: auto; box-sizing: border-box;}
.tabbed > table {display: block; width: 100%; overflow: auto; box-sizing: border-box;}
.tabbed > table td img.shk-image {max-width: 100px !important;}
#container > table[cellpadding="10"] {display: block; width: auto; overflow: auto;}
.tabbed.news-ctt > table td {display: block; width: auto;}
.user {margin-right: 0px; margin-bottom: 15px; width: 100%; box-sizing: border-box;}
.regTableSucces, .personOffice {width: 100%; box-sizing: border-box;}
.menuAfterReg ul li ul {padding-left: 0px !important;}
form#wlpeUserForm #wlpeProfileButton, form#wlpeUserForm #wlpeLogoutButton {margin: 5px 0px;}
}
@media screen and (max-width: 650px) {
.tabbed > table table td {display: block; width: auto;}
.options .search .field {width: 88%; width: calc(100% - 62px);}
}
@media screen and (max-width: 600px) {
#newTypeMenu .menu li {width: 32.933% !important;}
.jot-controls textarea, .jot-controls input {width: 100% !important; box-sizing: border-box;}
.jot-input-prepend {display: block !important; margin-right: 0px !important;}
.jot-input-prepend input {width: 98% !important; width: calc(98% - 27px) !important; margin-left: calc(2%) !important; box-sizing: border-box;}
#modal_window, #modal_window1 {margin: 0px !important; left: 10% !important; width: 80% !important; max-height: 85% !important; box-sizing: border-box;}
#form-container input {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 570px) {
.menuBlock td ul li, div.brands > table td {margin-left: 5%; margin-left: calc(19px); width: 45%; width: calc(50% - 19px);}
.cabinet #orderList {display: block; overflow: auto;}
}
@media screen and (max-width: 540px) {
#container2 > .catalog li, #container2 > .tabbed > .catalog li, #container > ul.catalog li, .product .item-left ul.zamena li {width: 100%; margin: 0px; margin-bottom: 12px}
.shk-item h2 {min-height: 1px;}
.catalog li, .zamena li {height: auto; min-height: 1px; max-height: 700px;}
.options .search .field {width: 86%; width: calc(100% - 62px);}
}
@media screen and (max-width: 505px) {
.seo-text > table table input.input-button {max-width: 300px !important;}
}
@media screen and (max-width: 470px) {
.menuBlock td td {display: block; width: auto;}
}
@media screen and (max-width: 450px) {
#newTypeMenu .menu li {width: 49.6% !important;}
#respond input[type="text"], #respond select, #respond textarea {width: 100%; box-sizing: border-box;}
#authPanelTable {width: 100%; box-sizing: border-box;}
#authPanelTable td {display: block; width: auto;}
#authPanelTable input[type='text'], #authPanelTable input[type='password'] {width: 100%; box-sizing: border-box; margin: 5px 0px;}
.tabbed .news_image {float: none; margin-right: 0px; width: auto; height: auto;}
.tabbed .news_image img {object-fit: cover; min-width: 100%; width: 100%;}
.options .search .field {width: 83%; width: calc(100% - 62px);}
.regTable {margin-right: 0px; width: 100%; box-sizing: border-box;}
.regTable .avtor_input {width: 100%; box-sizing: border-box;}
.personOffice td {display: block; width: auto;}
.personOffice input[type='text'], .personOffice input[type='password'], .personOffice textarea, .personOffice select, input#wlpeUserProfilePhoto {width: 100%; box-sizing: border-box;}
}
@media screen and (max-width: 430px) {
.regTableTop, .regTableTop tbody, .regTableTop tr {float: none; display: block; white-space: normal; text-align: center;}
.regTableTop td {display: inline-block; vertical-align: top; width: auto; white-space: normal; padding: 3px;}
.seo-text > table table input.input-button {max-width: 250px !important;}
#wlpeUsernameidT, #wlpePasswordT {margin-right: 0px;}
}
@media screen and (max-width: 410px) {
.news_image_main {float: none; width: auto; height: auto; margin-right: 0px;}
.news_image_main img {object-fit: cover; min-width: 100%; width: 100%;}
.menu3 {padding: 0px 10px; box-sizing: border-box;}
.menu3 li {width: 100%;}
.menu3 li a {width: 100% !important; box-sizing: border-box; height: auto; line-height: normal; padding: 10px;}
#order input[type="text"], #order textarea {width: 100% !important; box-sizing: border-box;}
.menuBlock td ul li, div.brands > table td {float: none; margin-left: 19px; width: auto;}
}
@media screen and (max-width: 400px) {
.options .search .field {width: 81%; width: calc(100% - 62px);}
}
@media screen and (max-width: 370px) {
.seo-text > table table input.input-button {max-width: 200px !important;}
.options .search .field {width: 79%; width: calc(100% - 62px);}
}
@media screen and (max-width: 310px) {
#newTypeMenu .menu li {width: 100% !important; margin: 0.2% 0% !important;}
.options .search .field {width: 75%; width: calc(100% - 62px);}
}
@media screen and (max-width: 270px) {
.options .search .field {width: 72%; width: calc(100% - 62px);}
}