@media all and (max-width: 1024px) {
    .shopping-cart-page .coupon-box, .shopping-cart-page .giftcard-box {
        width: 100% !important
    }

    .language-selector.mobile.mobile-selector .selector-title:after {
        color: #fff !important;
        top: 10px !important;
        position: relative !important
    }

    a.exoauth_btn.social.\-.google.\-.btn.logingoogletop {
        background-image: url(/Plugins/FoxNetSoft.SocialLogin/Content/Images/google-account-logo.png);
        background-repeat: no-repeat;
        font-size: 0;
        display: block;
        width: 100%;
        height: 40px !important;
        background-size: 100% 100% !important;
        margin-bottom: 15px
    }

    .profile-menu-box.login-form-in-header.open.opened a.exoauth_btn.social-facebook-btn {
        background-image: url(/Plugins/FoxNetSoft.SocialLogin/Content/Images/facebook-account-logo.png);
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        font-size: 0;
        display: block;
        width: 100%;
        height: 42px;
        background-size: 100% 100% !important
    }

    .customer-blocks .iti.iti--allow-dropdown.iti--show-flags {
        width: 100%
    }

    form.otpform {
        width: 100% !important
    }

    .buttonsnew {
        display: inline-block;
        width: fit-content;
        margin: 0 5px !important
    }

    .language-selector.mobile.mobile-selector .selector-title:before {
        content: "";
        display: inline-block;
        float: left;
        font-size: 9px;
        background: url(/Themes/Emporium/Content/img/langmob.png) no-repeat right;
        padding-right: 30px;
        height: 34px;
        left: -47px;
        position: relative;
        top: -10px;
    }

    .language-selector.mobile.mobile-selector .current-language-selector.selector-title {
        background: none !important;
        font-size: 15px !important
    }

    .language-selector.mobile.mobile-selector {
        background: none !important;
        padding-left: 47px !important
    }

        .language-selector.mobile.mobile-selector .selector-title:after {
            float: right
        }

    .panel.coupon-box-panel {
        margin-top: 0 !important
    }



    .Manufacturers .slick-next {
        left: -35px;
        right: auto
    }

    .Manufacturers .slick-prev {
        right: -35px;
        left: auto
    }

    .current-language-selector.selector-title {
        background-color: #9c8448;
        border: 0;
        color: #fff
    }

    .language-selector.mobile.mobile-selector {
        background-color: #9c8448;
        border: 0;
        color: #fff;
        background-color: transparent;
        background: url(/Themes/Emporium/Content/img/langmob.png) no-repeat right;
        padding-right: 30px
    }

    .mobile-menu-items {
        padding-right: 24px
    }

    .header-menu a.ico-compare {
        background-color: #9c8448;
        border: 0;
        color: #fff;
        background-color: transparent;
        background: url(/Themes/Emporium/Content/img/mobcom.png) no-repeat right;
        padding-right: 29px;
        margin-right: 24px
    }

        .header-menu a.ico-compare:before {
            display: none
        }

    .header-menu.categories-in-side-panel.ps-container.open.opened * {
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .header-menu a.ico-wishlist {
        background-color: #9c8448;
        border: 0;
        background: url(/Themes/Emporium/Content/img/moblo.png) no-repeat right;
        padding-right: 47px;
        margin-right: 24px
    }

        .header-menu a.ico-wishlist:before {
            display: none
        }

    .responsive-nav-wrapper {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center
    }

        .responsive-nav-wrapper * {
            display: flex !important;
            !i;
            !;
            align-content: center;
            justify-content: center;
            align-items: center
        }

    li.root-category a span {
        font-size: 15px
    }

    .footer-disclaimer {
        width: 100%;
        padding-top: 0 !important;
        text-align: center
    }

    .imgall {
        float: right;
        width: 100%;
        text-align: center
    }

    .header-upper .header-selectors-wrapper {
        display: none
    }

    .desktop {
        display: none !important
    }

    .category-navigation-title, .category-navigation-list-wrapper {
        display: none !important
    }

    .admin-header-links {
        position: fixed;
        top: 0;
        z-index: 1030;
        width: 100%
    }

    .responsive-nav-wrapper-parent {
        position: fixed;
        top: 0;
        z-index: 1020;
        width: 100%;
        background-color: #fff;
        border-bottom: 3px solid #eee
    }

    .admin-header-links ~ .responsive-nav-wrapper-parent {
        top: 35px
    }

        .admin-header-links ~ .responsive-nav-wrapper-parent ~ .header {
            margin-top: 100px
        }

    .header {
        margin-top: 65px
    }

    .mobile-selector {
        overflow: hidden
    }

    .header-selectors-wrapper > div {
        margin: 0;
        display: block;
        position: relative
    }

    .profile-menu-box > a, .selector-title {
        display: block;
        padding: 15px 20px;
        line-height: 18px;
        font-size: 13px;
        color: #8c8c8c;
        font-weight: 700;
        background-color: #f6f6f6;
        border-top: 3px solid #fff;
        cursor: pointer;
        text-transform: uppercase
    }

        .selector-title:after {
            content: "j";
            display: inline-block;
            float: left;
            font-size: 9px;
            font-family: "emporium-icons";
            transform: rotate(90deg);
            text-transform: none;
            color: #8c8c8c;
            transition: all .3s ease
        }

        .selector-title.open:after {
            transform: rotate(-90deg)
        }

    .mobile-collapse {
        display: none;
        background-color: #9c8448;
        padding: 10px 0
    }

    .header-selectors-wrapper > div input[type="radio"] {
        display: none
    }

    .header-selectors-wrapper > div label {
        display: block;
        padding: 10px 38px;
        line-height: 18px;
        font-size: 14px;
        font-weight: 400
    }

    .header-selectors-wrapper > div input[type="radio"]:checked + label {
        color: #9c8448
    }

    .header-selectors-wrapper > div input[type="radio"] + label:before {
        content: none;
        display: none
    }

    .responsive-nav-wrapper {
        position: relative;
        padding: 11px 0;
        background-color: #fff;
        text-align: center;
        font-size: 0;
        width: calc(100% - 20px);
        margin: 0 auto
    }

    .header-logo {
        display: none
    }

    .mobile-logo {
        position: relative;
        display: inline-block;
        text-align: center;
        max-width: calc(100% - 180px)
    }

        .mobile-logo .logo {
            position: relative;
            display: block;
            max-width: 100%;
            height: 40px;
            width: 200px;
            margin: 0 auto
        }

        .mobile-logo img {
            position: absolute;
            display: inline-block;
            width: auto;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .responsive-nav-wrapper:after {
        content: "";
        display: block;
        clear: both
    }

    .responsive-nav-wrapper > div {
        position: relative;
        display: inline-block;
        vertical-align: top
    }

        .responsive-nav-wrapper > div > span, .responsive-nav-wrapper > div > a {
            position: relative;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 0;
            cursor: pointer
        }

            .responsive-nav-wrapper > div > span:before, .responsive-nav-wrapper > div > a:before {
                display: inline-block;
                font-family: "emporium-icons";
                font-size: 18px;
                color: #8e8e8e
            }

    .responsive-nav-wrapper .menu-title span:before {
        content: "g"
    }

    .responsive-nav-wrapper .search-wrap span:before {
        content: "e"
    }

    .shopping-cart-link > a {
        position: relative;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 0
    }

        .shopping-cart-link > a:before {
            content: "d";
            display: inline-block;
            font-family: "emporium-icons";
            font-size: 24px
        }

    .shopping-cart-link .cart-qty {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 0;
        background-color: #9c8448;
        font-size: 10px;
        height: auto;
        padding: 0 1px;
        width: auto;
        min-width: 15px;
        min-height: 15px;
        line-height: 15px;
        border-radius: 50%;
        color: #fff
    }

    .responsive-nav-wrapper .menu-title, .responsive-nav-wrapper .search-wrap {
        float: right
    }

    .responsive-nav-wrapper .shopping-cart-link, .responsive-nav-wrapper .personal-button {
        float: left
    }

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1060;
        background-color: rgba(0,0,0,0);
        transition: background .3s ease
    }

        .overlayOffCanvas.show {
            background-color: rgba(0,0,0,.4)
        }

    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important
    }

    .header-menu.ps-container .ps-scrollbar-y-rail {
        visibility: hidden !important
    }

    .header-menu, .profile-menu-box, .store-search-box {
        position: fixed;
        top: 0;
        left: -100%;
        width: 320px;
        max-width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        margin-top: 0 !important;
        opacity: 1;
        padding: 0;
        border-radius: 0;
        pointer-events: auto;
        transition: all .3s ease;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        box-shadow: none;
        z-index: 1070 !important
    }

    .store-search-box {
        width: 400px
    }

        .header-menu.open, .profile-menu-box.open, .store-search-box.open {
            left: 0
        }

    .header-menu .close-menu, .close-side-menu, .mobile-flyout-wrapper .close-side-menu {
        display: block;
        padding: 15px 20px;
        background-color: #9c8448;
        color: #fff
    }

        .close-menu span, .close-side-menu span {
            display: inline-block;
            line-height: 17px;
            font-size: 14px;
            color: #fff;
            text-transform: uppercase
        }

        .close-menu .close-menu-text, .close-side-menu .close-side-menu-text {
            font-weight: 700;
            letter-spacing: 1px
        }

    .close-menu .close-menu-btn, .close-side-menu-btn {
        float: right;
        font-size: 0 !important
    }

    .close-menu-text:before, .close-side-menu-text:before {
        content: "g";
        display: inline-block;
        margin-right: 15px;
        font-family: "emporium-icons";
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 0;
        color: #fff !important;
        text-transform: none;
        vertical-align: bottom
    }

    .profile-menu-box .close-side-menu-text:before {
        content: "a"
    }

    .store-search-box .close-side-menu-text:before {
        content: "e"
    }

    .close-menu-btn:before, .close-side-menu-btn:before {
        content: "z";
        display: inline-block;
        margin: 0 !important;
        font-family: "emporium-icons";
        text-transform: none;
        font-size: 16px;
        color: #fff !important;
        vertical-align: bottom
    }

    .header-menu .all-categories, .header-menu .all-categories li {
        background-color: #9c8448;
    }

    .header-menu > ul li:after {
        content: "";
        display: block;
        clear: both
    }

    .header-menu > ul li > a, .header-menu > ul li > span, .profile-menu-box > a, .header-form-holder > a {
        display: block;
        position: relative;
        z-index: 0;
        padding: 16px 18px !important;
        font-size: 13px;
        line-height: 17px;
        color: #8c8c8c;
        font-weight: 700;
        text-transform: uppercase
    }

    .header-menu > ul li {
        border-bottom: 3px solid #fff
    }

    .header-menu .top-menu > li {
        border-bottom: 0
    }

    .header-menu > ul li:last-child, .header-menu > ul li:last-child, .header-menu > ul li.back-button {
        border-bottom: 0
    }

    .header-menu > ul li > .with-subcategories {
        float: left;
        width: calc(100% - 50px)
    }

    .header-menu .all-categories > span {
        float: left;
        cursor: default
    }

        .header-menu .all-categories > span:before {
            content: "f";
            display: inline-block;
            margin-left: 10px;
            font-size: 17px;
            vertical-align: bottom;
            font-family: "emporium-icons";
            color: #8c8c8c;
            font-weight: normal;
            text-transform: none;
            transition: all .2s ease
        }

    .plus-button {
        position: relative;
        z-index: 1;
        float: left;
        width: 50px;
        height: 50px;
        cursor: pointer
    }

        .plus-button:before {
            content: "k";
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-family: "emporium-icons";
            font-size: 10px;
            color: #8c8c8c
        }

    .ico-compare, .ico-wishlist {
        display: block;
        padding: 15px 20px;
        line-height: 18px;
        font-size: 13px;
        font-weight: 700;
        color: #8c8c8c;
        background-color: #f6f6f6;
        border-top: 3px solid #fff;
        cursor: pointer;
        text-transform: uppercase
    }

        .ico-compare:before, .ico-wishlist:before {
            display: inline-block;
            font-family: "emporium-icons";
            margin-left: 10px;
            font-size: 17px;
            color: #8e8e8e;
            font-weight: normal;
            text-transform: none;
            vertical-align: bottom
        }

    .personal-button {
        position: static !important
    }

    .wishlist-qty {
        display: none
    }

    .header-menu {
        overflow-y: auto
    }

        .header-menu .sublist-wrap {
            position: fixed;
            top: 0;
            right: 0;
            z-index: 2;
            width: 320px;
            height: 100%;
            box-shadow: 1px 0 5px rgba(0,0,0,.5);
            overflow-y: auto;
            background-color: #9c8448 !important;
            transition: all .3s ease
        }

        .header-menu .sublist-wrap {
            right: -100%
        }

            .header-menu .sublist-wrap.active {
                right: 0
            }

        .header-menu ul li.back-button {
            background-color: #9c8448
        }

        .header-menu .back-button span {
            padding: 15px 20px !important;
            text-align: left;
            color: #fff;
            text-transform: uppercase;
            cursor: pointer
        }

            .header-menu .back-button span:before {
                content: "k";
                display: inline-block;
                margin-left: 15px;
                font-family: "emporium-icons";
                font-size: 10px;
                text-transform: none
            }

    .mobile-flyout-wrapper .close-side-menu-text:before {
        content: "d"
    }

    .mobile-flyout-wrapper .flyout-cart-scroll-area {
        max-height: calc(100vh - 97px);
        overflow-y: scroll
    }

    .mobile-flyout-wrapper {
        position: fixed;
        top: 0;
        right: -100%;
        width: 400px;
        max-width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        margin-top: 0 !important;
        opacity: 1;
        padding: 0;
        border-radius: 0;
        pointer-events: auto;
        transition: all .3s ease;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        box-shadow: none;
        z-index: 1070 !important
    }

        .mobile-flyout-wrapper.open {
            right: 0
        }

        .mobile-flyout-wrapper .close-side-menu {
            display: block
        }

    .profile-menu-box.login-form-in-header {
        padding: 0;
        width: 320px
    }

    .login-form-in-header form {
        padding: 20px 20px 0
    }

    .search-box form {
        padding: 20px
    }

    .search-box input.search-box-text {
        width: calc(100% - 45px);
        padding: 0 15px 0 5px
    }

    .ui-autocomplete {
        width: calc(100% - 40px) !important
    }

    #topcartlink {
        display: none
    }

    .header-links-wrapper .header-links > ul {
        display: none
    }

    .header-links-wrapper.open {
        display: block
    }

    .html-account-page .block {
        float: none;
        width: auto;
        text-align: center
    }

        .html-account-page .block .listbox {
            display: block !important
        }

    .item-box .btn-wrapper {
        display: none !important
    }
}

