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

@media screen and (min-width: 1041px) {
body {overflow: auto !important;}
#zakr {display: none !important;}
#leftColomn {display: block !important; left: 0px !important;}
}
@media screen and (max-height: 500px) {
.faq {bottom: 50px !important;}
.faq2 {bottom: 280px !important;}
}
@media screen and (max-height: 355px) {
.faq {bottom: 10px !important;}
.faq2 {bottom: 220px !important;}
}

@media screen and (max-width: 1040px) {
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;}

#slider {display: none !important;}

#leftColomn {float: none !important; margin: 0px; padding: 0px; width: 100% !important; height: 100% !important; overflow: auto; position: fixed; display: none; background-color: #fff; top: 0px; left: -100%; right: 0px; z-index: 999999; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s; border-radius: 0px !important;}
#buter {border: 1px solid #dfe6e8; opacity: 0.7; width: 35px; height: 22px; cursor: pointer; background: url('/templates/180-upackcenter/img/buter.png') center no-repeat; display: block !important; padding: 4px; position: fixed; top: 0px; left: 0px; z-index: 200; background-size: 32px 23px !important; background-color: #fff; border-radius: 0 0 3px 0;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #db3029; position: fixed; right: 5px; top: 5px padding: 0; font-size: 25px; line-height: 25px}
#zakr:hover {color: #ff0a00 !important;}
#leftblock {padding: 15px !important; padding-top: 0px !important;}
#leftblock h2 {margin-top: 15px !important;}
#leftblock #searchbox {position: relative !important;}
#leftblock #searchbox .button { position: absolute !important; top: 3px !important; right: 0px !important;}
#quick_find_keyword {max-width: calc(100% - 100px) !important;}
#leftblock table {width: 100% !important;}
#infrm {width: auto !important;}
#leftblock > a > img {display: block !important; margin: auto !important; box-sizing: border-box !important;}

#main {background: none !important; z-index: auto !important;}
#main > tbody > tr > td {padding-top: 0px !important;}
#main > tbody > tr > td > table {width: 100% !important;}
#zero {width: 100% !important; height: 90px !important;}
.cont {display: inline-block !important; max-width: 237px !important; width: 100% !important; box-sizing: border-box !important;}
#toppanel {height: auto !important; position: static !important;}
#toppanel + div > table {background-position: center 5px !important; margin-top: 0px !important; width: 100% !important;}
#toppanel > table {width: 100% !important; display: table !important;}
#toppanel td {width: auto !important;}
#toppanel td img {display: none !important;}
#toppanel td div {padding: 8px 20px 4px 20px !important;}
#toppanel + div td {text-align: center !important; padding: 0px 20px !important; box-sizing: border-box !important; display: inline-block !important; width: 100% !important; height: auto !important;}
#toppanel + div td + td {width: 50% !important;}

#headeraa {height: auto !important; position: static !important;}
#navigation {z-index: auto !important; width: auto !important; display: block !important; height: auto !important;}
.ddsmoothmenu ul {text-align: center !important;}
.ddsmoothmenu ul li {z-index: auto !important; display: inline-block !important; vertical-align: top !important; float: none !important;}
.ddsmoothmenu ul li a {padding: 3px !important; margin: 5px !important;}
.ddsmoothmenu ul li[style^="z-index"] {cursor: pointer;}
.ddsmoothmenu ul li > a.activh, .ddsmoothmenu ul li[style^="z-index"] > a {pointer-events: none !important; padding-right: 10px !important;}
.ddsmoothmenu ul li ul li a {text-align: center !important;}
.downarrowclass {top: 12px !important; right: 0px !important;}
.ddsmoothmenu ul li ul {z-index: 100 !important}

#content {width: 100% !important; display: block !important; overflow: auto;}
#content > tbody, #content > tbody > tr {display: block !important;}
#content > h1:empty {display: none !important;}
.maincol2 {display: block !important; width: auto !important; padding: 20px !important; height: auto !important;}

