.btn-no-js-hint { padding: 10px 0; color: #fff; background: #f49401 } .btn-no-js-hint_inner { font-size: 12px; line-height: 18px } .btn-no-js-hint_anchor { color: #297ea6; } .btn-no-js-hint_anchor:hover { text-decoration: underline; } .btn-slider, .btn-mobile-nav-btn, .btn-mobile-search-btn { display: none } .btn-body_front .btn-main .btn-search_field, .btn-body_search .btn-main .btn-search_field { width: calc(100% - 45px) } .btn-header-search .btn-search_field { width: calc(100% - 40px) } .btn-body_error .btn-main .btn-search_field { width: calc(100% - 50px) } .btn-search_btn { position: relative } .btn-widget.btn-widget-shop-info.shop-info-ctr .shop-info-order-info > li.is__active:hover p, .btn-widget.btn-widget-shop-info.shop-info-ctr .shop-info-order-info > li.is__active:hover ul { visibility: visible; opacity: 1; bottom: 50px } .btn-widget.btn-widget-shop-info.shop-info-ctr .shop-info-order-info > li.is__active:hover p:before, .btn-widget.btn-widget-shop-info.shop-info-ctr .shop-info-order-info > li.is__active:hover ul:before { display: block; position: absolute; content: ""; width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px } @media only screen and (min-width: 768px) { .btn-body_search .btn-main .btn-search_field, .btn-body_error .btn-main .btn-search_field { width: calc(100% - 100px) } .btn-main-nav_item_heading { display: none } .btn-main-nav_item_anchor { display: block } } @media only screen and (min-width: 1024px) { .btn-body_search .btn-main .btn-search_field { width: calc(100% - 200px) } .btn-main-nav_item_heading { display: none } .btn-main-nav_item_anchor { display: block; top: 0 } } @media only screen and (max-width: 1199px) { .btn-header .btn-search { display: block; } .btn-header .btn-search_form { max-width: 500px; margin: 0 auto } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .btn-main-nav { float: right; width: auto; padding-right: 10px } } @media only screen and (max-width: 767px) { .btn-logo { position: relative; margin: 10px 0 10px -100px } .btn-main-nav { display: block } .btn-main-nav_section li a, .btn-main-nav_section + ul > li:not(.current_ancestor) a { padding: 5px 15px } }