@media all and (max-width: 1024px) {
    .personal-button span::before {
        background: url(/Themes/Emporium/Content/img/codicon_account.png) right center;
        background-repeat: no-repeat;
        content: "" !important;
        display: block;
        width: 25px;
        height: 25px;
        margin-left: 5px;
        background-size: contain
    }

    .search-wrap span::before {
        background: url(/Themes/Emporium/Content/img/secico.png) right center;
        background-repeat: no-repeat;
        content: "" !important;
        display: block;
        width: 25px;
        height: 25px;
        margin-left: 5px;
        background-size: contain
    }

    .responsive-nav-wrapper .menu-title span:before {
        background: url(/Themes/Emporium/Content/img/menico.png) right center;
        background-repeat: no-repeat;
        content: "" !important;
        display: block;
        width: 25px;
        height: 25px;
        margin-left: 5px;
        background-size: contain
    }

    .shopping-cart-link > a:before {
        content: "" !important
    }

    .header-lower {
        display: none
    }

    .header-menu.categories-in-side-panel.ps-container.open.opened {
        padding: 0;
        background-color: #9c8448;
        color: #fff !important;
        !i;
        !;
        !i;
        !
    }

    .close-menu {
        background-color: #9c8448 !important;
        !i;
        !;
        SelectioncolorsHex #9c8448
    }

    li.all-categories {
        background-color: #9c8448 !important;
        !i;
        !;
        SelectioncolorsHexwhiteblue
    }

    li.root-category a span {
        font-size: 20px
    }

    li.all-categories * {
        color: #fff !important;
        !i;
        !;
        text-align: left;
        font-size: 20px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .header-selectors-wrapper {
        background-color: #9c8448 !important
    }

    a.ico-compare {
        background-color: #9c8448 !important
    }

    .title.carousel-title.has-navigation * {
        font-size: 30px
    }

    .title.carousel-title.has-navigation {
        font-size: 30px
    }

    h2.product-title a {
        font-size: 16px
    }

    span.price.old-price {
        font-size: 12px;
        padding-left: 0
    }

    span.price.actual-price {
        font-size: 12px
    }

    .carousel-item .item-box {
        padding: 6px
    }

    .topbaner div {
        padding: 6px;
        display: block !important;
        font-size: 10px !important
    }

    .topbaner {
        width: 20% !important
    }

    .item-box .product-title, .item-box .title {
        height: 70px
    }

    .newsletter-email {
        display: block;
        overflow: hidden;
        max-width: 90%
    }

    .footer-block {
        width: 100% !important;
        border: 0
    }

    .footer-middle {
        border: 0
    }

    .footer-lower .inpowe {
        width: 95%;
        vertical-align: middle !important
    }

    .footer-upper {
        border: 0 !important;
        margin: 0
    }

    .footer .title {
        border: 0 !important
    }

    .footer-block .title:before {
        content: ""
    }

    .footer-block .title:after {
        content: ""
    }

    .footer-block:first-child {
        border-top: 0
    }

    .footer-middle .social-icons, .footer-middle .pay-options {
        margin-top: 20px
    }

    .footer {
        padding: 20px 0;
        border: 0
    }

    .btn-wrapper.hoverblock {
        display: block !important;
        position: static
    }

    .btn-wrapper.hoverblock {
        background-color: transparent;
        border: 0;
        padding: 0;
        font-size: 10px
    }

    span.texthover {
        font-size: 10px
    }

    .imaghover img {
        display: inline-block !important;
        width: 27%
    }

    .btn-wrapper.hoverblock .imaghover {
        padding: 0;
        margin: 0
    }

    button.button-2.product-box-add-to-cart-button {
        background-image: url(/Themes/Emporium/Content/img/Group.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30px !important;
        !i;
        !;
        background-color: transparent;
        width: 25px !important;
        height: 25px !important;
        padding: 0;
        display: inline-block !important;
        margin: 0;
        margin-right: 10px !important;
        !i;
        !
    }

    .quick-view-button {
        font-size: 0 !important;
        !i;
        !
    }

    .home-page-body button.button-2.add-to-compare-list-button {
        width: 30px !important;
        !i;
        !;
        height: 30px !important;
        !i;
        !;
        padding: 0;
        display: inline-block !important;
        margin-right: 10px !important;
        !i;
        !;
        margin-left: 0
    }

    .quick-view-button {
        width: 25px !important;
        height: 25px !important;
        padding: 0;
        margin: 0 !important;
        !i;
        !;
        display: inline-block !important;
        !i;
        !
    }

    button.button-2.add-to-wishlist-button {
        width: 30px !important;
        height: 30px !important;
        display: inline-block !important;
        margin-right: 10px !important;
        margin-left: 0
    }

    body .quick-view-button a {
        background-position: top !important;
        !i;
        !;
        vertical-align: top !important;
        !i;
        !
    }

    .imaghover {
        margin-bottom: 10px !important;
        !i;
        !
    }

    .quick-view-button {
        position: relative;
        top: -17px
    }

    button.button-2.add-to-wishlist-button {
        padding: 0
    }
}

@media(max-width: 1024px) {
    .title.carousel-title strong {
        font-size: 25px !important
    }

    .btn-wrapper.hoverblock {
        background-color: transparent;
        border: 0;
        padding: 0;
        font-size: 10px;
        position: static !important;
        float: left;
        width: 100%;
        transform: none !important;
        display: block !important;
        opacity: 1 !important
    }

    .btn-wrapper.hoverblock {
        box-shadow: none
    }

    .jCarouselMainWrapper.smartwatch .title.carousel-title {
        font-size: 30px !important
    }

    .current-language-selector.selector-title {
        background-color: #9c8448;
        border: 0;
        color: #fff
    }

    .language-selector.mobile.mobile-selector {
        background-color: #9c8448;
        border: 0;
        color: #fff;
        background-color: transparent;
        background: none;
        padding-right: 30px
    }

    .mobile-menu-items {
        padding-right: 24px
    }

    .header-menu a.ico-compare {
        background-color: #9c8448;
        border: 0;
        color: #fff;
        background-color: transparent;
        background: url(/Themes/Emporium/Content/img/mobcom.png) no-repeat right;
        padding-right: 47px;
        margin-right: 24px
    }

        .header-menu a.ico-compare:before {
            display: none
        }

    .header-menu.categories-in-side-panel.ps-container.open.opened * {
        color: #fff;
        text-align: left;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    .header-menu a.ico-wishlist {
        background-color: #9c8448;
        border: 0;
        background: url(/Themes/Emporium/Content/img/moblo.png) no-repeat left;
        padding-left: 62px;
        margin-left: 15px;
        font-size: 15px !important
    }

        .header-menu a.ico-wishlist span {
            font-size: 15px !important
        }

    .jCarouselMainWrapper .slick-next:before {
        content: "" !important
    }

    .jCarouselMainWrapper button.slick-next.slick-arrow {
        background: url(/Themes/Emporium/Content/img/righcur.png);
        width: 45.108px;
        height: 43.108px;
        border-radius: 0;
        border: 0;
        background-repeat: no-repeat;
        background-size: contain
    }

    .jCarouselMainWrapper button.slick-prev.slick-arrow {
        background: url(/Themes/Emporium/Content/img/leftcur.png);
        background-repeat: no-repeat;
        width: 45.108px;
        height: 43.108px;
        background-size: contain
    }

    .header-menu a.ico-wishlist:before {
        display: none
    }

    .footer {
        padding-bottom: 0
    }

    .search-box.store-search-box.search-option-enabled {
        border-radius: 0
    }

    button.button-1.search-box-button {
        border-radius: 0;
        width: 45px
    }

    span.k-autocomplete.k-input.search-box-text.narrow.k-autocomplete-clearable.k-input-solid.k-input-md.k-rounded-md {
        max-width: 86%
    }

    .block * {
        color: #000 !important;
        font-size: 25px !important
    }

    .close-side-menu {
        background-color: #9c8448 !important
    }

    .title.carousel-title {
        font-size: 25px !important
    }

    .payfort label {
        text-align: left
    }

    .payfort input.button-1.confirm-order-next-step-button {
        font-family: 'Beiruti'
    }

    .payfort .cardCode label {
        width: 55%
    }

    .payfort input#CardCode {
        width: 80% !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .otpfild .container.butopt button {
        padding: 9px !important
    }

    .otpfild .butopt a.login-button2 {
        padding: 15px !important
    }

    .form-fields.otpfild #inputs input {
        width: 22.5%
    }

    .jCarouselMainWrapper button.slick-next.slick-arrow {
        background: url(/Themes/Emporium/Content/img/righcur.png) !important;
        width: 45.108px;
        height: 43.108px;
        border-radius: 0;
        border: 0;
        background-repeat: no-repeat !important;
        background-size: contain
    }

    .jCarouselMainWrapper button.slick-prev.slick-arrow {
        background: url(/Themes/Emporium/Content/img/leftcur.png) !important;
        background-repeat: no-repeat !important;
        width: 45.108px;
        height: 43.108px;
        background-size: contain
    }

    .jCarouselMainWrapper .slick-next, .jCarouselMainWrapper .slick-prev {
        position: absolute;
        top: -10% !important
    }

    .title.carousel-title {
        margin-bottom: 30px !important
    }

    .home-page-body .theme-home-banners {
        margin: 0 0 30px !important
    }

    .home-page-body .nop-jcarousel.product-grid.home-page-product-grid {
        margin-bottom: 30px !important
    }

    .home-page-body div#main {
        padding-bottom: 30px
    }

    .home-page-body div#anywhereSlider5 {
        margin-bottom: 30px
    }

    .home-page-body .recentltadd .nop-jcarousel.product-grid.home-page-product-grid {
        margin-bottom: 0 !important
    }

    .home-page-body .center-1 .nop-jcarousel.manufacturer-grid {
        margin-bottom: 0 !important
    }

    .home-page-body .jCarouselMainWrapper.Manufacturers {
        min-height: auto;
        margin-bottom: 30px
    }

    .home-page-body .Manufacturers .slick-next, .home-page-body .Manufacturers .slick-prev {
        position: absolute;
        top: -30% !important
    }

    .recentltadd .nop-jcarousel.product-grid.home-page-product-grid {
        padding-top: 0 !important
    }

    .recentltadd .nop-jcarousel:before {
        min-height: 336px;
        background-color: #fff;
        margin-bottom: 50px
    }

    .mega-menu-responsive li.TrackOrder {
        margin: 12px
    }

        .mega-menu-responsive li.TrackOrder a padding: 7px !important;
}

