/* ============================================================ АДАПТИВНЫЕ СТИЛИ (МЕДИА-ЗАПРОСЫ) ============================================================ */ @media (max-width: 991px) { .ml-2-nophone{ margin-left: 0; } } @media (min-width: 768px) { .eq3 > .cl { -ms-flex-preferred-size: 33.33333333333333%; -webkit-flex-basis: 33.33333333333333%; flex-basis: 33.33333333333333%; max-width: 33.33333333333333%; } } @media (max-width: 478px) { #cart .dropdown-menu{width:100%} } @media (max-width: 478px) { #cart .dropdown-menu li > div{min-width:100%} } @media (min-width: 992px) { #menu .sale-ul > div .megamenu-sale-item{margin-bottom:20px} #menu .sale-ul > div .megamenu-sale-item .megamenu-parent-title{font-weight:400!important;font-size:12px!important;display:block!important;margin:6px 0!important;text-align:center!important;padding:0!important;min-width:0!important} #menu .dropdown-menu{margin-top:-2px!important} #menu .dropdown:hover .dropdown-menu{display:block;padding-top:0} #menu .dropdown .dropdown-menu.megamenu-full-width{padding-bottom:30px;padding-top:30px;max-height:540px;overflow-y:auto;overflow-x:hidden} #menu .dropdown:hover .dropdown-menu.megamenu-full-width{max-height:540px;overflow-y:auto;overflow-x:hidden} #menu .dropdown-menu li > a:hover{background-color:transparent;background-image:none} #menu .dropdown-menu li.second-level-li:hover{background-color:#3d2b1f;transition-duration:.2s;transition-property:all} #menu li.dropdown.megamenu-full-width-parrent{position:inherit} #menu div.dropdown-menu.megamenu-full-width{width:100%;margin-left:0!important} #menu .megamenu-full-width ul.list-unstyled > li.megamenu-hassubchild{display:inline-block;width:186px;margin:8px 0 16px} #menu .megamenu-full-width a:hover,#menu .megamenu-full-width a.megamenu-parent-img:hover + a{background:transparent;color:#3d2b1f!important;text-decoration:underline} #menu .megamenu-full-width a.third-level-link{color:#666} #menu .megamenu-full-width .see-all:hover,#menu .megamenu-full-width .see-all:focus{color:#333!important} #menu .megamenu-full-width a.megamenu-parent-title{font-weight:700!important;font-size:12px;line-height:18px;display:block;margin:6px 0} #menu .megamenu-full-width .megamenu-hassubchild.megamenu-with-img{text-align:center} #menu .megamenu-full-width .megamenu-hassubchild.megamenu-with-img .megamenu-parent-title{font-weight:400} #menu .megamenu-full-width .megamenu-hassubchild .megamenu-ischild{border-left:1px solid rgba(231,231,231,0.58);padding-left:2px} #menu .megamenu-full-width .megamenu-hassubchild:first-child .megamenu-ischild{border-color:transparent} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild{text-align:center} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild .megamenu-parent-title{font-weight:400;font-size:12px;text-transform:uppercase;margin-top:0;margin-bottom:0;min-width:0;padding-left:0;padding-right:0} #menu .megamenu-full-width a{padding-top:3px;padding-bottom:3px} #menu .megamenu-full-width .sale-ul a.megamenu-parent-title{text-transform:none} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild .megamenu-parent-img{min-width:0;padding:10px 20px} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild .megamenu-parent-img img{border:1px solid #e7e7e7} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild .megamenu-parent-img:hover + .megamenu-parent-title{color:#3d2b1f} #menu .has-child{position:relative} #menu .has-child .angle-right{position:absolute;top:5px;right:0;color:#333;display:block;padding:5px 20px} #menu .has-child:hover a{color:#fff} #menu .nav > li a.dropdown-toggle + .dropdown-menu{min-width:270px} #menu .has-child .megamenu-ischild{display:block!important;opacity:0;visibility:hidden;position:absolute;left:103%;top:0;background:#fff;list-style:none;padding-left:0;border-radius:0 0 3px 3px;border-color:transparent!important;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);min-width:220px;width:auto} #menu .has-child:hover .megamenu-ischild{visibility:visible;transition:all 500ms;left:100%;opacity:1} #menu .has-child .megamenu-ischild li{padding-top:4px;padding-bottom:4px} #menu .has-child .megamenu-ischild li a,#menu .has-child .megamenu-ischild li a:visited{color:#333!important;padding-top:6px;padding-bottom:6px} #menu .has-child .megamenu-ischild li:hover a{color:#3d2b1f;text-decoration:underline} #menu .has-child .megamenu-ischild li a{transition:unset} #menu .megamenu-full-width .megamenu-hassubchild.megamenu-with-img .megamenu-parent-img:hover + .megamenu-parent-title{color:#3d2b1f!important} #menu .megamenu-full-width .megamenu-parent-title{font-weight:400!important;text-align:center} #menu .megamenu-full-width .megamenu-parent-img{text-align:center} #menu .megamenu-full-width .megamenu-hassubchild{margin-bottom:10px} #menu .megamenu-full-width .megamenu-hassubchild:hover:before{content:'';position:absolute;bottom:0;left:0;right:0;background:rgba(231,231,231,0.23);width:40%;height:1px;margin:0 auto} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild:hover:before,#menu .megamenu-full-width .megamenu-hassubchild.megamenu-with-img:hover:before{display:none} } @media (max-width: 767px) { #menu{border-radius:4px} #menu div.dropdown-inner > ul.list-unstyled{display:block} #menu div.dropdown-menu{margin-left:0!important} #menu .dropdown-inner{display:block} #menu .dropdown-inner a{width:100%;color:#fff} #menu .dropdown-menu a:hover,#menu .dropdown-menu ul li a:hover,#menu .dropdown-menu li.second-level-li:hover{background:transparent!important} #menu .see-all{margin-top:0;border:none;border-radius:0;color:#fff} } @media (min-width: 767px) { .product-list .product-thumb .image{float:left;padding:0 15px;width:350px} } @media (max-width: 1200px) { .product-grid .product-thumb .caption{padding:0 10px} } @media (max-width: 767px) { .product-list .product-thumb .caption{min-height:0;margin-left:0;padding:0 10px} .product-grid .product-thumb .caption{min-height:0} } @media (max-width: 768px) { .product-list .product-thumb .button-group{border-left:none} } @media (max-width: 1200px) { .product-thumb .button-group button,.product-thumb .button-group button + button{width:33.33%} } @media (max-width: 767px) { .product-thumb .button-group button,.product-thumb .button-group button + button{width:33.33%} } @media (min-width: 1200px) { #content .col-lg-2:nth-child(6n+1),#content .col-lg-2:nth-child(6n+1),#content .col-lg-3:nth-child(4n+1),#content .col-lg-4:nth-child(3n+1),#content .col-lg-6:nth-child(2n+1){clear:left} } @media (min-width: 992px) and (max-width: 1199px) { #content .col-md-2:nth-child(6n+1),#content .col-md-2:nth-child(6n+1),#content .col-md-3:nth-child(4n+1),#content .col-md-4:nth-child(3n+1),#content .col-md-6:nth-child(2n+1){clear:left} } @media (min-width: 768px) and (max-width: 991px) { #content .col-sm-2:nth-child(6n+1),#content .col-sm-2:nth-child(6n+1),#content .col-sm-3:nth-child(4n+1),#content .col-sm-4:nth-child(3n+1),#content .col-sm-6:nth-child(2n+1){clear:left} } @media (min-width: 768px) { #column-left .product-layout .col-md-3{width:100%} #column-left + #content .product-layout .col-md-3{width:50%} #column-left + #content + #column-right .product-layout .col-md-3{width:100%} #content + #column-right .product-layout .col-md-3{width:100%} } @media only screen and (max-width: 460px) { .map-tab{ font-size: 13px; } } @media only screen and (max-width: 1600px) { .oct-pfc-grid > .item{width:25%} } @media only screen and (max-width: 1366px) { #oct-slide-panel .oct-slide-panel-content.oct-slide-panel-content-opened{height:550px} .oct-slide-panel-content .oct-carousel-box{padding:20px;box-shadow:none;border-radius:0;padding-top:0;margin-bottom:0} .oct-slide-panel-content .owl-carousel{margin-bottom:0} } @media only screen and (max-width: 1240px) { #hide-slide-panel{width:30px} } @media only screen and (max-width: 1200px) { .opt-oct-button{display:none} .filtered label{width:150px} #product-info-counter .counter{padding-left:0;margin-top:10px;margin-bottom:10px} .oct-day-goods-box .owl-carousel .owl-item .things-to-buy .flip-clock-wrapper{padding-left:4px} .flip-clock-divider{width:13px!important} .flip-clock-wrapper ul{margin:2px!important} .oct-product-tab ul.nav-tabs > li a i{margin-right:6px;display:block;margin-bottom:10px;margin-right:0} #menu .dropdown-menu{display:none} #res-products .product-grid{min-height:439px} .sort-row .input-group-addon{padding-top:0!important} .product-buttons-box a{padding-left:15px;padding-right:15px} .after-header-row > div{display:table} .after-header-item{height:44px;vertical-align:middle;display:table-cell;width:100%} .after-header-item .rating{display:block} } @media only screen and (max-width: 1024px) { .oct-messengers .viber-desktop{display:none!important} .oct-messengers .viber-mobile{display:inline-block!important} .field-tip .tip-content{display:none} .product-thumb:hover .image .quick-view,.product-thumb .cart a.button-cart i,.product-grid .product-thumb:hover .oct-additional-info,.oct-product-tab .owl-carousel .owl-item:hover .image .quick-view,.oct-carousel-row .owl-carousel .owl-item:hover .image .quick-view{display:none} .product-thumb .cart a.button-cart{padding:13px 12px} footer hr{margin-top:20px;margin-bottom:20px} .tooltip{z-index:100} .product-price .h2,.product-price h2{font-size:20px} .popup-table-price{min-width:140px} .product-price .h3,.product-price h3{font-size:16px} .oct-column-price{width:17%} .oct-column-stock{width:15%} .oct-column-total{width:15%} .sort-row .input-group-addon{padding-top:8px!important} } @media only screen and (min-width: 769px) and (max-width: 991px) { #image-additional .owl-item{height:auto;margin-right:30px} } @media only screen and (max-width: 992px) { #tech_livesearch_close{right:0!important;top:0!important} .ts-livesearch-list-item{padding-right:43px} #tech_livesearch.expanded,#tech_livesearch > div{max-height:40000px!important} #search .input-group-btn.dropdown{display:none!important} .oct-category-item-box{width:calc(50% - 30px)} .oct-pfc-grid > .item{width:50%} #res-products .product-list{min-height:390px} .product-list{width:50%} .product-list .product-thumb .image + div{margin-left:0} .product-list .product-thumb .h4,.product-thumb .price{height:40px!important;overflow:hidden!important;margin-bottom:0!important;margin-top:0!important} .product-list .product-thumb .h4 a{font-size:12px!important} .product-list .product-thumb .image{float:none} #callback-popup{padding-top:10px;padding-bottom:10px} #uptocall-mini .uptocall-mini-phone i{font-size:26px;top:10px;left:12px} .oct-m-phones-popup{display:block} .oct-m-phones-popup ul{list-style:none;padding-left:0;text-align:center;margin:15px auto} .oct-m-phones-popup ul li{margin-bottom:4px} .oct-m-phones-popup ul li i{position:relative;top:-1px} .oct-m-phones-popup ul li a{font-size:16px;padding-left:10px} #uptocall-mini .uptocall-mini-phone:before{top:0;left:10px;background-size:70%} #uptocall-mini .uptocall-mini-phone{width:45px;height:45px} #back-top{right:12px;bottom:80px;width:40px;height:40px;line-height:40px} #back-top i{font-size:23px} #uptocall-mini{bottom:5px;right:0} .oct-product-tab ul.nav-tabs > li{border-left-color:transparent} #info-mobile,.menu-row,.product-list .product-thumb .oct-additional-info{display:none} #top{background-color:#4a3426!important} .top-mobile-item{display:block;height:58px;text-align:center;border-right:1px solid rgba(255,255,255,0.1)} .top-mobile-item a{color:#f0f0f0;display:block;line-height:58px} .top-mobile-item a i{font-size:26px;line-height:58px} .mobile-container .row .top-mobile-item:last-child{border-right-color:transparent} #top-left-links,#top-right-links,.ts-search-box,.phones-top-box,.buttons-top-box,#oct-slide-panel{display:none} .ts-logo-box{text-align:center;width:50%} .not-mobile-container{display:none} #menu-mobile{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9997;height:100%;background:#fff;padding:0;-webkit-overflow-scrolling:touch;overflow:hidden} #menu .navbar-header{display:none} #menu .collapse{display:block;background:#fff;padding-left:0;padding-right:0} .menu-mobile-header{height:59px;line-height:59px;text-align:left;text-transform:uppercase;font-size:24px;color:#3d2b1f;padding-left:15px;background:#f0f0f0} #menu .nav > li > a{padding:15px} #menu .nav > li .megamenu-toggle-a,#menu .nav > li .parent-title-toggle{position:absolute;display:block;right:0;top:0;bottom:0;min-width:50px;width:50px;height:50px;z-index:2;border:0} #menu-mobile-box{padding-left:30px;padding-right:30px;overflow-y:scroll} .megamenu-toggle-a:before,.parent-title-toggle:before{position:absolute;right:22px;top:23px;display:block;width:10px;height:2px;background:#3d2b1f;content:"";-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out} .megamenu-toggle-a:after,.parent-title-toggle:after{position:absolute;right:26px;top:19px;z-index:5;display:block;height:10px;width:2px;background:#3d2b1f;content:"";-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out} .open>.megamenu-toggle-a:after,.open>.megamenu-toggle-a:before,.parent-title-toggle.opened:after,.parent-title-toggle.opened:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} #menu .dropdown-menu{display:none!important} #menu .open .dropdown-menu{display:block!important;opacity:1!important;visibility:visible!important;padding:0!important} .navbar-nav>li{float:none} #menu-mobile .dropdown-menu,#menu-mobile li.dropdown{position:relative} #menu-mobile li.dropdown{display:block;width:100%;border-top:0} #menu .navbar-nav{float:none;margin:0} #menu li.dropdown.megamenu-full-width-parrent{position:relative} #menu .dropdown-inner .megamenu-html-inner{display:none!important} #menu .oct-mm-category .dropdown-inner img{display:none!important} #menu-mobile .dropdown-menu,#menu-mobile li.dropdown{width:100%!important} #menu .sale-ul > div .megamenu-sale-item .megamenu-parent-img,#menu .sale-ul > div .megamenu-sale-item .dropprice{display:none} .oct-mm-products .megamenu-hassubchild{text-align:left!important;padding:0 15px} #menu .nav li.open{background:transparent} #menu .nav > li{border-bottom:1px solid #ededed!important} #menu .nav > li:hover{border-top:0!important} #menu .dropdown-menu{margin-top:0!important;box-shadow:none!important} #menu .oct-mm-products .dropdown-inner a,#menu .oct-mm-category .dropdown-inner a,#menu .dropdown-inner .second-level-li a{padding:5px 15px} #menu .dropdown-inner .second-level-li,#menu .dropdown-inner ul li.second-level-li{padding-left:15px!important;padding-right:15px!important} #menu .oct-mm-category .megamenu-hassubchild .megamenu-parent-title,#menu .oct-mm-simplecat .second-level-li > a,#menu .oct-mm-info .second-level-li a{text-transform:uppercase;font-size:11px} #menu .dropdown-inner a.see-all{color:#3d2b1f!important} #menu .brands-dropdown-inner .megamenu-hassubchild{border-top:1px solid #efefef} #menu li.open > a{background:#ececec!important;transition-duration:.2s;transition-property:all} #menu .brands-dropdown-inner a{padding:15px} #menu .oct-mm-category .megamenu-hassubchild .megamenu-parent-title.not-bold{font-weight:400;color:#333} #menu .oct-mm-simplecat .megamenu-ischild{padding-left:22px;list-style:none} #menu .dropdown-menu .megamenu-ischild.megamenu-ischild li a{position:relative;padding-left:30px} #menu .dropdown-menu .megamenu-ischild.megamenu-ischild li a:before{content:"-";position:absolute;left:20px;top:14px;z-index:3;display:block;visibility:visible} #menu .oct-mm-simplecat .fa-angle-right,.megamenu-html-parrent{display:none!important} #menu .oct-mm-brands img{display:none} #menu .nav > li:hover,#menu .nav > li.open{background-color:transparent!important} #menu .nav > li:hover > a,#menu .nav > li.open > a{color:#3d2b1f!important} #menu .sale-ul > div{margin-top:0} .oct-m-search{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:10000;-webkit-overflow-scrolling:touch;overflow:hidden;display:none;width:100%;height:100%} #oct-mobile-search{padding-top:15px;padding-left:15px;padding-right:15px;overflow-x:hidden;overflow-y:auto;height:100%} .oct-m-search .input-group{margin-bottom:15px} #closemsearch{border-radius:3px} #menu .dropdown-menu .megamenu-ischild{display:none} #menu .dropdown-menu .megamenu-ischild.megamenu-ischild-opened{display:block;padding:0} #menu .dropdown-menu a.parent-title-toggle:hover{background:transparent} #menu .second-level-li{position:relative} #menu .dropdown-menu li.second-level-li:hover a{color:#3d2b1f} #menu .dropdown-inner ul li.second-level-li,#menu .oct-mm-category .dropdown-inner .megamenu-hassubchild{padding:0!important;border-bottom:1px solid #efefef} #menu .dropdown-inner ul li.second-level-li ul li a{padding:15px;border:0!important} #menu .dropdown-inner ul li.second-level-li a,#menu .oct-mm-category .dropdown-inner .megamenu-hassubchild a{padding:15px} #menu .dropdown-inner ul li.second-level-li:first-child,#menu .oct-mm-category .dropdown-inner .megamenu-hassubchild:first-child{border-top:1px solid #efefef} #menu .oct-mm-category .dropdown-inner .row + .row .megamenu-hassubchild:first-child{border-top:0} #menu .dropdown-inner ul li.second-level-li:last-child,#menu .oct-mm-category .dropdown-inner .row:last-child .megamenu-hassubchild:last-child{border-bottom:0} #menu .megamenu-full-width-parrent .megamenu-parent-img,#menu .oct-mm-category .dropdown-inner a.megamenu-parent-img{display:none} .megamenu-sale-item{border-top:1px solid #efefef} #menu .sale-ul{padding-top:0;padding-bottom:0} #menu .sale-ul > div{margin-bottom:0} #menu .dropdown-menu .megamenu-ischild a{padding-left:5px} #menu .dropdown-inner a{color:#3d2b1f!important} #cart{background:transparent!important} #cart .hidden-sm{display:none} .mobile-icons-box{text-align:right;width:50%;margin-bottom:20px} .mobile-icons-box i{font-size:30px} .mobile-icons-box a{position:relative;margin-left:22px} .mobile-icons-box a span{position:absolute;top:-18px;right:-8px;min-width:18px;height:18px;background:#3d2b1f;border-radius:100%;color:#fff;font-size:12px;line-height:14px;text-align:center} #info-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000;-webkit-overflow-scrolling:touch;overflow:hidden;display:none;width:100%;height:100%} #info-mobile-box{padding-top:15px;padding-left:30px;padding-right:30px;overflow-x:hidden;overflow-y:auto} #info-mobile-box ul{list-style:none;padding-left:0;position:relative;display:block;border:0;box-shadow:none;padding:0} #info-mobile-box #currency,#info-mobile-box #language{border-bottom:1px solid #ebebeb;margin-bottom:10px!important;padding-bottom:10px} #info-mobile-box > ul > li{font-size:16px;margin-bottom:20px} #info-mobile-box ul li a{text-decoration:underline} #info-mobile-box ul i{display:none} #user-mobile ul{list-style:none;padding-left:0} #user-mobile ul li{font-size:16px;margin-bottom:20px} #info-mobile ul div .btn-link.btn-language,#info-mobile ul div .btn-link.btn-currency{color:#3d2b1f;padding-left:0;font-size:16px;display:block;float:none;font-weight:bold} #info-mobile ul div.language{margin-bottom:6px} #info-mobile ul div.language .dropdown-menu button,#info-mobile ul div.currency .dropdown-menu button{text-align:left;color:#3d2b1f;padding-left:0;padding-right:0;font-size:16px} #info-mobile-box #currency .active-item button,#info-mobile-box #language .active-item button{color:#3d2b1f;font-weight:600} #info-mobile span.hidden-md,#info-mobile span.hidden-lg{display:inline!important} #user-mobile{overflow:visible} #user-mobile ul div li{margin-bottom:0} #oct-mobile-search-box{overflow-x:hidden;overflow-y:auto} #column-left,#column-right{display:none} #content{width:100%} #filter-mobile{position:fixed;top:0;z-index:10000;bottom:0;width:240px;overflow-y:scroll;overflow-x:hidden;background:#fafafa;transform:translateX(0)} .filtered label{width:180px} #filter-mobile{margin-left:-240px;transition:transform .3s ease-in-out} #filter-mobile.filter-show{transform:translateX(100%);top:0;z-index:10000} #top{position:fixed;top:0;left:0;right:0;z-index:1040} body{padding-top:58px} header{margin-bottom:16px;-webkit-box-shadow:0 4px 6px -4px rgba(0,0,0,0.12);-moz-box-shadow:0 4px 6px -4px rgba(0,0,0,0.12);box-shadow:0 4px 6px -4px rgba(0,0,0,0.12)} #filter-products-form .expanded .item-content .filter-results{left:80%} #filter-close{display:block} #menu .dropdown-menu li.second-level-li:hover{background-color:transparent!important} .oct-mm-category .col-sm-8{width:100%} .main-advantage-item{padding-left:10px;padding-right:10px} .main-advantage-item .main-advantage-item-text{font-size:20px} footer .last-row{margin-bottom:0} .mobile-category-header{display:block;text-align:center} .mobile-category-header #filter-button{margin-bottom:24px} .after-header-row .fa-pencil-square{display:none} .found-cheaper{margin-bottom:10px} #product .price-col + .col-sm-6,#product .price-col + .col-sm-6 + .col-sm-6{clear:none} } @media only screen and (max-width: 768px) { .oct-category-item-icon{display:inline-block!important} #menu-mobile-box{padding-left:0;padding-right:0} .product-buttons-box .oct-preorder-button{width:auto} header{padding-right:15px} #image-additional .thumbnails a{width:auto;height:auto;margin:2px} .oct-carousel-header{line-height:30px} #image-additional{margin-bottom:20px} #image-additional .owl-item{height:auto;margin:0} #image-additional .owl-wrapper-outer{margin-left:0} footer{margin-bottom:0} .modal{z-index:10000} footer .footer-advantages span{font-size:13px} .oct-slideshowplus-header{font-size:28px;line-height:38px} .oct-slideshow-right{margin-top:20px;margin-bottom:20px} .oct-day-goods-box .owl-carousel .owl-item .things-to-buy .flip-clock-wrapper{padding-left:55px} .oct-product-tab ul.nav-tabs > li a{padding:10px} footer .last-row{margin-bottom:0} .oct-product-tab ul.nav-tabs > li a,.oct-product-tab ul.nav-tabs > li a:hover,.oct-product-tab ul.nav-tabs > li.active a{font-size:12px} .input-sort-div .SumoSelect{width:180px} .product-advantages-item{margin-bottom:20px} .oct-category-item-text ul li{font-size:14px;line-height:20px} .breadcrumb > li{word-break:break-all} #uptocall-mini{bottom:15px} #back-top{bottom:95px} .product-header{font-size:18px;line-height:22px} .after-header-row .fa-check-circle,.oct-attr-name:before{display:none} #content #product .col-sm-6:nth-child(2n+1),#content #tab-review .col-sm-6:nth-child(2n+1){clear:none} .product-buttons-box{width:105%} .after-header-row{margin-bottom:0} .product-price .h2,.product-price h2{font-size:24px} #product .price-col{margin-bottom:22px} .thumbnails.all-carousel a:nth-child(5),.thumbnails.all-carousel a:nth-child(9),.thumbnails.all-carousel a:nth-child(13){margin-left:0} .oct-quantity-div thead,.opt-oct-button{display:none} .oct-sticker-box{right:15px} .oct-discount-box{left:15px} footer .first-row .socials-box{text-align:right} footer .first-row .socials-box i{font-size:24px} .payment-box{padding-top:7px;padding-bottom:10px} .oct-article-info{display:block;margin-right:0;margin-bottom:10px} .oct-product-tab ul.nav-tabs > li a i{display:none} .oct-product-tab ul.nav-tabs{border-radius:0} #oneclick-popup .img-responsive,#cheaper-popup .popup-text img{width:40%} .oct-news-content .product-list{width:100%;margin-left:0;margin-right:0} } @media only screen and (max-width: 767px) { .oct-category-item-box{width:calc(100% - 30px)} .mobile-icons-box i{font-size:26px} .oct-category-item-icon img{margin-left:auto;margin-right:auto} .oct-category-item-box{height:auto} .oct-specification .table > div{border-bottom:1px solid #f2f5f7;margin-left:0;margin-right:0} .oct-specification .table > div:first-child{border-bottom:0} .oct-attr-name span{background:transparent} .oct-specification .head-td{margin-left:-15px;margin-right:-15px} .after-header-row > div,.found-cheaper{margin-bottom:10px} .popup-button,.popup-button:hover{-moz-transition:none!important;-webkit-transition:none!important;transition:none!important} .sort-row .input-group-addon{display:none} .left-sort-row{width:100%} .sort-row .form-group,.sort-row .appearance{margin-right:0;margin-left:0;padding-left:10px;padding-right:10px;width:100%} #input-sort{width:100%} #input-limit,.input-limit-div{display:none!important} .news-row .product-thumb{padding-bottom:10px} .payment-box{text-align:center} .payment-box span.text-payments{display:block;float:none;width:100%;text-align:center;margin-top:16px;top:0;margin-right:0;height:30px} .product-thumb .cart a.button-cart i{display:block} .main-advantage-row,.banner-row{display:none} .oct-category-item-box .oct-category-item-text .oct-category-item-header{font-size:16px} .cat-wall-row{display:block} .oct-product-tab ul.nav-tabs > li{display:block;text-align:left} } @media only screen and (max-width: 580px) { .footer-advantages{height:150px} } @media only screen and (max-width: 568px) { .content-row .left-info ul{position:relative} #main-product-you-save,.product-sticker-box{left:10px} .product-sticker-box div{margin-left:0} .oct-related-row .owl-carousel .owl-item .cart .oct-button{padding-left:12px;padding-right:12px} } @media only screen and (max-width: 480px) { .oct-pfc-grid > .item{width:100%} .oct-cart-item > div.delete-item button{padding:0;font-size:20px} .product-buttons-box{width:100%;display:block;left:0} .product-buttons-box #button-cart{display:block} .product-buttons-row .button-one-click{display:block;margin-top:10px;margin-bottom:10px} .product-buttons-row .button-wishlist,.product-buttons-row .button-compare{display:inline-block} .product-buttons-row .button-wishlist{margin-left:0;margin-right:8px} .sort-row .form-group,.sort-row .appearance{margin-right:10px} #input-sort,#input-limit{margin-bottom:0;width:100%} .buynow{display:none} .thumbnails.all-carousel a:nth-child(6),.thumbnails.all-carousel a:nth-child(11),.thumbnails.all-carousel a:nth-child(16){margin-left:0} #main-product-you-save,.product-sticker-box{left:0} .oct-discount-item,.oct-sticker-item{padding:4px 6px} ul.account-ul li a span{height:40px;overflow:hidden} #collapse-voucher input[type="text"],#collapse-shipping input[type="text"],#collapse-reward input[type="text"],#collapse-coupon input[type="text"]{float:none} #collapse-voucher .input-group,#collapse-shipping .input-group,#collapse-reward .input-group,#collapse-coupon .input-group{display:block} #input-coupon + .input-group-btn,#input-voucher + .input-group-btn{position:relative;font-size:0;white-space:nowrap;display:block;float:none;width:100%;margin-top:10px;text-align:center} #input-coupon + .input-group-btn .oct-button,#input-voucher + .input-group-btn .oct-button{border-top-left-radius:3px;border-bottom-left-radius:3px} .contact-button-box{padding-left:0} .contacthtml-box h2{margin-top:20px;font-size:18px} .pagination{border:0;border-radius:0} .pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li>a,.pagination>li>span{background:transparent} #input-search{margin-bottom:15px} .parent-title-toggle{display:block!important} #menu{overflow-x:hidden;overflow-y:auto} .oct-slideshowplus-header{font-size:22px;line-height:30px} .oct-slideshow-box .item .oct-slideshow-item-text{font-size:18px;line-height:22px} .oct-slideshow-right{margin-top:20px} #top .top-container{position:relative} .main-advantage-item .main-advantage-item-text{font-size:19px} footer .footer-advantages{margin-bottom:20px} footer .first-row h5,footer .first-row .h5{text-align:center} footer .first-row .subscribe-content{margin-bottom:20px} footer .first-row .socials-box{text-align:center} footer .third-row ul{display:none} footer .third-row h5,footer .third-row .h5{position:relative} footer .third-row .f-acc-toggle{display:block;position:relative} footer .third-row .f-acc-toggle:before{position:absolute;right:22px;top:-10px;display:block;width:10px;height:2px;background:#d4a574;content:"";-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out} footer .third-row .f-acc-toggle:after{position:absolute;right:26px;top:-14px;z-index:5;display:block;height:10px;width:2px;background:#d4a574;content:"";-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-ms-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out} footer .third-row .open .f-acc-toggle:before,footer .third-row .open .f-acc-toggle:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} footer .first-row .socials-box{padding-top:0} footer .footer-advantages i{font-size:25px} footer hr{margin-top:10px;margin-bottom:10px} footer .last-row{text-align:center} .oct-slideshow-box .item{padding-top:0;padding-bottom:0} .oct-slideshow-box .owl-controls .owl-buttons .owl-prev{left:0} .oct-slideshow-box .owl-controls .owl-buttons .owl-next{right:0} .main-advantage-row{display:none} .cat-wall-row{display:block;margin-bottom:0} .row.sort-row{padding:15px 0 10px} .row.sort-row .input-sort-div + div{text-align:right} .left-sort-row{display:block;text-align:center} h1.cat-header{margin-bottom:18px;font-size:18px} .subcat-header{font-size:16px} .breadcrumb-box{margin-bottom:0} .breadcrumb > li:last-child{display:none} #res-products .product-grid{min-height:410px} .popup-button{padding:14px!important} .content-row .left-info ul{position:relative} .after-header-row .fa-pencil-square,.after-header-row .fa-check-circle{display:inline-block} .product-tabs-row .nav-tabs>li{display:block;margin-left:0;margin-right:0;width:100%;margin-bottom:10px;text-align:center} .product-tabs-row .nav-tabs>li>a{margin-right:0} .product-tabs-row .nav-tabs>li.active>a:before{display:none} .positive-text-box{margin-right:-15px!important} .negative-text-box{margin-left:-15px!important} .oct-news-content .thumbnails{float:none;padding:0;margin-left:0;margin-right:0} .oct-news-content .product-list .product-thumb .image + div,.oct-news-content .product-list{margin-left:0} .oct-news-content .product-list{width:100%} .return-captcha-box{margin-left:0} .compare-img-td img{max-width:100px} .table-responsive>.table>tbody>tr>td{white-space:inherit} .table.compare-table .oct-button{max-width:56px;padding:10px} } @media only screen and (max-width: 376px) { .popup-total-cart .popup-buttons-box{display:flex;flex-direction:column} .popup-total-cart .popup-button{display:block;width:100%} .popup-total-cart .popup-button + .popup-button{margin-top:20px} .top-mobile-item a i{font-size:18px;line-height:40px} .top-mobile-item a{line-height:40px} #top,.top-mobile-item{height:40px} #filter-mobile{top:0;z-index:10000} #top{min-height:40px} .menu-mobile-header{height:40px;line-height:40px;font-size:18px} .close-m-search a{font-size:20px} .close-m-search{top:8px} body{padding-top:40px} .mobile-icons-box i{font-size:18px} .mobile-icons-box a span{position:absolute;top:-7px;right:-8px;min-width:14px;height:14px;background:#3d2b1f;border-radius:100%;color:#fff;font-size:10px;line-height:11px;text-align:center} #static-subscribe-button-footer i{display:none} footer .actions button span{margin-right:0} .oct-text-terms{font-size:11px} .product-thumb .cart a.button-cart{padding:13px 10px} .product-thumb .cart .oct-button.wishlist,.product-thumb .cart .oct-button.compare{padding-left:10px;padding-right:10px} .oct-day-goods-box .owl-carousel .owl-item .things-to-buy .flip-clock-wrapper{padding-left:40px} .cat-model{margin-bottom:4px;font-size:14px;height:40px} .product-grid .product-thumb .h4{height:60px} .oct-input-td{width:24%} .oct-input-td .oct-quantity-text-input{padding-left:4px!important;padding-right:4px!important} } @media screen and (width: 360px) and (height: 640px) and (orientation: portrait) { .product-thumb .cart .oct-button.wishlist,.product-thumb .cart .oct-button.compare{padding:11px!important;height:40px!important} } @media only screen and (max-width: 320px) { .oct-cart-item>div.item-quantity{margin-left:178px;top:-55px} .oct-cart-item>div.item-price{top:-28px;margin-left:5px;font-size:16px} .product-buttons-box .oct-preorder-button{width:40%} .cat-desc-box img{max-width:35%} .popup-button{padding:14px 12px} #rc-imageselect,.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0} .white-popup{padding-left:15px;padding-right:15px} .oct-discount-box{display:none} .mobile-icons-box a{margin-left:14px} .mobile-icons-box i{font-size:24px} .mobile-icons-box a span{top:-16px} .oct-day-goods-box .owl-carousel .owl-item .things-to-buy .flip-clock-wrapper{padding-left:16px} footer .footer-advantages span{font-size:12px} .product-thumb .cart a.button-cart{padding:13px 7px} .product-thumb .cart .oct-button.wishlist,.product-thumb .cart .oct-button.compare{padding-left:8px;padding-right:8px} } @media only screen and (min-width: 993px) { .oct-product-tab .owl-carousel .owl-item:hover .image .quick-view,.oct-carousel-row .item:hover .quick-view{display:block} #left-buttons{display:block;position:fixed;left:0;top:35%;width:60px;z-index:100} #left-buttons div.buy-supplement>a{border-top:0} #left-buttons div>a{display:block;text-align:center;height:60px;background:#3d2b1f;position:relative} #left-buttons div>a i{line-height:60px;color:#fff;font-size:18px} #left-buttons .field-tip .tip-content{position:absolute;top:4px;right:9999px;width:200px;margin-right:-220px;padding:10px;color:#fff;background:#3d2b1f;-webkit-box-shadow:2px 2px 5px #aaa;-moz-box-shadow:2px 2px 5px #aaa;box-shadow:2px 2px 5px #aaa;opacity:0;-webkit-transition:opacity 250ms ease-out;-moz-transition:opacity 250ms ease-out;-ms-transition:opacity 250ms ease-out;-o-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out;font-size:14px} #left-buttons .field-tip .tip-content:before{content:' ';position:absolute;top:50%;left:-16px;width:0;height:0;margin-top:-8px;border:8px solid transparent;border-right-color:#3d2b1f;color:#3d2b1f;-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)} #left-buttons div>a:hover{background:#3d2b1f} #left-buttons .field-tip:hover .tip-content{right:8px;left:68px;opacity:1} .mobile-container,.mob-menu-ul,.megamenu-toggle-a,.mobile-icons-box,.m-panel-box,#menu .parent-title-toggle{display:none!important} #oct-menu-box{height:62px;overflow:hidden} #subcats .subcat-box{transition-duration:.2s;transition-property:all} #subcats .subcat-box:hover{transition-duration:.2s;transition-property:all;-moz-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);z-index:100} .product-thumb .image .quick-view{transition:opacity .2s linear} #uptocall-mini .uptocall-mini-phone{-webkit-transition:1s;-moz-transition:1s;transition:1s} #back-top{-webkit-transition:1s;-moz-transition:1s;transition:1s} #menu .nav > li{transition-duration:.2s;transition-property:all} } @media only screen and (min-width: 1024px) { .product-grid .product-thumb:hover .h4 a,.product-list .product-thumb .h4 a:hover{color:#3d2b1f;text-decoration:underline} .product-grid .product-thumb:hover img{opacity:.8;transition-duration:.2s;transition-property:all} .product-thumb:hover .image .quick-view{opacity:1;transition:opacity .2s linear} .product-thumb .button-group button:hover{color:#444;background-color:#ddd;text-decoration:none;cursor:pointer} .product-thumb{position:relative;margin-bottom:20px;border-radius:3px;transition-duration:.2s;transition-property:all;background:#fff} .product-grid .product-thumb:hover{transition-duration:.2s;transition-property:all;-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,0.1);box-shadow:0 0 40px 0 rgba(0,0,0,0.1);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);position:absolute;right:15px;left:15px;z-index:100} .product-grid .product-thumb:hover hr{border-color:#fff} .product-grid .product-thumb .cat-box-effect{height:40px;overflow:hidden} .product-grid .product-thumb .cat-box-effect-inner{height:80px;overflow:hidden;-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;-ms-transition:-ms-transform .3s ease;transition:transform .3s ease;-moz-transform:rotate(0);-webkit-transform:translateZ(0)} .product-grid .product-thumb .cat-box-effect-inner price{height:40px;overflow:hidden} .product-grid .product-thumb .cart{height:40px;overflow:hidden} .product-grid .product-thumb:hover .cat-box-effect-inner{-moz-transform:translateY(-40px);-o-transform:translateY(-40px);-ms-transform:translateY(-40px);-webkit-transform:translateY(-40px);transform:translateY(-40px)} .product-grid .product-thumb:hover .oct-additional-info{opacity:1;height:auto} .product-grid .product-thumb:hover .oct-product-desc{-webkit-animation:fadeIn .6s;-moz-animation:fadeIn .6s;-ms-animation:fadeIn .6s;-o-animation:fadeIn .6s;animation:fadeIn .6s;display:block;position:relative} .product-grid .product-thumb:hover .oct-product-desc:after{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0} .product-grid .product-thumb:hover .oct-product-stock{display:none} } @media only screen and (min-width: 1600px) { .container{width:1366px} #column-left,#column-right{width:21%} .content-row #content.col-sm-9{width:79%} #column-left + #content.col-sm-6{width:58%} #res-products .product-grid{width:20%} #column-left + #content.col-sm-6 #res-products .product-grid{width:33.33333333%} #content.col-sm-9 #res-products .product-grid{width:25%} #content .col-lg-3:nth-child(4n+1),#content .col-lg-4:nth-child(3n+1),#content .col-lg-6:nth-child(2n+1){clear:none} #res-products .product-grid{min-height:460px} .oct-day-goods-box .owl-carousel .owl-item .things-to-buy .flip-clock-wrapper{padding-left:12px} .product-thumb .cart a.button-cart{padding:10px} .hover-effect img{width:100%} .oct-mm-category > .dropdown-inner > .col-sm-8{width:75%} .oct-mm-category > .dropdown-inner > .col-sm-4{width:25%} div#service-popup{max-width:920px} .service-popup-text img{margin:30px auto 0} .megamenu-html-block img{margin:0 auto} .item .oct-discount-box{left:1px} #quick-view #image-additional .owl-controls .owl-buttons .owl-prev,#quick-view #image-additional .owl-controls .owl-buttons .owl-next{top:37%} .thumbnails.owl-carousel .owl-buttons .owl-next{right:27px!important} } @media only screen and (min-width: 1200px) { .dropdown-inner.brands-dropdown-inner{max-height:300px;overflow-x:hidden} .oct-input-td{width:26%} .oct-quantity-text-input{width:50%!important;display:inline-block!important} .thumbnails.all-carousel a:nth-child(6),.thumbnails.all-carousel a:nth-child(11),.thumbnails.all-carousel a:nth-child(16){margin-left:0} } @media only screen and (min-width: 1025px) { .oct-messengers .viber-desktop{display:inline-block!important} .oct-messengers .viber-mobile{display:none!important} } @media only screen and (min-width: 992px) { .oct-m-phones-popup{display:none} #menu .megamenu-full-width .brands-dropdown-inner .megamenu-hassubchild{height:140px} } @media (min-width: 992px) and (max-width: 1199px) { #content.col-sm-6 #res-products .product-grid{width:50%} #column-left .oct-carousel-box,#column-right .oct-carousel-box{padding-left:10px;padding-right:10px} #column-left .cart .button-cart,#column-right .cart .button-cart{padding-left:12px;padding-right:12px} #column-left .cart .button-cart i,#column-right .cart .button-cart i{display:none} } @media only screen and (min-width: 568px) and (max-width: 767px) { .content-row .left-info ul{position:relative} #main-product-you-save,.product-sticker-box{left:10px} .product-buttons-box{width:102%} .product-tabs-row .nav-tabs>li>a{margin-right:6px} .product-sticker-box div{margin-left:0} } @media only screen and (min-width: 993px) and (max-width: 1200px) { .popover.right{left:200px!important} } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-thumb .cart a.button-cart{padding-top:10px;padding-bottom:10px} } @media only screen and (min-width: 1025px) and (max-width: 1200px) { .product-thumb .cart a.button-cart{padding-left:8px;padding-right:8px} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #top .dropdown-menu,header .dropdown-menu{left:auto;min-width:137px} #column-left .oct-carousel-row .owl-carousel .owl-item .cart .oct-button.wishlist,#column-left .oct-carousel-row .owl-carousel .owl-item .cart .oct-button.compare,#column-right .oct-carousel-row .owl-carousel .owl-item .cart .oct-button.wishlist,#column-right .oct-carousel-row .owl-carousel .owl-item .cart .oct-button.compare{display:none} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .sort-row .input-group-addon{padding-top:8px!important} } @media only screen and (min-width: 568px) and (max-width: 736px) and (orientation: landscape) { .top-mobile-item a i{font-size:18px;line-height:40px} .top-mobile-item a{line-height:40px} #top,.top-mobile-item{height:40px} #filter-mobile{top:0;z-index:10000} #top{min-height:40px} .menu-mobile-header{height:40px;line-height:40px;font-size:18px} .close-m-search a{font-size:20px} .close-m-search{top:8px} header{padding-top:60px} .mobile-icons-box i{font-size:20px} .mobile-icons-box a span{position:absolute;top:-7px;right:-8px;min-width:14px;height:14px;background:#3d2b1f;border-radius:100%;color:#fff;font-size:10px;line-height:11px;text-align:center} } @media screen and (min-width: 360px) and (height: 740px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) { .sort-row .appearance{display:none} } @media only screen and (max-width: 460px) { .map-tab{ font-size: 13px !important; } } @media only screen and (max-width: 992px) { #top {background-color:#4a3426 !important;} .top-mobile-item a {color:#f0f0f0;} .menu-mobile-header {background-color:#f0f0f0;} .menu-mobile-header, .close-m-search a {color:#3d2b1f !important;} #info-mobile-box ul li a, #info-mobile-box > ul > li, #info-mobile ul div .btn-link.btn-language, #info-mobile ul div .btn-link.btn-currency {color:#3d2b1f !important;} #menu .nav > li > a {color:#3d2b1f;} .mobile-icons-box a {color:#3d2b1f !important;} .mobile-icons-box a span {background-color:#3d2b1f !important;} } @media only screen and (max-width: 768px) { #pos-copyright2{margin-top:20px} } @media screen and (max-width: 767px) { td.text-left.oct-col-option-image{display:none} } @media screen and (max-width: 992px) { .popup-cart-box .oct-cart-box{max-height:278px} } @media screen and (max-width:480px) { .oct-cart-item{margin-bottom:20px} .oct-cart-item > div{display:inline-block} .oct-cart-item > div.item-name{width:210px;height:50px;overflow-y:hidden} .owl-carousel .oct-button,.oct-carousel-box .oct-button{padding:10px 12px!important} } @media screen and (max-width:479px) { .oct-cart-item > div.item-quantity{width:64px;margin-left:124px;position:relative;top:-30px} .oct-cart-item > div.item-price{position:relative;top:-40px;width:auto;text-align:left;font-size:12px} } @media screen and (max-width:411px) { .oct-cart-item > div.item-name{width:190px} .oct-cart-item > div.item-image{margin:0} } @media screen and (max-width:380px) { .oct-cart-item > div.item-name{width:170px} .oct-cart-item > div.item-quantity{margin-left:112px} } @media screen and (max-width:360px) { .oct-cart-item > div.item-name{width:156px} } @media screen and (max-width:320px) { .oct-cart-item > div.item-name{width:146px} .oct-cart-item > div.item-price{top:-24px;margin-left:112px;font-size:16px} } @media screen and (max-width:767px) { .bootstrap-datetimepicker-widget.timepicker-sbs{width:283px} } @media (min-width: 993px) { #oct-menu-box { height: auto !important; overflow: visible !important; } #menu, #menu > ul, #menu > ul > li { overflow: visible !important; } #menu > ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } #menu > ul > li { position: relative; } #menu > ul > li > a { display: block; padding: 18px 20px; text-transform: uppercase; text-decoration: none; } #menu > ul > li > ul { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; margin: 0; padding: 8px 0; list-style: none; background: #fff; z-index: 9999; box-shadow: 0 6px 12px rgba(0,0,0,.175); } #menu > ul > li:hover > ul { display: block; } #menu > ul > li > ul > li > a { display: block; padding: 10px 24px; text-decoration: none; } } @media (min-width: 993px) { #menu .dropdown-submenu:hover > .dropdown-menu { display: block !important; } #menu .dropdown-submenu:hover > a:after { transform: rotate(90deg) !important; } } @media (max-width: 992px) { #menu .dropdown-submenu > .dropdown-menu { position: static !important; display: none !important; box-shadow: none !important; padding-left: 20px !important; background: transparent !important; border-radius: 0 !important; min-width: auto !important; } #menu .dropdown-submenu.open > .dropdown-menu { display: block !important; } #menu .dropdown-submenu > a { padding: 10px 15px !important; } #menu .dropdown-submenu > a:after { content: "▸" !important; font-size: 14px !important; } #menu .dropdown-submenu.open > a:after { content: "▾" !important; transform: none !important; } #menu .dropdown-submenu > .dropdown-menu li a { padding: 6px 15px !important; font-size: 12px !important; } } @media (min-width: 1400px) { #menu .megamenu-wrapper .megamenu-full-width > li { min-width: 80px !important; max-width: 150px !important; margin: 0 5px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 60px !important; height: 60px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a span { font-size: 11px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 100px !important; } } @media (min-width: 1200px) and (max-width: 1399px) { #menu .megamenu-wrapper .megamenu-full-width > li { min-width: 65px !important; max-width: 120px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 50px !important; height: 50px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 85px !important; } } @media (min-width: 993px) and (max-width: 1199px) { #menu .megamenu-wrapper .megamenu-full-width > li { min-width: 50px !important; max-width: 90px !important; margin: 0 2px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 40px !important; height: 40px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a span { font-size: 8px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 65px !important; padding: 5px 6px !important; } #menu .megamenu-wrapper .megamenu-full-width { padding: 12px 15px !important; } } @media (max-width: 992px) { #menu .megamenu-wrapper .megamenu-full-width { position: static !important; transform: none !important; white-space: normal !important; width: 100% !important; padding: 10px 15px !important; border-radius: 0 0 8px 8px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; text-align: left !important; } #menu .megamenu-wrapper .megamenu-full-width > li { display: inline-block !important; min-width: 50px !important; max-width: 70px !important; margin: 0 2px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 35px !important; height: 35px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a span { font-size: 7px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 55px !important; padding: 4px 4px !important; } } /* Исправление меню */ @media (max-width: 1200px) { #menu .megamenu-wrapper .megamenu-full-width > li { min-width: 65px !important; max-width: 110px !important; margin: 0 3px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 50px !important; height: 50px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 70px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a span { font-size: 10px !important; } } @media (max-width: 992px) { #menu .megamenu-wrapper { position: relative !important; } #menu .megamenu-wrapper .megamenu-full-width { position: static !important; white-space: normal !important; width: 100% !important; padding: 10px 15px !important; border-radius: 0 !important; overflow-x: auto !important; left: auto !important; right: auto !important; box-shadow: none !important; } #menu .megamenu-wrapper .megamenu-full-width > li { min-width: 60px !important; max-width: 90px !important; margin: 0 2px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a img { width: 40px !important; height: 40px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a { min-height: 60px !important; padding: 4px !important; } #menu .megamenu-wrapper .megamenu-full-width > li > a span { font-size: 9px !important; } /* Убрать черное поле у слайдера */ .promo-slider-container, .promo-slide, .promo-slide-inner { height: auto !important; min-height: 300px; } .promo-slide-inner { background-size: cover !important; background-position: center !important; } /* Убираем фон у обертки */ .promo-slider-wrapper { background: transparent !important; min-height: auto !important; } } /* ============================================================ МОБИЛЬНАЯ ШАПКА - FIXED + КРУПНЫЕ ЭЛЕМЕНТЫ ============================================================ */ @media (max-width: 992px) { /* Фиксируем верхнюю плашку */ #top { position: fixed; top: 0; left: 0; right: 0; z-index: 101; min-height: 44px; background: #3d2b1f; margin-bottom: 0 !important; } /* Фиксируем основную шапку под плашкой */ header { position: fixed; top: 44px; left: 0; right: 0; z-index: 100; background: #fff; padding: 8px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.08); } /* Компенсируем высоту фиксированных элементов */ body { padding-top: 94px !important; /* 44px (#top) + 50px (header) */ } header .container { padding: 0 10px; max-width: 100%; } .middle-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px; min-height: 50px; width: 100%; } /* ===== ЛОГО - СЛЕВА, КРУПНЕЕ ===== */ .ts-logo-box { width: auto !important; flex: 0 0 auto !important; padding-left: 5px !important; padding-right: 0 !important; } .ts-logo-box #logo { margin: 0; } .ts-logo-box #logo a { display: block; max-width: 200px !important; } .ts-logo-box #logo img { max-height: 55px !important; width: auto; } /* ===== ТЕЛЕФОН - ПО ЦЕНТРУ, КРУПНЕЕ ===== */ .phones-top-box { flex: 1 !important; width: auto !important; text-align: center !important; padding: 0 4px !important; margin-bottom: 0 !important; display: block !important; } .phones-top-box .phones-dropdown { display: inline-block !important; } .phones-top-box .phones-dropdown > a { font-size: 16px; display: inline-flex !important; align-items: center; gap: 6px; color: #3d2b1f !important; text-decoration: none; padding: 0; background: transparent !important; border: none !important; } .phones-top-box .phones-dropdown > a i.fa-phone { font-size: 18px; color: #3d2b1f !important; } .phones-top-box .phones-dropdown > a i.fa-caret-down { display: none !important; } .phones-top-box .phones-dropdown > a span { font-size: 16px; font-weight: 600; color: #3d2b1f !important; } /* Скрываем "Хотите, мы Вам перезвоним?" */ .phones-top-box .show-phones { display: none !important; } .phones-top-box .dropdown-menu { display: none !important; } /* ===== КОРЗИНА - СПРАВА, КРУПНЕЕ ===== */ .buttons-top-box { flex: 0 0 auto !important; width: auto !important; padding: 0 !important; margin: 0 !important; display: flex !important; justify-content: flex-end !important; padding-right: 5px !important; } #cart { display: inline-block !important; margin-top:10px; } #cart a { padding: 6px 8px !important; background: transparent !important; border: none !important; gap: 6px !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } #cart a:hover { background: transparent !important; transform: none !important; box-shadow: none !important; } .cart-total-price { font-size: 18px !important; font-weight: 700 !important; color: #3d2b1f !important; } #cart-total { display: flex !important; align-items: center !important; gap: 6px !important; } #cart-total .fa-shopping-cart { font-size: 26px !important; color: #3d2b1f !important; } .count-quantity { font-size: 11px !important; min-width: 20px !important; padding: 2px 7px !important; top: -9px !important; right: -20px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important; position: absolute !important; } /* Мобильные иконки - скрыты */ .mobile-icons-box { display: none !important; } /* Поиск - скрыт */ .ts-search-box { display: none !important; } /* Убираем зазоры */ .menu-row { margin-top: 0 !important; margin-bottom: 0 !important; } .promo-slider-fullwidth, .promo-slider-wrapper { margin-top: 0 !important; } .phones-top-box .show-phones { display: none !important; } } /* ============================================================ ОЧЕНЬ МАЛЕНЬКИЕ ЭКРАНЫ (до 480px) ============================================================ */ @media (max-width: 480px) { #top { min-height: 38px; } header { top: 38px; } body { padding-top: 82px !important; /* 38px + 44px */ } .middle-header { min-height: 44px; gap: 4px; } .ts-logo-box #logo a { max-width: 150px; } .ts-logo-box #logo img { max-height: 42px !important; } .phones-top-box .phones-dropdown > a { font-size: 14px; } .phones-top-box .phones-dropdown > a i.fa-phone { font-size: 16px; } .phones-top-box .phones-dropdown > a span { font-size: 14px; } .cart-total-price { font-size: 16px !important; } #cart-total .fa-shopping-cart { font-size: 22px !important; } .count-quantity { font-size: 10px !important; min-width: 18px !important; padding: 1 6px !important; top: -8px !important; right: -18px !important; } #cart a { padding: 4px 4px !important; } } /* ============================================================ ДЕСКТОП - СКРЫВАЕМ МОБИЛЬНЫЕ ИКОНКИ ============================================================ */ @media (min-width: 993px) { .mobile-icons-box { display: none !important; } }