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