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