.search-box.store-search-box {
    display: block !important
}

.header-menu .root-category {
    padding-left: 45px !important
}

.header-menu .TrackOrder a {
    padding: 7px !important
}

@media(max-width: 768px) {
    li.root-category a span {
        font-size: 15px !important
    }

    li.price-range-selected-ranges span.option {
        background-color: #000;
        color: #fff !important
    }

    button.searchfilterbut {
        color: #fff !important
    }

    .block * {
        color: #000 !important;
        font-size: 15px !important
    }
}

@media(max-width: 768px) {
    .carousel-item .item-box {
        padding: 0 !important
    }

    .block.block-recently-viewed-products.ff strong {
        font-size: 20px !important;
        font-weight: bold
    }

    .checkout-pages-body .section.payment-method.ng-scope {
        height: auto;
        float: left;
        width: 100%;
        max-height: fit-content
    }

    .checkout-pages-body .method-name * {
        display: inline-flex;
        padding: 0 2px;
        justify-content: center !important;
        align-items: center;
        align-content: center;
        font-size: 11px !important
    }

    .checkout-pages-body .method-name {
        display: flex;
        align-items: center;
        align-content: center
    }
}

@media(max-width: 1024px) {
    .sublist-wrap.ps-container li {
        padding-left: 12px !important
    }

    .otp-inputs input {
        margin-right: 0 !important
    }

    .checkout-pages-body .method-name * {
        margin-bottom: 0
    }

    .checkout-pages-body .payment-method .method-list li {
        margin-bottom: 10px
    }

    body.checkout-pages-body td.quantity {
        padding-top: 0 !important
    }

    .header-menu-parent li span {
        font-size: 15px !important
    }

    .header-menu .all-categories > span:before {
        content: ""
    }

    li.has-sublist.allproduct.mega-menu-categories.root-category-items a.with-subcategories {
        color: #000 !important
    }

    li.has-sublist.allproduct.mega-menu-categories.root-category-items ul.sublist a.with-subcategories::after {
        content: "" !important
    }

    .header-menu .sublist-wrap.active {
        left: 0 !important
    }

    li.has-sublist.allproduct.mega-menu-categories.root-category-items {
        background: none;
        background-repeat: no-repeat;
        padding-left: 0 !important;
        color: #fff !important
    }

    .plus-button:before {
        color: #fff
    }

    li.has-sublist.allproduct.mega-menu-categories.root-category-items .plus-button:before {
        color: #000
    }

    .mega-menu-responsive .plus-button:before {
        content: "j"
    }

    li.back-button * {
        text-align: right !important
    }
}