.prod_line_x {opacity: 0.1 !important; overflow: hidden !important; height: 1px !important;}
.cardtv {margin: 0.5% !important; display: inline-block !important; vertical-align: top !important; box-sizing: border-box !important; width: 24% !important; height: auto !important;}
.sliding_product {text-align: center !important;}
.cardtv .imgc {margin: auto !important;}
.cardtv .notes {margin: auto !important;}
#review {width: 100% !important; box-sizing: border-box !important;}

#cart_quantity {display: block !important; overflow: auto !important; overflow-y: hidden !important;}
#content > table {table-layout: fixed !important;}
#cart_quantity td > img {max-width: 70px !important; width: 70px !important;}

.sm_layout_box {padding-left: 0px !important;}
#comments {width: 100% !important; box-sizing: border-box !important;}
.contentText {overflow: hidden;}
.suggestions-wrapper * {max-width: none !important;}

.inputRequirement TEXTAREA, .inputRequirement select, .inputRequirement input {width: 100% !important; box-sizing: border-box !important; max-width: calc(100% - 15px) !important;}
#checkout_address img[height="1"] {height: 1px !important;}
dl.ordersAddress {width: auto !important; float: none !important;}
.box > table {table-layout: fixed !important;}

.cardtv .notes {font-size: 12px !important; min-height: 50px !important; height: auto !important; max-width: 150px !important; width: 100% !important;}


#colorbox {left: 0px !important;}
#cboxTopCenter, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleRight, #cboxTopRight, #cboxTopLeft, #cboxMiddleLeft {display: none !important;}
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {width: 100% !important; min-height: 100% !important; padding: 0px !important; margin: 0px !important;}
#cboxClose {top: 0px !important;}
.cboxPhoto {padding: 0px !important; margin: auto !important; width: auto !important; height: auto !important;}


