/*** 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;}
#column-left {display: block !important; left: 0px !important;}
}
@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;}

#column-left {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;}
#buter {border: 1px solid #dfe6e8; opacity: 0.7; width: 32px; height: 23px; cursor: pointer; background: url('/catalog/view/theme/watches/image/buter.png') center no-repeat; display: block !important; padding: 4px; position: fixed; top: 0px; right: 0px; z-index: 199; background-size: 32px 23px !important; background-color: #fff; border-radius: 0 0 0 3px;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #ffffff; position: fixed; right: 8px; 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;}

#column-left #banner0 {display: none !important;}
.mobile {display: block !important;}
#column-left .box.mobile {margin-bottom: 0px;}
#column-left .box.mobile .box-content {padding-bottom: 0px; border-bottom: 1px solid #000000;}

#header {z-index: 1 !important; width: 100% !important; height: auto !important; min-height: 35px !important; padding-bottom: 10px !important; margin-bottom: 21px !important; background: url(../image/wrap.png) top repeat-x !important; background-size: 100% 100% !important; overflow: hidden;}
#wrapper {background: none !important;}
#header #welcome {right: auto !important; left: 0px !important; position: relative !important; float: none !important;}
#header #search {width: 320px !important; right: 0px !important; position: relative !important; float: right !important;}
#header #search input {width: 270px !important;}
#logo {overflow: hidden !important; height: 83px !important;}

#container {width: auto !important; z-index: initial !important;}
#cart {min-width: 0px !important; position: fixed !important; top: auto !important; bottom: 0px !important;}
#cart .heading {margin-right: 5px !important; margin-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; height: 30px !important;}
#cart .heading a {color: #000000 !important; background-color: #ffffff !important; opacity: 0.9 !important; padding-left: 5px !important; border-radius: 5px !important;}
#cart .heading a:hover {opacity: 1 !important;}
#cart .heading a span {padding-bottom: 20px !important;}
#cart .content {position: static !important; min-height: 0px !important; width: auto !important;}
#cart .empty {padding-top: 0px !important;}

.mini-cart-info table {text-align: left;}
.cart-info {overflow: auto !important;}

#container .links a.lls + a.lls:empty {display: none !important;}

.slideshow .nivoSlider {margin: auto !important; margin-bottom: 20px !important;}

#column-left + #column-right + #content, #column-left + #content {margin-left: 0px !important;}

.tab-content > a {width: auto !important; height: auto !important;}

#content .box-product {text-align:` center !important; margin-bottom: 0px !important;}
#content .box-product > div {text-align: left !important; width: 31% !important; margin: 1% !important;}

.jcarousel-skin-opencart .jcarousel-prev-horizontal, .jcarousel-skin-opencart .jcarousel-next-horizontal {top: 50% !important; margin-top: -16px !important;}

.success, .warning, .attention, .information {width: auto !important; box-sizing: border-box; position: relative;}
.success .close, .warning .close, .attention .close, .information .close {right: 0px !important; top: 0px !important; position: absolute; margin-top: 0px !important;}

#colorbox {box-sizing: border-box !important;}
#cboxTopCenter, #cboxBottomCenter, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleRight, #cboxTopRight, #cboxTopLeft, #cboxMiddleLeft{display: none !important;}
#cboxClose {top: 0px !important;}

.pagination .links a, .pagination .links b {margin: 4px 2px !important;}
#container .links {color: #A3A3A3;}

.category-list ul {width: auto !important; float: none !important;}
.grid4 .col {box-sizing: border-box !important;}
.box-category > ul > li > a {display: block !important; max-width: calc(100% - 20px) !important;}
.box-category > ul > li ul > li {width: auto !important;}
.box-category > ul > li a.active + ul {margin-right: -5px !important;}
.box-product {text-align: center !important;}
.box-product > div {text-align: left !important;}
.blogdescription {min-height: 35px !important;}

#footer {padding-right: 20px !important;}
#footer .column {width: 24% !important; float: none !important; display: inline-block !important; vertical-align: top !important;}
.nav_up {left: 5px !important; bottom: 5px !important;}
#powered {font-size: 12px !important;}
}
@media screen and (max-width: 800px) {
.slideshow {display: none !important;}
#container .links {float: none !important; height: auto !important; text-align: center !important; margin: 0px 0px 10px 0px !important; padding: 6px 0px !important;}
#logo {display: none; position: static !important; text-align: center !important; margin-bottom: 5px !important;}
#container .links a.lls {float: none !important; display: inline-block !important; vertical-align: top !important; min-height: 0px !important; width: auto !important; padding: 5px !important; margin: 2px 5px !important;}
#container .links a.lls, #container .links a.lls + a.lls {background: none;}
.box .box-heading, .box .box-heading a {background-color: rgba(54, 54, 54, 1);}
.whatsapp {display: block !important; text-align: center;}
.whatsapp a {display: inline-block; color: #fff !important; background: url('/catalog/view/theme/watches/image/whatsapp.png') center left no-repeat; font-size: 15px; font-weight: bold; padding: 5px; margin: 2px 5px; padding-left: 32px; text-decoration: none; background-size: 27px 27px;}
}
@media screen and (max-width: 780px) {
#content .box-product > div {width: 45% !important; margin: 2% !important;}
#column-right {float: none !important; width: auto !important;}
#column-right ul {padding-left: 10px !important;}
#content {min-height: 100px !important;}
input[type='text'], input[type='password'], textarea, select {width: 100% !important; box-sizing: border-box !important; display: block;}
.product-info .cart input.button {margin: auto !important; display: block !important;}
.product-info .cart > div + div {text-align: center !important;}
.product-info .cart > div + div + div br {display: none !important;}
.product-info .cart > div + div + div a {display: inline-block; margin: 2px 5px;}
.product-info .review .share {text-align: center !important;}
.addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m {float: none !important;}
#content .content {padding: 10px !important; margin-left: 10px !important; margin-right: 10px !important;}
#content .content > p {margin: 0px !important;}
.blog-record-description span[style*="font-size: 10px"] {font-size: 12px !important;}
a.button {margin-bottom: 0px !important;}
.category-info span {font-size: 12px !important; line-height: normal !important;}
}
@media screen and (max-width: 680px) {
#footer .column {width: 32% !important; height: auto !important; min-height: 10px !important;}
#header #search {width: 180px !important;}
#header #search input {width: 130px !important; padding: 1px 1px 1px 68px !important;}
#header .button-search {width: 40px !important;}
#header #welcome {width: auto !important; text-align: left !important; padding-left: 10px !important;}
}
@media screen and (max-width: 670px) {
.product-info > .left {float: none !important; margin-right: 0px !important; text-align: center !important; padding: 3px; box-sizing: border-box;}
.product-info .image {max-width: 265px !important; margin: auto !important; margin-top: 2px !important; margin-bottom: 15px !important; float: none !important; box-sizing: border-box !important;}
.product-info .image-additional {margin: auto !important; text-align: center !important; width: auto !important;}
.product-info .image-additional a {margin: 0px !important; display: inline !important; float: none !important;}
.product-info .image-additional img {margin: 7px !important; margin-top: 3px !important;}

.product-info > .left + .right {margin-left: 0px !important;}
}
@media screen and (max-width: 620px) {
.blog-small-record {min-height: 20px !important; height: auto !important; text-align: center !important;}
.blog-small-record ul li {padding: 0 0 0 20px !important; float: none !important; display: inline-block !important; vertical-align: top !important; box-sizing: border-box; margin: 3px 7px !important;}
.blog-small-record ul li.floatright {padding: 0px !important;}
}
@media screen and (max-width: 550px) {
#footer .column {width: 49% !important;}
}
@media screen and (max-width: 530px) {
.product-filter .display {float: none !important; margin-right: 0px !important; padding-top: 4px !important;}
.product-filter .limit {float: none !important; margin-left: 0px !important; padding-top: 4px !important;}
.product-filter .sort {float: none !important; padding-top: 4px !important;}
}
@media screen and (max-width: 500px) {
.login-content .left, .login-content .right {float: none !important; width: auto !important;}
.checkout-content .left, .checkout-content .right {float: none !important; width: auto !important;}
.login-content .left .content, .login-content .right .content {min-height: 10px !important;}
}
@media screen and (max-width: 480px) {
#content .box-product > div {width: 96% !important; margin: 2% !important;}
.cart-info tbody .quantity input[type='text'] {width: 50px !important; max-width: 50px !important;} 
.cart-info tbody .image img {max-width: 29px !important;}
.cart-info tbody .name {max-width: 100px !important; width: 100px !important;}
.box-product .image img {padding: 0px !important;}
.box .box-content {font-size: 17px !important;}
#welcome {font-size: 17px; padding-bottom: 15px !important;}
.box .box-heading, .box .box-heading a {font-size: 17px !important;}
#content .box-product .name a {font-size: 17px !important;}
#footer h3 {font-size: 20px !important;}
#footer .column a {font-size: 15px;}
.product-info .description {font-size: 16px !important;}
.product-info .price {font-size: 17px !important;}
.product-info .price-tax {font-size: 15px !important;}
.product-info .cart {font-size: 15px !important;}
.tab-content {font-size: 18px !important;}
.box .box-heading, .box .box-heading a {font-size: 18px !important;}

}
@media screen and (max-width: 450px) {
#header {margin-bottom: 10px !important;}
#header #search {width: 100% !important; float: none !important;}
#header #search input {width: 100% !important; max-width: calc(100% - 12px) !important; box-sizing: border-box !important; padding-right: 10px !important;}
#header #welcome {padding: 15px 10px !important; padding-top: 5px !important; text-align: center !important;}
#logo {margin-bottom: 0px !important;}
#logo img {object-fit: cover !important; min-width: 100% !important; width: 100% !important; height: auto !important; min-height: 100% !important;}
.product-info .cart div {float: none !important;}
.tab-content {text-align: center !important;}
.tab-content span {display: block !important;}
.review-list {text-align: left !important;}
#tab-description {text-align: left !important;}
#tab-description ul {padding-left: 20px !important;}
.tab-content .buttons {margin-bottom: 0px !important; padding: 5px !important; text-align: center !important;}
.tab-content .buttons .right {float: none !important; text-align: center !important;}
.tab-content .buttons .right a.button {margin-bottom: 0px !important; margin: auto !important;}
input[name="captcha"] {margin: 5px 0px;}
.htabs a {width: 100% !important; box-sizing: border-box !important;}
.share.floatleft {float: none !important; text-align: center !important;}
.share.floatleft .addthis_toolbox {float: none !important;}
h1, .welcome {overflow: hidden; word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.wishlist-info {overflow: auto !important;}
}
@media screen and (max-width: 400px) {
table.form tr td:first-child {width: 85px !important;}
.product-list > div {position: relative; padding: 10px !important; box-sizing: border-box;}
.product-list .right {float: none !important; margin: 0px !important; margin-top: 110px !important; text-align: center;}
.product-list .left {float: none !important; margin: 0px !important;}
.product-list .wishlist, .product-list .compare {max-width: 100px !important; margin: auto !important; margin-bottom: 3px !important; text-align: left !important;}
.product-list .image {float: none !important; margin: 0px !important; text-align: center !important; position: absolute !important; top: 10px !important; left: 10px !important; right: 10px !important;}
.product-list .price {float: none !important; height: auto !important; margin-left: 0px !important;}
.product-list .image img {margin-top: 0px !important; padding: 0px !important;}
.compare-info {display: block !important; width: 100% !important; overflow: auto !important; box-sizing: border-box !important;}
.manufacturer-list ul {float: none !important; width: auto !important;}
#content .content .left, #content .content .right {float: none !important; width: auto !important;}
.return-name, .return-model, .return-quantity, .return-reason, .return-opened, .return-captcha {float: none !important; width: auto !important; margin-right: 0px !important;}
.sitemap-info .left, .sitemap-info .right {float: none !important; width: auto !important;}
h1, .welcome {font-size: 30px !important; margin-bottom: 15px !important;}
table.list {overflow: auto !important; box-sizing: border-box !important; width: 100% !important;}
}
@media screen and (max-width: 385px) {
input[type='text'], input[type='password'], textarea {width: 100% !important; box-sizing: border-box !important;}
#footer .column {width: 100% !important;}
#footer .column ul li {margin-bottom: 7px !important; margin-top: 7px !important;}
#content .box-product > div {width: 98% !important; margin: 4% 1% !important;}
#content .box-product .name {height: auto !important;}
.box-product .image img {padding: 0px !important;}
}
@media screen and (max-width: 350px) {
#carousel0 {display: none !important;}
}
@media screen and (max-width: 340px) {
.product-info .review {text-align: center !important;}
.product-info .review a {display: inline-block !important;}
}
@media screen and (max-width: 320px) {
.record-filter .limit, .record-filter .sort {margin-left: 0px !important; float: none !important;}
.record-filter .sort {margin-top: 5px !important;}
}