.spc-header .title strong, .spc-header .title span {
    text-transform: uppercase
}

@media(max-width: 1024px) {
    li.RITBAT {
        margin: 0 16px
    }

    li.RITBAT2 {
        margin: 0 16px
    }

    .spc-header .title {
        margin-bottom: 10px
    }

    .html-home-page .spc-header .title strong, .html-home-page .spc-header .title span, .html-home-page .spc-header .title span normal {
        font-size: 25px !important;
        text-transform: uppercase
    }

    * .spc-header .title {
        text-align: center !important
    }

    .spc-header .title strong, .spc-header .title span {
        font-size: 25px !important
    }

    .order-list-page .section.shipment-item {
        width: 100%
    }

    .home-page-body .title.carousel-title * {
        font-size: 30px !important
    }

    body .nop-jcarousel .title.carousel-title * {
        font-size: 25px !important
    }

    .home-page-body .title.carousel-title.has-navigation {
        font-size: 25px !important;
        font-weight: normal
    }

    .product-grid .item-box {
        border-radius: 12px;
        background: #eff1f8 !important;
        padding: 5px !important
    }
}

@media(max-width: 481px) {
    .compairdiv .item-box {
        width: 47%;
        text-align: center
    }
}

@media(max-width: 1024px) {
    a#Compare-Btn {
        padding: 9px 9px !important;
    }

    a#CompareClearAll {
        padding: 9px 9px !important;
    }

    li.acces.web.root-category {
        display: none
    }

    li.MOBILEisw.root-category {
        background: url(/Themes/Emporium/Content/img/mobico.png) left center;
        background-repeat: no-repeat;
        padding-left: 45px !important;
        color: #fff !important
    }
}

