input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.footer-middle-block-link-left p {
    font-size: 0.7rem;
    color: #33c2e2;
    padding-bottom: 4px;
}

.testomonial-read-more-btn {
    padding: 8px 16px;
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    color: #33c2e2;
    border: 1px solid #33c2e2;
    border-radius: 3px;
}

.home-slider .owl-theme .owl-dots .owl-dot.active span {
    background-color: #33c2e2;
}

/*padding: 0px 3rem;*/
.search-inner-flex-div input {
    width: 100%;
    height: 2.3rem;
    line-height: 3.2rem;
    font-size: 0.8rem;
    color: rgb(51, 54, 62);
    position: relative;
    background: linear-gradient(white, white) padding-box padding-box, linear-gradient(to right, #33c2e2, #33c2e2) border-box border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0px 1.7rem;
}

.search-inner-flex-div select {
    width: 100%;
    height: 24px;
    line-height: 3.2rem;
    font-size: 0.8rem;
    color: rgb(51, 54, 62);
    position: relative;
    background: linear-gradient(white, white) padding-box padding-box, linear-gradient(to right, #33c2e2, #33c2e2) border-box border-box;
    border: 1px solid transparent;
    padding: 0px 1.7rem;
}

.wishlist-counter,
.takestocart-counter {
    font-family: 'MuliBold';
    width: 14px;
    height: 14px;
    background: #33c2e2;
    background: linear-gradient(to right, #33c2e2 0%, #33c2e2 100%);
    font-size: 0.6rem;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: -3px;
    line-height: 14px;
    text-align: center;
    right: -6px;
}

.login-to-continue {
    position: relative;
    outline: none;
    cursor: pointer;
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 5px 0;
    font-size: 0.9rem;
    color: #ffffff;
    /*background: linear-gradient(to right, rgba(51, 194, 226, 0.28), #33c2e2) !important;*/
    background: linear-gradient(to right, rgb(51,194,226), #33c2e2) !important;
    border: none;
    font-family: 'MuliSemiBold';
}

.blue-button {
    position: relative;
    outline: none;
    cursor: pointer;
    height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 5px 0;
    font-size: 0.9rem;
    color: #ffffff;
    /*background: linear-gradient(to right, rgba(51, 194, 226, 0.28), #33c2e2) !important;*/
    background: linear-gradient(to right, rgb(51,194,226), #33c2e2) !important;
    border: none;
    font-family: 'MuliSemiBold';
}

.wishlist-prod-btn button {
    font-family: 'MuliBold';
    position: relative;
    outline: none;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 0.9rem;
    color: rgb(255, 255, 255);
    background: linear-gradient(to right, rgba(51, 194, 226, 0.47), #33c2e2) !important;
    border: none;
    width: 176px;
    height: 36px;
    margin: 0px auto;
}


/* =========================================================
   ODI HEADER - TABLET / MOBILE FINAL FIX
   ========================================================= */

@media only screen and (max-width: 980px) {

    /* -----------------------------------------------------
       MAIN HEADER
       ----------------------------------------------------- */

    .section-header {
        position: relative !important;

        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;

        width: 100% !important;

        height: auto !important;
        min-height: 58px !important;

        padding: 8px 14px 12px !important;

        background: #fff !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       TOP ROW
       Burger + Logo + Wishlist + Cart
       ----------------------------------------------------- */

    .mobile-burger-menu {
        order: 1 !important;

        position: relative !important;

        width: 34px !important;
        flex: 0 0 34px !important;

        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .logo-head {
        order: 2 !important;

        position: relative !important;

        width: 110px !important;
        height: 50px !important;

        flex: 0 0 110px !important;

        margin: 0 0 0 6px !important;
        padding: 0 !important;
    }


    .logo-inner {
        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        align-items: center !important;
    }


    .logo-inner img {
        display: block !important;

        width: 100px !important;
        max-width: 100px !important;

        margin: 0 !important;
    }


    .right-menu-section {
        order: 3 !important;

        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        flex: 1 1 auto !important;

        height: 50px !important;

        margin: 0 !important;
        padding: 0 4px !important;

        background: transparent !important;
    }


    .right-menu-section .user-profile {
        display: none !important;
    }


    /* -----------------------------------------------------
       CRITICAL FIX
       Remove old absolute mobile positioning
       ----------------------------------------------------- */

    .section-header > .search-wrapper,
    .section-header > .search-wrapper > div,
    .section-header > .search-wrapper .search-inner-div,
    .section-header > .search-wrapper .search-inner-flex-div {

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        float: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       EACH WRAPPER GETS ITS OWN ROW
       ----------------------------------------------------- */

    .section-header > .search-wrapper {
        flex: 0 0 100% !important;

        margin-top: 8px !important;
    }


    /* Metal first */
    .metal-search-wrapper {
        order: 4 !important;
    }


    /* Customer second */
    .customer-search-wrapper {
        order: 5 !important;
    }


    /* SKU third */
    .sku-search-wrapper {
        order: 6 !important;
    }


    /* Navigation remains mobile drawer */
    .nav {
        order: 10 !important;
    }


    /* =====================================================
       METAL RATES
       ===================================================== */

    .metal-rate-container {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 7px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* remove &nbsp influence */
    .metal-rate-container > .box {
        margin: 0 !important;
    }


    .metal-rate-container .box {
        position: relative !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 48px !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: center !important;

        padding: 4px 10px !important;

        background: #fff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        color: #273247 !important;

        font-size: 12px !important;
        font-weight: 600 !important;

        line-height: 17px !important;

        box-sizing: border-box !important;

        white-space: normal !important;
    }


    /* Override old header rule */
    .gold_rate_ui {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        white-space: normal !important;
    }


    /* Reset image should not enlarge layout */
    .metal-rate-container img {
        width: 22px !important;
        height: 22px !important;

        margin: 0 4px 0 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       CUSTOMER DROPDOWN
       ===================================================== */

    .customer-search-wrapper .search-inner-flex-div {
        display: block !important;
    }


    #q_customer_id {
        display: block !important;

        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 44px !important;

        margin: 0 !important;
        padding: 0 40px 0 14px !important;

        box-sizing: border-box !important;

        background: #fff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        color: #273247 !important;

        font-size: 13px !important;

        appearance: auto !important;
        -webkit-appearance: auto !important;
    }


    /* =====================================================
       SKU SEARCH
       ===================================================== */

    .sku-search-wrapper .search-inner-flex-div {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        background: #fff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        overflow: hidden !important;
    }


    .sku-search-wrapper #search_form_txt {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .sku-search-wrapper #item_code {
        display: block !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 15px 0 42px !important;

        border: 0 !important;

        background: #fff !important;

        box-sizing: border-box !important;

        font-size: 13px !important;
    }


    .sku-search-wrapper .search-icon {
        position: absolute !important;

        left: 12px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        z-index: 2 !important;
    }


    /* -----------------------------------------------------
       Prevent old desktop width rules
       ----------------------------------------------------- */

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

}

.section-header > .search-wrapper .search-inner-div {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}


/* =========================================================
   METAL RATE - DESKTOP
   ========================================================= */

.metal-rate-container {
    display: flex;
    align-items: center;

    gap: 6px;

    margin: 0;
    padding: 0;

    width: auto;

    box-sizing: border-box;
}


.metal-rate-box {
    width: 82px;
    height: 44px;

    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: center;

    margin: 0 !important;
    padding: 4px 10px !important;

    background: #fff;

    border: 1px solid #33c2e2;
    border-radius: 6px;

    box-sizing: border-box;

    color: #263247;

    cursor: pointer;

    line-height: 1.15;
}


.metal-name {
    display: block;

    font-size: 12px;
    font-weight: 600;
}


.metal-value {
    display: block;

    margin-top: 1px;

    font-size: 13px;
    font-weight: 700;
}


.metal-reset {
    flex: 0 0 32px;

    width: 32px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}


.metal-reset img {
    width: 22px;
    height: 22px;

    object-fit: contain;
}


/* =========================================================
   IPAD + MOBILE
   ========================================================= */

@media only screen and (max-width: 980px) {

    .metal-search-wrapper {
        width: 100% !important;
        flex: 0 0 100% !important;

        margin: 8px 0 0 !important;
    }


    .metal-search-wrapper > div,
    .metal-search-wrapper .search-inner-div,
    .metal-search-wrapper .search-inner-flex-div {

        position: static !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* CRITICAL FIX */
    .metal-rate-container {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 7px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .metal-rate-container .metal-rate-box {
        position: static !important;

        flex: 1 1 0 !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 48px !important;

        margin: 0 !important;
        padding: 5px 10px !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    .metal-rate-container .metal-name {
        font-size: 12px !important;
    }


    .metal-rate-container .metal-value {
        font-size: 13px !important;
    }


    /* remove old absolute positioning */
    .metal-rate-container .gold_rate_ui {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;
    }


    .metal-rate-container .metal-reset {
        flex: 0 0 34px !important;

        width: 34px !important;
        height: 48px !important;
    }
}

/* ==========================================
   CUSTOMER + SEARCH ON SAME ROW
   ========================================== */

@media only screen and (max-width: 980px) {

    /* Customer dropdown */
    .customer-search-wrapper {
        width: 49% !important;
        flex: 0 0 49% !important;

        margin: 8px 1% 0 0 !important;
        padding: 0 !important;
    }

    /* SKU Search */
    .sku-search-wrapper {
        width: 50% !important;
        flex: 0 0 50% !important;

        margin: 8px 0 0 0 !important;
        padding: 0 !important;
    }

    /* Reset inner wrappers */
    .customer-search-wrapper .search-inner-div,
    .customer-search-wrapper .search-inner-flex-div,
    .sku-search-wrapper .search-inner-div,
    .sku-search-wrapper .search-inner-flex-div {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;

        box-sizing: border-box !important;
    }

    /* Customer dropdown */
    #q_customer_id {
        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 40px 0 15px !important;

        box-sizing: border-box !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;
    }

    /* Search container */
    .sku-search-wrapper #search_form_txt {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Search input */
    .sku-search-wrapper #item_code {
        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding-left: 42px !important;

        box-sizing: border-box !important;

        border-radius: 6px !important;
    }
}


/* =========================================================
   FINAL MOBILE HEADER FIX
   NO HTML CHANGE REQUIRED
   ========================================================= */

@media only screen and (max-width: 767px) {

    /* -----------------------------------------------------
       MAIN HEADER
       ----------------------------------------------------- */

    .section-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 8px 12px 12px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       RESET OLD SEARCH WRAPPER MOBILE CSS
       ===================================================== */

    .section-header > .search-wrapper {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        float: none !important;

        height: auto !important;

        padding: 0 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    .section-header > .search-wrapper > div,
    .section-header > .search-wrapper .search-inner-div,
    .section-header > .search-wrapper .search-inner-flex-div {

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ORDER
       1. Metal
       2. Customer + SKU same line
       ===================================================== */

    .metal-search-wrapper {
        order: 4 !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 8px 0 0 !important;
    }


    /* CUSTOMER = 38% */
    .section-header > .customer-search-wrapper {
        order: 5 !important;

        flex: 0 0 calc(38% - 4px) !important;

        width: calc(38% - 4px) !important;
        max-width: calc(38% - 4px) !important;
        min-width: 0 !important;

        margin: 8px 4px 0 0 !important;
    }


    /* SEARCH = 62% */
    .section-header > .sku-search-wrapper {
        order: 6 !important;

        flex: 0 0 calc(62% - 4px) !important;

        width: calc(62% - 4px) !important;
        max-width: calc(62% - 4px) !important;
        min-width: 0 !important;

        margin: 8px 0 0 4px !important;
    }


    /* =====================================================
       CUSTOMER
       ===================================================== */

    .customer-search-wrapper .search-inner-flex-div {
        display: block !important;

        width: 100% !important;

        border: 0 !important;
    }


    .customer-search-wrapper #q_customer_id {
        display: block !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 44px !important;

        margin: 0 !important;

        padding: 0 28px 0 11px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        color: #273247 !important;

        font-size: 12px !important;

        line-height: 44px !important;
    }


    /* =====================================================
       SKU SEARCH
       ===================================================== */

    .sku-search-wrapper .search-inner-flex-div {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    .sku-search-wrapper #search_form_txt {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .sku-search-wrapper #item_code {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 42px !important;

        margin: 0 !important;

        /* overrides inline padding-left:20% */
        padding: 0 8px 0 36px !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border: 0 !important;
        outline: 0 !important;

        font-size: 12px !important;

        line-height: 42px !important;
    }


    .sku-search-wrapper .search-icon {
        position: absolute !important;

        left: 10px !important;
        top: 50% !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;

        transform: translateY(-50%) !important;

        z-index: 5 !important;
    }


    /* Hide old close icon space */
    .sku-search-wrapper .search-close {
        display: none !important;
    }
}

/* =========================================================
   IPAD / TABLET ONLY
   CUSTOMER + SEARCH SAME ROW
   ========================================================= */

@media only screen and (min-width: 768px) and (max-width: 980px) {

    .section-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;

        width: 100% !important;
        height: auto !important;

        padding: 8px 14px 12px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       RESET OLD SEARCH WRAPPER RULES
       ----------------------------------------------------- */

    .section-header > .search-wrapper {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        float: none !important;

        min-width: 0 !important;

        height: auto !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .section-header > .search-wrapper > div,
    .section-header > .search-wrapper .search-inner-div,
    .section-header > .search-wrapper .search-inner-flex-div {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       METAL RATE FULL ROW
       ===================================================== */

    .section-header > .metal-search-wrapper {
        order: 4 !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 8px 0 0 !important;
    }


    /* =====================================================
       CUSTOMER LEFT SIDE
       ===================================================== */

    .section-header > .customer-search-wrapper {
        order: 5 !important;

        flex: 0 0 40% !important;

        width: 40% !important;
        max-width: 40% !important;
        min-width: 0 !important;

        margin: 8px 0 0 !important;
        padding-right: 4px !important;
    }


    /* =====================================================
       SKU SEARCH RIGHT SIDE
       ===================================================== */

    .section-header > .sku-search-wrapper {
        order: 6 !important;

        flex: 0 0 60% !important;

        width: 60% !important;
        max-width: 60% !important;
        min-width: 0 !important;

        margin: 8px 0 0 !important;
        padding-left: 4px !important;
    }


    /* =====================================================
       CUSTOMER DROPDOWN
       ===================================================== */

    .customer-search-wrapper .search-inner-flex-div {
        display: block !important;

        height: 44px !important;
    }


    .customer-search-wrapper #q_customer_id {
        display: block !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 44px !important;

        margin: 0 !important;

        padding: 0 32px 0 12px !important;

        box-sizing: border-box !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        background: #fff !important;

        font-size: 13px !important;
    }


    /* =====================================================
       SEARCH
       ===================================================== */

    .sku-search-wrapper .search-inner-flex-div {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 44px !important;

        background: #fff !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 6px !important;

        overflow: hidden !important;
    }


    .sku-search-wrapper #search_form_txt {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .sku-search-wrapper #item_code {
        width: 100% !important;
        max-width: 100% !important;

        height: 42px !important;

        margin: 0 !important;

        /* overrides inline padding-left:20% */
        padding: 0 12px 0 40px !important;

        box-sizing: border-box !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;

        font-size: 13px !important;
    }


    .sku-search-wrapper .search-icon {
        position: absolute !important;

        left: 12px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        z-index: 5 !important;
    }


    .sku-search-wrapper .search-close {
        display: none !important;
    }

}

/* =========================================================
   MOBILE / IPAD MENU FIX
   Prevent category submenu being hidden by header controls
   ========================================================= */

@media only screen and (max-width: 980px) {

    /*
     * Header now contains:
     * 1. logo / icons
     * 2. metal rates
     * 3. customer + SKU
     *
     * Therefore the old nav top:126px is no longer valid.
     */
    .burger-menu-box-disabled .nav {
        position: fixed !important;

        top: 220px !important;
        bottom: 0 !important;

        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        /* Don't use height:100% with top:220px */
        height: calc(100dvh - 220px) !important;
        max-height: calc(100dvh - 220px) !important;

        padding: 0 0 40px !important;

        background: #ffffff !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        -webkit-overflow-scrolling: touch !important;

        z-index: 9998 !important;

        transform: translateX(0) !important;
    }


    /* Closed menu */
    .nav {
        height: calc(100dvh - 220px) !important;
        max-height: calc(100dvh - 220px) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
    }


    /* =====================================================
       MAIN CATEGORY ITEMS
       ===================================================== */

    .nav-list {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .nav-list > li {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border-bottom: 1px solid #e8ebee !important;

        overflow: visible !important;
    }


    /* Main category link */
    .nav-list > li > a.mainlist {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 62px !important;

        margin: 0 !important;
        padding: 0 52px 0 25px !important;

        box-sizing: border-box !important;

        background: #ffffff !important;

        color: #17152f !important;

        font-size: 15px !important;
        font-weight: 500 !important;

        line-height: 62px !important;

        text-align: left !important;
    }


    /* =====================================================
       RIGHT ARROW
       ===================================================== */

    .right-arrow-mobile {
        position: absolute !important;

        top: 50% !important;
        right: 20px !important;

        transform: translateY(-50%) !important;

        z-index: 5 !important;
    }


    /* =====================================================
       SUBMENU
       CRITICAL FIX
       ===================================================== */

    .nav-list > li .submneu-main {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #f8fafb !important;

        box-shadow: none !important;

        transform: none !important;

        /*
         * Keep your JS max-height expansion,
         * but do NOT clip horizontally.
         */
        overflow-x: hidden !important;

        z-index: 1 !important;
    }


    /*
     * When submenu is opened by your existing JS/class,
     * make sure it can grow.
     *
     * Include the common classes your existing code may use.
     */
    .nav-list > li.active .submneu-main,
    .nav-list > li.menu-active .submneu-main,
    .nav-list > li.open .submneu-main,
    .nav-list > li.active-menu .submneu-main,
    .nav-list > li .submneu-main.max-height {
        max-height: 1000px !important;

        overflow: visible !important;
    }


    /* =====================================================
       SUBMENU CONTENT
       ===================================================== */

    .submenu-section-one {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding: 7px 0 !important;

        background: #f8fafb !important;
    }


    .submenu-section-one-list {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .submenu-section-one-list > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #f8fafb !important;

        border-bottom: 1px solid #edf0f2 !important;
    }


    .submenu-section-one-list > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: auto !important;
        min-height: 46px !important;

        padding: 10px 40px !important;

        box-sizing: border-box !important;

        line-height: 1.4 !important;

        text-align: left !important;
    }


    .submenu-section-one-list > li > a h4 {
        width: 100% !important;

        margin: 0 !important;

        color: #525b68 !important;

        font-size: 13px !important;
        font-weight: 500 !important;

        line-height: 20px !important;

        text-align: left !important;
    }


    /* SEE ALL DESIGNS */
    .mobile-menu-link {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        padding: 13px 25px !important;

        box-sizing: border-box !important;

        background: #f2fafc !important;

        color: #1194b2 !important;

        font-size: 12px !important;
        font-weight: 600 !important;

        line-height: 20px !important;

        text-align: left !important;
    }
}

/* =====================================================
   DESKTOP - REMOVE UNWANTED PAGE SCROLLBARS
   ===================================================== */
@media only screen and (min-width: 981px) {

    html,
    body {
        /*width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;*/

        /* remove horizontal page scrollbar */
        /*overflow-x: hidden !important;*/

         width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;

        /* IMPORTANT for sticky header */
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    /* Do NOT use 100vw for main wrappers */
    .mian-wrapper,
    .main-wrapper,
    .content-zone,
    .header,
    .section-header {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Prevent images/banner/carousel overflowing viewport */
    img {
        max-width: 100%;
    }

    .slick-slider,
    .slick-list,
    .slick-track,
    .owl-carousel,
    .owl-stage-outer {
        max-width: 100% !important;
    }
}


/* Listing Filter */

/* End of Listing Filter */


/*Product Detail */
@media only screen and (max-width: 768px) {

    /* Parent row containing FINDING */
    #finding {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 0 8px 0 !important;
        box-sizing: border-box !important;
    }

    #finding_1 {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Direct wrapper that contains both selects */
    #finding,
    #finding_1 {
        float: none !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
    }

    /* Force the inner wrapper to vertical layout */
    #finding:first-child,
    #finding_1:first-child {
        flex: none !important;
    }

    /* Select styling */
    #finding,
    #finding_1 {
        height: 44px !important;
        padding: 0 36px 0 12px !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 7px !important;

        background: #fff !important;

        font-size: 13px !important;
        line-height: 44px !important;

        text-align: left !important;

        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Wrapper immediately around both dropdowns */
    .diamonds-selection-right.diamonds-section.search-inner-flex-div
        > .search-inner-flex-div {

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    /* Outer Finding right section */
    .diamonds-selection-right.diamonds-section.search-inner-flex-div {
        width: 100% !important;

        padding-left: 0 !important;
        margin: 0 !important;

        display: block !important;

        box-sizing: border-box !important;
    }

    /* Finding row */
    .diamonds-selection-wrapper {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Prevent text node spacing from affecting layout */
    .diamonds-selection-right.diamonds-section.search-inner-flex-div
        > .search-inner-flex-div {
        font-size: 0 !important;
    }

    #finding,
    #finding_1 {
        font-size: 13px !important;
    }
}
/*End of Product Detail */


/* Header Menu*/
@media only screen and (max-width: 768px) {

    .quotation-menu,
    .our-story-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
    }

    .quotation-menu a,
    .our-story-menu a {
        display: block !important;
        width: 100% !important;
        padding: 12px 18px !important;
        color: #17152f !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        border-bottom: 1px solid #e7ecef !important;
        box-sizing: border-box !important;
    }
}
/* End of Header Menu*/


/*Wishlist*/
@media only screen and (max-width: 768px) {

    /* Scrollable container */
     table.metal-price-table-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
    .metal-price-table-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;

        padding-bottom: 5px;
        box-sizing: border-box;
    }

    /* IMPORTANT: table must be wider than mobile */
    .metal-price-table-wrapper table {
        width: 720px !important;
        min-width: 720px !important;
        max-width: none !important;

        table-layout: fixed !important;
        border-collapse: collapse !important;

        margin: 0 !important;
    }

    /* Give every column enough width */
    .metal-price-table-wrapper th,
    .metal-price-table-wrapper td {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;

        padding: 10px 8px !important;

        text-align: center !important;
        vertical-align: middle !important;

        white-space: nowrap !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        box-sizing: border-box !important;
    }

    /* Header */
    .metal-price-table-wrapper th {
        height: 44px !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        line-height: 18px !important;

        background: #eefafd !important;
        color: #17202a !important;

        border: 1px solid #d9e7eb !important;
    }

    /* Values */
    .metal-price-table-wrapper td {
        height: 42px !important;

        font-size: 13px !important;
        font-weight: 600 !important;

        color: #17202a !important;
        background: #fff !important;

        border: 1px solid #d9e7eb !important;
    }
}
/*End of Wishlist*/


/* Cart */
/* ==========================================
   CART ACTION SECTION - MOBILE ONLY
   ========================================== */

@media only screen and (max-width: 767px) {

    /* Right section */
    .cart-product-right {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 15px 0 0 0 !important;
        padding: 15px 0 0 0 !important;

        position: relative !important;

        border-left: 0 !important;
        border-top: 1px solid #e5e9ec !important;

        box-sizing: border-box !important;
    }


    /* Dropdown + buttons container */
    .cart-product-right .cart-product-righ-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 10px !important;

        position: static !important;

        box-sizing: border-box !important;
    }


    /* Quantity wrapper */
    .cart-product-right
    .cart-product-righ-inner
    .search-inner-flex-div.select {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        border: 0 !important;
        background: transparent !important;

        box-sizing: border-box !important;
    }


    /* Quantity select */
    .cart-product-right
    .cart-product-righ-inner
    select.form-control.search-inner-div {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;

        padding: 0 40px 0 15px !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 8px !important;

        background-color: #fff !important;

        color: #171531 !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        line-height: normal !important;

        box-shadow: none !important;

        box-sizing: border-box !important;

        z-index: 1 !important;
    }


    /* Both buttons */
    .cart-product-right
    .cart-product-righ-inner
    .blue-button {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 8px !important;

        background: #fff !important;

        color: #009ec3 !important;

        font-size: 14px !important;
        font-weight: 600 !important;

        line-height: normal !important;

        box-sizing: border-box !important;

        transform: none !important;
    }
}
/* End of Cart */

/* Listing Filter */
@media only screen and (max-width: 768px) {

    /* =========================
       MAIN FILTER AREA
       ========================= */

    .filter-section {
        width: 100% !important;
        padding: 10px !important;

        background: #f8fbfc !important;

        box-sizing: border-box !important;
    }

    .filter-top-inner {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    .filter-top-list:not(.filter-bottom-list) {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }


    /* =========================
       FILTER CARDS
       ========================= */

    .filter-top-list:not(.filter-bottom-list) > .filter-list {
        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        min-height: 48px !important;

        margin: 0 0 9px 0 !important;
        padding: 0 !important;

        position: relative !important;

        background: #ffffff !important;

        border: 1px solid #e0e7eb !important;
        border-radius: 10px !important;

        box-shadow:
            0 2px 5px rgba(20, 30, 45, 0.03),
            0 6px 16px rgba(20, 30, 45, 0.04) !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* =========================
       FILTER TITLE
       ========================= */

    .filter-top-list:not(.filter-bottom-list)
    > .filter-list
    > a {

        display: flex !important;
        align-items: center !important;

        position: relative !important;

        width: 100% !important;
        height: 48px !important;

        padding: 0 44px 0 18px !important;

        color: #14182f !important;

        background: #ffffff !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        letter-spacing: .3px !important;
        text-transform: uppercase !important;

        text-decoration: none !important;

        box-sizing: border-box !important;

        cursor: pointer !important;
    }


    /* Arrow */
    .filter-top-list:not(.filter-bottom-list)
    > .filter-list
    > a:after {

        content: "" !important;

        position: absolute !important;

        right: 18px !important;
        top: 50% !important;

        width: 7px !important;
        height: 7px !important;

        border-right: 2px solid #33c2e2 !important;
        border-bottom: 2px solid #33c2e2 !important;

        transform:
            translateY(-65%)
            rotate(45deg) !important;

        transition: transform .2s ease !important;

        pointer-events: none !important;
    }


    /* =========================
       ACTIVE FILTER
       ========================= */

    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.active,
    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.open,
    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.mobile-open {

        border-color: #33c2e2 !important;

        box-shadow:
            0 3px 8px rgba(51, 194, 226, .08),
            0 8px 20px rgba(51, 194, 226, .10) !important;
    }

    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.active
    > a,

    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.open
    > a,

    .filter-top-list:not(.filter-bottom-list)
    > .filter-list.mobile-open
    > a {

        background: #f3fcfe !important;

        color: #159dbd !important;
    }


    /* =========================
       DROPDOWN OPTIONS
       ========================= */

    .filter-inner-sub-list {
        position: static !important;

        width: 100% !important;
        min-width: 100% !important;

        margin: 0 !important;
        padding: 6px !important;

        background: #fbfdfe !important;

        border: 0 !important;
        border-top: 1px solid #e8eef1 !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    .filter-top-sub-list {
        width: 100% !important;

        max-height: 260px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow-y: auto !important;
        overflow-x: hidden !important;

        background: transparent !important;

        top: auto !important;
    }

    .filter-top-sub-list > li {
        width: 100% !important;
        min-height: 42px !important;

        margin: 0 0 5px 0 !important;

        background: #ffffff !important;

        border: 1px solid #edf1f3 !important;
        border-radius: 7px !important;

        box-sizing: border-box !important;
    }

    .filter-inner-div {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 42px !important;

        padding: 0 14px !important;

        box-sizing: border-box !important;
    }

    .filter-text {
        color: #46505d !important;

        font-size: 12px !important;
        font-weight: 500 !important;
    }


    /* =========================
       RANGE INPUTS
       ========================= */

    .filter-inner-sub-list input[type="text"] {
        width: 100% !important;
        height: 42px !important;

        margin: 5px 0 !important;
        padding: 0 12px !important;

        border: 1px solid #dce4e8 !important;
        border-radius: 7px !important;

        background: #ffffff !important;

        font-size: 13px !important;

        box-sizing: border-box !important;

        outline: none !important;
    }

    .filter-inner-sub-list input[type="text"]:focus {
        border-color: #33c2e2 !important;

        box-shadow:
            0 0 0 2px rgba(51, 194, 226, .10) !important;
    }


    /* =========================
       BOTTOM ACTIONS
       ========================= */

    .filter-bottom-list {
        display: grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap: 10px !important;

        width: 100% !important;

        margin: 12px 0 0 0 !important;
        padding: 10px !important;

        background: #ffffff !important;

        border-top: 1px solid #e1e8ec !important;

        box-shadow:
            0 -4px 14px rgba(20,30,45,.04) !important;

        box-sizing: border-box !important;
    }

    .filter-bottom-list > .filter-list {
        width: 100% !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #ffffff !important;

        border: 1px solid #dce4e8 !important;
        border-radius: 9px !important;

        box-shadow:
            0 2px 6px rgba(20,30,45,.03) !important;
    }

    /* SHOW RESULTS */
    .filter-bottom-list > .filter-list:first-child {
        border-color: #33c2e2 !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f2fcfe 100%
            ) !important;
    }

    .background_color_mobile_css {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 17px !important;

        color: #15172d !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        box-sizing: border-box !important;
    }

    .background_color_mobile_css img {
        width: 17px !important;
        height: 17px !important;
    }

    /* SORT BY */
    .filter-bottom-list
    > .filter-list
    > a {

        display: flex !important;

        align-items: center !important;

        width: 100% !important;
        height: 100% !important;

        padding: 0 17px !important;

        color: #15172d !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        box-sizing: border-box !important;
    }
}

@media only screen and (max-width: 768px) {

    /* REMOVE OUTER / DOUBLE SUBLIST BOX */
    .filter-inner-sub-list,
    .filter-top-sub-list {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        margin: 0 !important;
        padding: 0 !important;

        outline: none !important;
    }

    /* Main dropdown wrapper */
    .filter-inner-sub-list {
        width: 100% !important;
        overflow: visible !important;
    }

    /* Options container */
    .filter-top-sub-list {
        width: 100% !important;
        max-height: 280px !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    /* Each option */
    .filter-top-sub-list > li {
        width: 100% !important;
        min-height: 44px !important;

        margin: 0 0 2px 0 !important;
        padding: 0 !important;

        background: #fff !important;

        border: 1px solid #e2e8ec !important;
        border-radius: 7px !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Remove last option margin */
    .filter-top-sub-list > li:last-child {
        margin-bottom: 0 !important;
    }

    /* Option content */
    .filter-top-sub-list > li .filter-inner-div {
        width: 100% !important;
        min-height: 44px !important;

        padding: 0 14px !important;

        background: transparent !important;

        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Option text */
    .filter-top-sub-list .filter-text {
        font-size: 12px !important;
        color: #536170 !important;
    }


}

@media only screen and (max-width: 768px) {

    /* Selected filter wrapper */
    .search-result-filter {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 42px !important;

        margin: 8px 0 0 !important;
        padding: 8px 10px !important;

        background: #f8fbfc !important;

        border: 1px solid #e4eaed !important;
        border-radius: 8px !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }

    .filter-bottom {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .filter-bottom-left {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Selected filter chips */
    .filter-bottom-left-one {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        width: 100% !important;

        gap: 6px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .filter-bottom-left-one li {
        display: inline-flex !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .filter-bottom-left-one li a {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 34px !important;

        padding: 0 9px !important;

        background: #ffffff !important;

        border: 1px solid #bfe4ec !important;
        border-radius: 9px !important;

        color: #475467 !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    /* Remove X */
    .filter-bottom-left-one .remove-filter {
        width: 18px !important;
        height: 18px !important;

        margin-left: 5px !important;

        display: inline-flex !important;

        position: relative !important;
        top: auto !important;

        border: 1px solid #8fd5e3 !important;
        border-radius: 50% !important;

        background: #fff !important;
    }

    /* Clear all */
    .filter-clear-all {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 34px !important;

        padding: 0 10px !important;

        background: #fff !important;

        border: 1px solid #bfe4ec !important;
        border-radius: 9px !important;

        color: #168ca8 !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;
    }
}

@media only screen and (max-width: 768px) {

    /* selected filter area */
    .search-result-filter,
    .filter-bottom,
    .filter-bottom-left,
    .filter-bottom-left-one {
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .filter-bottom-left-one {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 6px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* REMOVE BORDER FROM LI */
    .filter-bottom-left-one li {
        display: inline-flex !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        background: transparent !important;

        border-radius: 0 !important;
    }

    /* ONLY A TAG GETS THE CHIP BORDER */
    .filter-bottom-left-one li a {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 34px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: #ffffff !important;

        border: 1px solid #b9e2eb !important;
        border-radius: 18px !important;

        outline: 0 !important;

        box-shadow: none !important;

        color: #465563 !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        line-height: 1 !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }

    /* remove browser focus ring */
    .filter-bottom-left-one li a:focus,
    .filter-bottom-left-one li a:active {
        outline: 0 !important;
        box-shadow: none !important;
    }

    /* X icon */
    .filter-bottom-left-one li a .remove-filter {
        width: 18px !important;
        height: 18px !important;

        margin-left: 6px !important;

        position: relative !important;
        top: auto !important;
        right: auto !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 1px solid #8fd5e3 !important;
        border-radius: 50% !important;

        background: #fff !important;

        box-shadow: none !important;
    }

    /* clear all */
    .filter-clear-all {
        display: inline-flex !important;
        align-items: center !important;

        min-height: 34px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        background: #fff !important;

        border: 1px solid #b9e2eb !important;
        border-radius: 18px !important;

        outline: 0 !important;
        box-shadow: none !important;

        color: #465563 !important;

        font-size: 11px !important;
        font-weight: 500 !important;
    }
}
/* End of Listing Filter */

@media only screen and (max-width: 767px) {

    /* Right action area */
    .cart-product-right {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 16px 0 0 !important;
        padding: 16px 0 0 !important;

        border-left: 0 !important;
        border-top: 1px solid #e5eaed !important;

        position: relative !important;

        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* Inner action layout */
    .cart-product-righ-inner {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        box-sizing: border-box !important;
    }

    /* Quantity wrapper */
    .cart-product-righ-inner
    > .search-inner-flex-div.select {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Actual quantity dropdown */
    .cart-product-righ-inner
    > .search-inner-flex-div.select
    > select.form-control.search-inner-div {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50px !important;

        margin: 0 !important;
        padding: 0 40px 0 15px !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        border: 1px solid #33c2e2 !important;
        border-radius: 8px !important;

        background-color: #fff !important;

        font-size: 14px !important;

        box-sizing: border-box !important;
    }

    /* Buttons */
    .cart-product-righ-inner > .blue-button {
        width: 100% !important;
        max-width: 100% !important;

        height: 50px !important;

        margin: 0 !important;

        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;

        transform: none !important;

        box-sizing: border-box !important;
    }
}