#footer .shell {width: auto !important; padding: 20px !important; padding-bottom: 0px !important;}
#footer .shell > table {width: 100% !important;}
#footer .shell table td {display: inline-block !important; vertical-align: top !important; width: 50% !important; box-sizing: border-box !important;}
}
@media screen and (max-width: 740px) {
.cardtv {width: 32% !important;}
#cart_quantity td > img {max-width: 50px !important; width: 50px !important;}
}
@media screen and (max-width: 700px) {
#content .box table td img[width="600"] {width: 100% !important; height: auto !important;}
.box > table > tbody > tr > td > div[style^="padding-left:1em"], .box > table > tbody > tr > td > div[style^="padding-left: 1em"] {padding-left: 0px !important;}
}
@media screen and (max-width: 600px) {
h1 {font-size: 30px !important; word-break: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
h1, h2 {overflow: hidden !important;}
#glav #content .box table.content td[width="50%"] {display: block !important; width: auto !important;}
#glav #content .box table.content td[width="50%"] + td {display: block !important; width: auto !important; padding-top: 15px !important;}
}
@media screen and (max-width: 580px) {
.cardtv {width: 49% !important;}
#advanced_search input[type="text"], #advanced_search select {width: 100% !important; box-sizing: border-box !important;}
#advanced_search td {display: block !important; width: auto !important;}
}
@media screen and (max-width: 550px) {
.cont {max-width: 200px !important;}
#cart_quantity .box > table > tbody > tr > td {display: block !important; padding: 0px !important;}
.box table {width: 99% !important; box-sizing: border-box;}
.yashare-auto-init {text-align: center !important;}
#cart_quantity .box td.cent_padd {width: 36% !important; text-align: right !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 64% !important; text-align: left !important;}
.form-anti-bot-2 + table td {display: block !important; width: auto !important;}
#product_reviews_write a.button, #product_reviews_write span.button, #product_reviews_write del.button {text-align: center !important; display: block !important; width: auto !important;}
#product_reviews_write span.button button, #product_reviews_write span.button input {text-align: center !important; width: 100% !important; display: block !important; box-sizing: border-box !important;}
#product_reviews_write div {text-align: center !important;}
#country_payment, #state_payment, #city_payment, #lastname_payment, #firstname_payment, #firstname, #lastname, #city, #country, #state, #email_address, #telephone, #contact_box input[type="text"] {width: 100% !important; box-sizing: border-box !important; max-width: calc(100% - 15px) !important;}
#payment_address input[type="text"], #sign input[type="text"], #shipping_box input[type="text"], #schet input[type="text"], #contact_us input[type="text"], #content .box table td[width="50%"] input[type="text"], #content .box table td[width="50%"] input[type="password"] {width: 100% !important; box-sizing: border-box !important;}
}
@media screen and (max-width: 530px) {
#footer .shell table td {width: 100% !important;}
#footer p.ban {padding-bottom: 0px !important; margin: 0px !important; text-align: center !important;}
.share42init {text-align: center !important;}
#footer .shell > table tr:last-child td:last-child {padding-top: 25px !important; text-align: center !important;}
}
@media screen and (max-width: 500px) {
#content .box table td[width="50%"] {display: block !important; width: auto !important; border-right: none !important;}
#content .box table td img[width="408"] {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 470px) {
#cart_quantity .box td.cent_padd {width: 34% !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 66% !important;}
.cont {max-width: 100% !important; background: none !important; padding-left: 0px !important;}
#toppanel + div td {width: 100% !important;}
#toppanel + div td + td {width: 100% !important;}
}
@media screen and (max-width: 450px) {
#product_reviews_write strong {display: block !important; text-align: center !important;}
#product_reviews_write {text-align: center !important;}
#product_reviews_write > table:first-child img {display: block !important; margin: 5px auto !important;}
#content td.box > table {display: block !important; padding-bottom: 2px !important; height: auto !important; overflow: auto !important; width: 100% !important; box-sizing: border-box !important;}
#content td.box > table > tbody {display: table !important; table-layout: fixed !important; width: 100% !important; height: auto !important; box-sizing: border-box !important;}
#content .box > table td[style="border-top: 1px solid; border-color: #cccccc;"] td {display: block !important; width: auto !important;}
}
@media screen and (max-width: 430px) {
#cart_quantity .box td.cent_padd {width: 31% !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 69% !important;}
table.formArea td {display: block !important; width: auto !important;}
}
@media screen and (max-width: 400px) {
#toppanel + div > table {background-size: contain !important;}
.cardtv {width: 100% !important; margin: 3px 0px !important;}
#checkout_address > table:last-child {display: none !important;}
}
@media screen and (max-width: 380px) {
#cart_quantity .box td.cent_padd {width: 29% !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 71% !important;}
}
@media screen and (max-width: 360px) {
#cart_quantity .box td.cent_padd {width: 27% !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 73% !important;}
}
@media screen and (max-width: 355px) {
#zero {height: 77px !important;}
a.button, span.button, del.button {text-align: center !important; display: block !important; width: auto !important;}
span.button button, span.button input {text-align: center !important; width: 100% !important; display: block !important; box-sizing: border-box !important;}
#content td.box > font + br + br + table + p + table td {display: block !important; width: auto !important;}
}
@media screen and (max-width: 330px) {
#zero {height: 72px !important;}
#cart_quantity .box td.cent_padd {width: 24% !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 76% !important;}
}
@media screen and (max-width: 319px) {
#zero {height: 67px !important;}
#cart_quantity .box td.cent_padd {width: 100% !important; display: block !important; text-align: center !important;}
#cart_quantity .box td.cent_padd + td.cent_padd {width: 100% !important; display: block !important; text-align: center !important;}
#cart_quantity .box td.cent_padd input[type="text"] {width: 99% !important; box-sizing: border-box !important;}
}
@media screen and (max-width: 275px) {
#zero {height: 61px !important;}
}