@media(min-width: 1024px) {
    li.acces.web.root-category {
        display: block
    }

    li.MOBILEisw.root-category {
        display: none
    }
}

@media (max-width: 768px) {
    .footer .newsletter .title {
        text-align: center;
    }

    .footer-block ul {
        background-color: #9c8448;
    }

    .footer .title {
        padding: 10px;
    }

    .order-number strong {
        font-size: 13px;
    }

    .order-details-page .products td.quantity, .cart td.quantity, .wishlist-page td.quantity {
        padding: 9px 5px 9px 9px !important;
    }

    body.product-details-page-body .overview .submit-ticket-button:before {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        color: #fff;
    }

    body.product-details-page-body .overview .submit-ticket-button {
        width: 100%;
        height: auto;
        border-radius: 3px;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
        /* padding:10px 10px; */
        background-color: #036499;
    }

    .customer-pages-body #select-nav {
        appearance: none; /* للمتصفحات الحديثة */
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;
        background-size: 15px;
        padding: 8px 35px 8px 10px; /* padding عشان في مسافة للسهم */
        border: 1px solid #ccc;
        border-radius: 6px;
        font-size: 14px;
        cursor: pointer;
    }

        /* عشان في بعض المتصفحات */
        .customer-pages-body #select-nav::-ms-expand {
            display: none;
        }

    body.product-details-page-body .submit-ticket {
        vertical-align: top;
        width: calc(100%);
        /* max-width:250px; */
    }

    .pager li a, .pager li span {
        display: block;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

        .pager li a:before {
            display: block;
            font-size: 10px;
            color: #d0d0d0;
            line-height: 25px;
            transition: all .3s ease;
        }

    .productAddedToCartWindow.k-window-content .ajaxCart .product-grid .item-box {
        margin: 0 0 10px 0;
        width: 100%;
    }
}