/* Beetle - www.beetle.net.ua */

    /* FOR HEADER */

    body.post-type-archive-product #hs2 h2 {
        font-size: 50px;
        font-family: 'almoni';
        color: #536776;
        text-align: center;
        margin-top: 37px;
        margin-bottom: 5px;
    }

    /* for logo */
    .site-header .site-branding img {
        width: auto;
        max-height: 57px;
    }

    /* for menu */
    .woocommerce-active .site-header .main-navigation {
        width: auto;
        border-left: none;
    }

    .main-navigation ul.nav-menu li a {
        color: #536776;
    }

    .main-navigation ul.nav-menu li a .fa-home {
        color: #fb0f8e;
        font-size: 17px;
    }
    .site-header .phone_p {
        margin-left: 15px
    }
    .woocommerce-active .site-header .site-search {
        display: flex;
        justify-content: space-between;
    }
    .btn-account {
        display: none !important;
    }
    .wpcfb-title, .wpcfb-message {
        font-size: 18px !important;
        font-weight: 600;
    }
    .woocommerce-info, .wc-info {
        display: none;
    }
    .footer-post-date {
        display: none;
    }
    .woocommerce-MyAccount-navigation-link--downloads {
        display: none !important;
    }
    .mega-menu-item:nth-of-type(4) {
        /* 	border:1px solid #fb0f8e !important;
            border-radius:25px !important; */
    }

    .wrapper-box {
        display: -webkit-inline-box;
    }

    .mega-menu-item:nth-of-type(4) {
        border: 1px solid red;
    }

        #mega-menu-wrap-primary {
        background: transparent !important;
        float: right;
        height: auto;
        /*   margin-top: -10px;*/
    }

    #mega-menu-wrap-primary:hover, #mega-menu-wrap-primary li:hover, #mega-menu-wrap-primary a:hover {
        background: transparent !important;
    }
    #mega-menu-item-42742 {
        border: 1px solid red;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        margin: 0px 35px 0 0 !important;
        display: inline-block!important;
        height: auto;
        vertical-align: middle;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
        display: block!important;align-content
    }

    @media (max-width: 600px) {
        body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
            display: block!important;
        }
        body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
            display: block!important;
        }
        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
            display: block;
            padding: 0 10px !important;
            margin: 0 !important;
        }

        #masthead #mega-menu-wrap-primary ul#mega-menu-primary>li.mega-menu-item-has-children::before{
            display: none !important;
        }
    }

    #mega-menu-item-43688 {
        border: 2px solid black !important;
        padding: 0 10px !important;
        -webkit-box-shadow: 3px 3px 15px -5px #000000;
        box-shadow: 3px 3px 15px -5px #000000 !important;
        border-radius: 6px !important;
    }

    #mega-menu-primary a.mega-menu-link
    #site-navigation {
        margin-top: 15px;
    }

    li.mega-menu-item-has-children::before {
        /*content: "\f078";*/
        /*font-family: FontAwesome;*/
        /*position: absolute;*/
        /*display: inline-block!important;*/
        /*color: #fb0f8e;*/
        /*font-size: 11px;*/
        /*line-height: 13px;*/
        /*bottom: 10px !important;*/
        /*left: -10px !important;*/
    }

    #mega-menu-item-1394 {
        padding: 0 8px !important;
    }

    #mega-menu-item-895 {
        margin-right: 30px !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {

        padding: 0px 0px 0px !important;
        color: black !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li a {
        color: #536776 !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li a .fa-home {
        color: #fb0f8e !important;
        font-size: 17px !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 18px !important;
        padding: 0!important;
        background: transparent !important;
    }


    .main-navigation #mega-menu-wrap-primary ul {
        right: auto !important;
        position: relative;
    }

    .mega-sub-menu {
        background: #fff !important;
    }

    #mega-menu-wrap-primary .main-navigation ul.nav-menu ul {
        background: #fff !important;
    }

    #mega-menu-wrap-primary .widget_nav_menu ul li:before {
        display: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
        background: #fff !important;
        margin-top: 19px;
        /*   opacity: 1;
       visibility: visible;*/
        width: 700px;
        right: 0 !important;
        padding: 15px;
        min-height: 450px;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu ul.mega-sub-menu {
        width: 100%;
        padding: 0px;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu {
        visibility: visible;
        opacity: 1;
        display: block;
        top: 30px;
        position: fixed;
        left: 30px !important;
        right: auto !important;
        background: transparent !important;
        border: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li ul.mega-sub-menu {
        visibility: invisible;
        opacity: 0;
        display: none;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
        margin: 0px;
        top: 0;
        position: absolute;
        height: 0px;
        float: left;
        width: 70%;
        left: 0;
        right: auto !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary li a {
        color: #506e7c !important;
        text-align: right;
        padding: inherit;
        font-weight: 600;
        font-size: 16px;
        transition: color 0.2s;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item span.mega-block-title {
        text-align: right;
        direction: rtl;
        font-size: 18px;
        font-weight: 900;
        border-bottom: 1px solid #dae2e7;
        padding-bottom: 10px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-18 span.mega-block-title:after {
        content: "";
        width: 40px;
        height: 1px;
        background: #fa1290;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-18 span.mega-block-title {
        color: #fa1290;
        position: relative;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-18 ul li a:hover {
        color: #fa1290 !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-17 span.mega-block-title:after {
        content: "";
        width: 40px;
        height: 1px;
        background: #4bcaf8;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        text-align: right;
        float: right;
        background: transparent !important;
        font-size: 18px;
        font-weight: 600;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
        background: transparent;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-17 span.mega-block-title {
        color: #4bcaf8;
        position: relative;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-17 ul li a:hover {
        color: #4bcaf8 !important;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-16 span.mega-block-title:after {
        content: "";
        width: 40px;
        height: 1px;
        background: #55606e;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-16 span.mega-block-title {
        color: #55606e;
        position: relative;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-nav_menu-16 ul li a:hover {
        color: #55606e !important;
    }


    #mega-menu-wrap-primary #mega-menu-primary .textwidget a {
        display: inline;
        color: #fa1494 !important;
        font-size: 21px;
        font-weight: 800;
    }

    #mega-menu-wrap-primary #mega-menu-primary .textwidget {
        text-align: right;
        font-size: 21px;
        direction: rtl;
        border-top: 1px solid #dae2e7;
        color: #556774 !important;
        padding-top: 10px;
        font-weight: 800;
    }

    #mega-menu-wrap-primary #mega-menu-primary .textwidget p {
        margin-bottom: 0px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item#mega-menu-item-custom_html-3 {
        padding-bottom: 0px;
    }

    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
        float: left;
        width: 100%;
        padding-bottom: 0px;
        padding-top: 5px;
    }

    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a {
        float: right;
    }

    @media only screen and (min-width: 601px) {
        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
            width: 45%;
            float: right;
            margin-left: 5%;
        }

    }


    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li span.mega-block-title {
        color: #4bcaf8;
        position: relative;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li span.mega-block-title:after {
        content: "";
        width: 40px;
        height: 1px;
        background: #4bcaf8;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li + li span.mega-block-title {
        color: #55606e;
        position: relative;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu ul.mega-sub-menu li + li span.mega-block-title:after {
        content: "";
        width: 40px;
        height: 1px;
        background: #55606e;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child a,
    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child a:hover {
        font-weight: 900;
        color: #fa1290 !important;
        position: relative;
        border-bottom: 1px solid #dae2e7;
        padding-bottom: 4px;
        width: 134px;
        text-align: right;
        margin-top: 16px;
        margin-bottom: 12px;
    }

    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
        font-size: 18px;
        font-weight: 600 !important;
        color: #fb0f8e !important;
    }

    body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:first-child .sml_line {
        width: 40px;
        height: 1px;
        background: #fa1290;
        position: absolute;
        right: 0;
        bottom: -1px;
        display: block;
    }
    @media screen and (max-width: 767px) {
        .main-navigation #mega-menu-wrap-primary ul {
            margin: 0px;
            margin-top: 15px;
        }

        #mega-menu-wrap-primary #mega-menu-primary li a {
            padding: 0px !important;
            border: none;
        }

        #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
            height: 300px;
            overflow: scroll;
            width: auto !important;
        }


        /*#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
            background: #3c4252 !important;
        }*/
        #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
            background: #3c4252 !important;
        }

        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
            width: 100% !important;
        }

        #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
            width: auto !important;
        }

        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
            background: #3c4252 !important;
            text-align: right;
            direction: rtl;
            color: #fff !important;
        }

        #mega-menu-wrap-primary .mega-menu-toggle {
            display: none;
        }

        #mega-menu-wrap-primary {
            width: 100%;
        }

        #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
            display: block !important;
            text-align: right;
        }
    }

    @media (max-width: 767px) {
        body #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li.mega-toggle-on ul.mega-sub-menu {
            visibility: visible;
            opacity: 1;
            display: block !important;
            top: 30px;
            position: static;
            left: 30px !important;
            right: auto !important;
            background: transparent !important;
            border: none;
            height: auto !important;
            padding: 0px;
        }

        body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {
            width: 100%;
        }

        body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li {
            padding: 0px !important;
        }
    }

    @media (min-width: 1024px) {
        .main-navigation #mega-menu-wrap-primary ul {
            max-height: 390px;
            overflow-y: scroll;
        }
        body .main-navigation #mega-menu-wrap-primary ul {
            left: 0 !important;
            right: 0 !important;
        }
    }

    















    .search-form {
        width: 100% !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 0.875em 0;
        display: block;
        font-size: 18px !important;
        color: #536776;
    }

    .woocommerce-MyAccount-navigation ul li a :hover {
        color: black !important;
    }

    .woocommerce-Address-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
    }

    .addresses .u-column1 {
        display: none !important;
    }



    /* for search */

    .custom-combobox .ui-button {
        display: none;
    }

    .site-search .widget_product_search form input[type="search"] {
        background: none;
        font-size: 17px;
        color: #536776;
        border: 1px solid #fd5bb2;
        padding: 10px;
    }

    .widget_product_search form:before {
        right: unset !important;
        left: 10px;
        color: #fc0f8e !important;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        z-index: 9;
    }

    /* for cart */
    .woocommerce-active .site-header .site-header-cart {
        border-left: none;
    }

    header .site-header-cart a.cart-contents .fa-shopping-cart {
        font-size: 15px;
        color: #fff;
        background: #fc0f8e;
        padding: 7px;
        border-radius: 100px;
    }

    header .site-header-cart .cart-contents .amount {
        color: #536776;
    }

    /* exit for header */

    /* qa */

    body .alpha.entry-title a:hover {
        color: #fa0f8e;
    }

    @media screen and (max-width: 1200px) {
        body .main-navigation ul.nav-menu li a {
            font-size: 16px;
            padding-top: 28px;
        }

        body.woocommerce-active .site-header .site-search {
            min-width: 200px;
        }

        body .site-search .widget_product_search form input[type="search"] {
            padding-left: 25px;
        }
    }

    .site-header.open .site-search {
        display: none !important;
    }

    @media screen and (max-width: 1000px) {
        nav#site-navigation {
            background: #3c4252 !important;
        }

        body .storefront-primary-navigation {
            width: auto;
            display: flex;
            margin-left: 16px;
            margin-right: auto;
        }

        body.woocommerce-active .site-header .site-search {
            margin-top: 10px;
            margin-bottom: 0;
        }

        body header.site-header .site-branding img {
            margin-bottom: 0;
        }
    }

    @media screen and (max-width: 767px) {
        .ui-widget.ui-widget-content#ui-id-1 .ui-menu-item {
            margin-bottom: 5px;
            border-bottom: 1px solid #000;
            padding-bottom: 8px;
            padding-top: 5px;
            margin-left: -9px;
            margin-right: -9px;
        }

        .mega-indicator {
            display: block !important;
            float: left !important;
            color: #fff;
        }

        header.site-header .site-branding img {
            max-width: 155px;
            height: auto;
            margin-top: 0;
        }

        .hs1_content {
            padding-top: 0 !important;
        }

        .hs1_caption {
            font-size: 40px !important;
        }

        body #hs2 h2 {
            font-size: 34px;
        }

        .product-categories_hs2 .cat-item_home {
            margin: 20px 15px !important;
        }

        .icons_hbs {
            margin-bottom: 15px;
        }

        .single #page #content.site-content {
            margin-top: -55px;
        }

        .single__title {
            font-size: 28px;
        }

        .blog .header-title {
            font-size: 32px;
            padding: 0;
        }

        .blog-page-content .article {
            width: auto;
            margin: 15px 5px 15px 0;
        }

        .single-page-content {
            width: 100%;
            padding-left: 0;
        }

        .blog .blog-header {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .blog-header .el-cont-breadcrumps {
            bottom: -20px;
        }

        .footer-post-wrap .post_thumbnail img, .blog-page-content .post-thumbnail img {
            width: 100%;
        }

        body.rtl.tax-product_cat h1.page-title, body.rtl.post-type-archive-product h1.page-title {
            margin-top: 40px;
            font-size: 32px;
        }

        .contact-header {
            height: auto;
        }

        .contact-header h1 {
            padding-top: 30px;
            font-size: 32px;
        }
    }

    div.__checked p:before {
        content: "\f00c" !important;
        font: normal normal normal 14px/1 FontAwesome;
        text-align: center;
        background: transparent !important;
        color: #526774
    }

    body.post-type-archive-product .top_cat_block p {
        transition: 0.7s;
    }

    body.post-type-archive-product .top_cat_block p:hover {
        transition: 0.7s;
        background: #e6e8ea;
    }

    body.post-type-archive-product.rtl .top_cat_block .button-select {
        transition: 0.7s;
    }

    body.post-type-archive-product.rtl .top_cat_block .button-select:hover {
        transition: 0.7s;
        background: #d80981;
    }

    body.post-type-archive-product article {
        transition: 0.7s;
        position: relative;
        overflow: hidden;
    }

    body.post-type-archive-product article:hover {
        transition: 0.7s;
        margin-top: 10px;
    }

    body.post-type-archive-product article .sale, body.single-product figure .sale {
        position: absolute;
        left: -38px;
        top: 25px;
        font-weight: 900;
        color: #fff;
        font-size: 20px;
        background: #fc0f8e;
        padding: 5px 45px;
        transform: rotate(-45deg);
    }

    @media screen and (max-width: 767px) {
        .blog .pager {
            display: none;
        }

        body .storefront-primary-navigation {
            width: 130px;
        }
    }

    .img_product_cat img {
        padding: 35px;
    }

    .pagination {
        font-size: 18px !important;
        border: none;
        margin: 0 15px;
        color: #536776 !important;
    }

    .pagination .page-numbers {
        padding: 3px 10px;
        background: #e7e8e9;
        color: #536776;
        transition: 0.7s;
    }

    .pagination .page-numbers:hover {
        color: #fc0f8e;
        transition: 0.7s;
    }

    .pagination .page-numbers.current {
        background: #d4d5d6;
    }

    .container-products {
        text-align: center;
    }

    .single-product .at-style-responsive .at-share-btn.at-svc-facebook:hover {
        background: #3a5798 !important;
    }

    .single-product .at-style-responsive .at-share-btn.at-svc-email:hover {
        background: #282828 !important;
    }

    .single-product .at-style-responsive .at-share-btn.at-svc-google_plusone_share:hover {
        background: #db483e !important;
    }

    .single-product .at-style-responsive .at-share-btn.at-svc-whatsapp:hover {
        background: #33aa28 !important;
    }

    .site-footer .menu a {
        color: #9197a7 !important;
    }

    .woocommerce-active .site-header .site-search {
        min-width: 405px;
    }

    body .bshop {
        margin-top: 90px;
    }

    body .h-bottom .h-bottom__content {
        height: auto;
    }

    body.home .h-bottom {
        height: auto;
    }

    .container-products-subcat {
        width: calc(50% - 7.5px);
        float: right;
    }

    .col-center .container-products-subcat:nth-child(2n) {
        margin-right: 15px;
    }

    body.tax-product_cat article.subcat, body.tax-product_model article.subcat {
        padding: 15px;
    }

    article.subcat .logo {
        border-bottom: 1px solid #e7eaec;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }

    article.subcat .logo img {
        margin: 0 auto;
    }

    article.subcat .img_product_cat {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    article.subcat .img_product_cat img {
        width: auto;
        height: auto;
        padding: 0;
        max-width: 100%;
        max-height: 100%;
    }

    article.subcat.product .content {
        width: 100%;
        margin: 0 auto;
    }

    article.subcat .cat_item_bg {
        padding-bottom: 0;
    }

    article.subcat .alpha.entry-title {
        margin-bottom: 10px;
    }

    article.subcat .alpha.entry-title a {
        text-align: center;
    }

    article.subcat .view {
        float: none;
        margin: 0 auto;
    }

    body.search .subcat .view {
        padding-bottom: 15px;
    }

    body.search .site-content.category-content .products {
        margin-top: 43px;
    }

    .input-group {
        width: 100%;
    }

    .input-group .form-control {
        background: none;
        font-size: 17px;
        color: #536776;
        border: 1px solid #fd5bb2;
        padding: 10px 10px 10px 35px;
        line-height: 1;
        height: auto;
        width: 100%;
        border-radius: 0;
    }

    .input-group .form-control:hover, .input-group .form-control:focus, .input-group .form-control:active {
        box-shadow: 0 0 0;
    }

    .input-group-btn {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

    .input-group-btn .btn {
        position: absolute;
        background: none;
        border: 0;
        top: 0;
        left: 2px;
        color: #fc0f8e;
        font-size: 12px;
        height: 100%;
        border-right: 1px solid #fd5bb2;
        border-radius: 0;
    }

    header .search-mobile-btn {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .single-product .at-style-responsive .at-share-btn, .single-product .at-style-responsive .at-share-btn:hover {
            float: right !important;
        }

        body.woocommerce-active .site-header .site-search {
            position: fixed;
            top: 62px;
            left: 0;
            background: #fff;
            width: 100%;
            margin: 0;
        }

        body.woocommerce-active .site-header .site-search.active {
            display: block;
        }

        body.woocommerce-active .site-header .site-search form {
            margin: 0;
        }

        header .search-mobile-btn {
            cursor: pointer;
            display: inline-block;
            font-size: 12px;
            color: #fff;
            background: #fc0f8e;
            padding: 6px 9px;
            border-radius: 100px;
            position: absolute;
            top: 17px;
            left: 135px;
        }

        body .input-group-btn .btn {
            z-index: 25;
        }
    }

    /* exit qa */


    @media (min-width: 1024px) {

        /* width */
        ::-webkit-scrollbar {
            width: 10px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
            background: #888;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
    }

    span.mega-block-title {
        text-align: right;
    }

    .ui-autocomplete-input.ui-autocomplete-loading{
        background: #fff url(https://media.tenor.com/G7LfW0O5qb8AAAAC/loading-gif.gif) no-repeat 8px 50%;
        background-size: 24px;
    }

    .ui-autocomplete-input.ui-autocomplete-loading+.input-group-btn{
        opacity: 0;
    }

    ul.global-search {
        padding: 0 !important;
        z-index: 9999;
        min-width: 410px;
        width: auto !important;
    }
    ul.global-search li.ui-menu-item {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #D9D9D9;
        padding: 6px;
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        text-align: right;
        color: #3C4252;
    }

    ul.global-search li.ui-menu-item span {
        height: 36px;
        width: 36px;
        padding: 0;
        margin: 0;
        border: 1px solid #cdcdcd;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    ul.global-search li.ui-menu-item span img {
        width: 100%;
        height: auto;
    }
    ul.global-search li.ui-menu-item a{
        flex: 1;
    }

    ul.global-search li.ui-menu-item:hover{
        background: #FFF2F2;
    }

    ul.global-search li.ui-menu-item a:hover,
    ul.global-search li.ui-menu-item:hover a{
        background: transparent !important;
        border: none;
        color: inherit;
    }

    .global-search__sort.ui-menu-item {
        position: sticky;
        top: 0;
        height: 48px;
        display: flex;
        align-items: center;
        background: #fff;
        z-index: 1;
    }

    .global-search__sort.ui-menu-item a {
        font-weight: 700;
        font-size: 18px;
        line-height: 19px;
        text-align: right;
        overflow: visible;
        color: #45C4F7;
    }

    .global-search__sort.ui-menu-item a:last-child {
        color: #FC279A;
    }