* ::-webkit-scrollbar,
* ::-webkit-scrollbar-thumb {
    display: none;
}

body {
    min-width: 320px;
}

.md-product-viewed-list,
.home-module-wrapper .fresh-blog-content {
    padding-right: 12px;
    padding-left: 12px;
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.hide-large-screen {
    display: block !important;
}

.appears-ready-wrapper .appears-ready-content::before {
    height: calc(100% - 64px);
}

.md-product-viewed-item {
    min-width: 170px;
    width: 170px;
    padding: 5px;
    margin: 0;
    background-color: #fff;
    border-radius: 5px;
}

.shop-product-item {
    width: 275px;
    min-width: 275px;
    position: relative;
}

.responsive-wrapper {
    z-index: 999 !important;
}

.responsive-wrapper * {
    font-family: Arial, Helvetica, sans-serif !important;
}

.responsive-wrapper button {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .country-copy {
        max-width: 100% !important;
    }
}
@media (min-width: 760px) {
    .page-wrapper .sidebar-wrapper {
        width: 100%;
    }

    .page-wrapper {
        display: block;
    }


    .product-detail-content-wrapper {
        width: 100%;
        overflow-x: hidden;
    }

    .product-left-wrapper {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .product-slider-wrapper {
        width: 58%;
    }

    .product-info-content-wrapper {
        width: 42%;
        background-color: var(--white);
        padding: 0.5rem;
    }

    .available-product-wrapper,
    .product-detail {
        width: 100%;
    }

    .product-left-wrapper {
        width: 100%;
    }

    .addtocart-action-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .product-heading {
        padding: 16px !important;
    }

    .addtocart-action-wrapper {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 0 var(--small-padding) 0;
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: var(--white);
        z-index: 4;
        padding: var(--middle-padding);
        box-shadow: 0 1px 1px -1px rgb(0 0 0 / 7%), 0 1px 2px 0px rgb(0 0 0 / 7%), 0 1px 4px 0px rgb(0 0 0 / 7%)
    }

    .addtocart-action-wrapper .button-add-to-cart {
        padding: var(--small-padding) var(--middle-padding);
        margin: 0;
        line-height: 1;
        background-color: #ff5965;
        border-radius: var(--large-padding);
        color: var(--white);
        min-width: 80px;
        margin-left: auto;
    }

    .available-list-product-mobile,
    .designer-list-product-mobile {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .available-product-item {
        width: 175px;
        min-width: 175px;
        margin-right: var(--small-padding);
        margin-bottom: var(--small-padding);
        border: 3px solid transparent;
        border-radius: 5px;
        transition: var(--trans);
        position: relative;
    }

    .available-product-item:hover img {
        transform: scale(1);
    }

    .available-product-item:hover {
        border-color: var(--primary-lt);
    }

    .goback-menu {
        display: block !important;
    }

    .navigation-lev2-list li:last-child,
    .navigation-ios {
        display: none !important;
    }

    .featured-product-list-mobile {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .top-sale-list:not(.slick-slider) .featured-product-item-box,
    .featured-product-item-box {
        min-width: 175px;
        width: 175px;
        margin-right: var(--small-padding);
    }

    .featured-product-item-box:first-child {
        margin-left: var(--small-padding);
    }

    .featured-product-item-box:last-child {
        margin-right: var(--small-padding);
    }

    .featured-product .featured-product-item,
    .featured-product-item-box .featured-product-item {
        padding: 0
    }

    .featured-product-link img {
        height: 165px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .sub-navigation {
        display: none;
    }

    .add2basket-link {
        width: 200px !important;
        height: 200px !important;
    }

    .add2basket-item-detail {
        width: calc(100% - 200px);
    }

    .add2basket-content {
        margin-top: 5vh !important;
        max-height: 88vh !important;
    }

    .mini-cart-contain {
        z-index: 567890 !important;
    }

    .footer-navigation {
        justify-content: space-between;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .footer-navigation .footer-nav-list:nth-child(n + 2) {
        width: fit-content;
        max-width: 30%;
        margin-top: 0;
        text-align: left;
    }

    .footer-navigation .footer-nav-list:first-child {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .social_footer img {
        margin-right: 5px;
    }

    .footer-navigation {
        padding-left: var(--small-padding);
        padding-right: var(--small-padding);
    }

    #cart-module-content .checkout-popup-content {
        height: 85% !important;
        margin: 10% auto !important;
    }

    #cart-module-content .checkout-popup-content .checkout-popup-item {
        background-color: #fff;
        max-height: calc(100% - 50px) !important;
    }

    #cart-module-content .checkout-popup-item .checkout-popup-item-link {
        z-index: 1;
    }

    #cart-module-content .close-update-item {
        z-index: 99;
    }

    .more-menu-item {
        display: none;
    }

    .is-desktop {
        display: none;
        visibility: hidden;
        opacity: 0;
        position: absolute;
    }

    .navigation-ios {
        order: 200;
    }

    .lev2-item.goall-category {
        order: 100;
    }

    .open-search {
        overflow: hidden;
        zoom: 1;
        -ms-zoom: 1;
    }

    .popular-products,
    .popular-categories {
        padding-right: var(--pr-spacing-05);
        padding-left: var(--pr-spacing-05);
    }

    .hide-small-screen {
        display: none !important;
        visibility: hidden;
    }

    .navigation-home-item {
        display: none !important
    }

    body {
        transition: var(--trans)
    }

    .completions-content-list {
        position: relative;
    }

    .completions-content-list::before {
        content: "";
        width: 30px;
        height: 458px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        pointer-events: none;
        transform: rotate(180deg);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 175.52%);
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 175.52%);
    }

    .completions-content-list::after {
        content: "";
        width: 30px;
        height: 458px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: none;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 175.52%);
        background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFF 175.52%);
    }

    .site-w {
        padding-left: var(--pr-spacing-05);
        padding-right: var(--pr-spacing-05);
    }

    .search-text {
        border-color: var(--pr-color-flash);
        border-width: 3px;
        opacity: 1;
        position: relative;
        z-index: 90;
        border-radius: var(--large-padding);
        height: 50px;
        padding-right: 50px;
        padding-left: 20px;
    }

    .navigation-wrapper {
        min-height: 100vh;
        height: 100%;
        width: 300px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: var(--white);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 123456;
        list-style: none;
        margin: 0;
        padding: 0 0 120px 0;
        transform: translateX(-310px);
        display: none;
    }

    .navigation-wrapper.active-sub-navigation {
        height: fit-content;
    }

    .navigation-lev2-list {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding-bottom: 80px;
        margin: 0 !important;
    }

    .navigation-wrapper .site-w {
        padding: 0;
        width: 100%;
    }

    .navigation-link::after {
        content: "";
        width: 10px;
        height: 10px;
        border-width: 1px;
        border-style: solid;
        border-color: #999 #999 transparent transparent;
        transform: rotate(45deg) translateY(-50%);
        margin-left: auto;
        position: absolute;
        top: 50%;
        right: 16px;
    }

    .navigation-list {
        display: block;
        transition: transform 350ms ease;
    }

    .mobile-menu-list {
        list-style: none;
        margin: 0 0 var(--pr-spacing-05);
        padding: 0.4rem 0 0;
        border-top: 1px solid var(--pr-color-flash);
        transition: transform 350ms ease;
    }

    .mobile-menuu-link {
        padding: var(--pr-spacing-03) var(--pr-spacing-05);
        display: block;
        font-weight: var(--pr-font-weight-heading);
        font-size: var(--pr-font-size-body);
    }

    #mobileCustomerStatus .mobile-menuu-link {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 10px;
        font-size: var(--pr-font-size-body);
        font-weight: 500;
    }

    #mobileCustomerStatus .mobile-menuu-link svg {
        color: var(--primary);
        margin-right: 10px;
    }

    #mobileCustomerStatus .mobile-menuu-link a {
        font-weight: 500;
    }

    .navigation-item {
        position: static;
    }

    #mobileCustomerStatus .menu-image {
        min-width: 48px;
    }

    .navigation-wrapper.active-sub-navigation .navigation-list,
    .navigation-wrapper.active-sub-navigation .mobile-menu-list {
        transform: translateX(-100%);
    }

    .navigation-item {
        border-top: 1px solid var(--pr-color-flash)
    }

    .wellcome-box {
        padding: var(--pr-spacing-05);
        background-color: var(--light);
        font-weight: 500;
    }

    .wellcome-box span {
        margin: 0 var(--pr-spacing-03);
    }

    .wellcome-txt {
        width: 100%;
    }

    .navigation-box {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0;
    }

    .customer-info {
        background-color: var(--light);
        font-weight: 500;
    }

    .customer-name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .lev2-item.sell-your-art-item {
        padding: 12px 24px;
    }

    .sell-your-art-btn {
        display: block;
        padding: 12px 24px;
        text-align: center;
        background-color: var(--pr-color-secondary);
        color: #fff;
        border-radius: 24px;
        font-weight: 500;
    }

    .customer-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
        display: block;
        margin-right: 12px;

        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;

        mask-size: contain;
        mask-repeat: no-repeat;
        background-color: #ffbc59;
    }

    .history {
        -webkit-mask-image: url(/images/customer/history.svg);
        mask-image: url(/images/customer/history.svg);
    }

    .settings {
        -webkit-mask-image: url(/images/customer/setting.svg);
        mask-image: url(/images/customer/setting.svg);
    }

    .portfolio {
        -webkit-mask-image: url(/images/customer/portfolio.svg);
        mask-image: url(/images/customer/portfolio.svg);
    }

    .blog-icon {
        -webkit-mask-image: url(/images/customer/blog-icon.svg);
        mask-image: url(/images/customer/blog-icon.svg);
    }

    .reward-icon {
        -webkit-mask-image: url(/images/customer/currency-exchange.svg);
        mask-image: url(/images/customer/currency-exchange.svg);
    }

    #mobileCustomerStatus .lev2-item .logout {
        background-color: red !important;
        -webkit-mask-image: url(/images/customer/logout.svg);
        mask-image: url(/images/customer/logout.svg);
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(n+ 1) .customer-icon {
        background-color: #733294;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(2n + 1) .customer-icon {
        background-color: #1582FD;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(3n + 1) .customer-icon {
        background-color: #51BC37;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(4n + 1) .customer-icon {
        background-color: #FCDD30;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(5n + 1) .customer-icon {
        background-color: #FB761F;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(6n + 1) .customer-icon {
        background-color: #EC3445;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(7n + 1) .customer-icon {
        background-color: #227694;
    }

    #mobileCustomerStatus .lev2-item:nth-of-type(8n + 1) .customer-icon {
        background-color: #484572;
    }


    .navigation-link {
        font-weight: 500;
        justify-content: flex-start;
        width: 100%;
        padding: var(--pr-spacing-03) var(--pr-spacing-05);
        pointer-events: none;
        min-height: 52px;
    }

    .navigation-box .menu-image {
        width: 48px;
        min-width: 48px;
        height: 48px;
        margin-right: 8px;
    }

    .navigation-box .menu-image img {
        width: 40px;
        height: 40px;
        border-radius: 3px;
        margin-right: 8px;
        object-fit: cover;
    }

    .navigation-open-submenu {
        width: 36px;
        margin-left: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navigation-open-submenu svg {
        margin-left: 0
    }

    .lev2-item,
    .lev3-item-box {
        width: 100%;
        display: block;
        border-top: 1px solid var(--pr-color-flash)
    }

    .lev2-item:not(.has-lev3-menu) .navigation-open-submenu .navigation-open-submenu,
    .lev3-item-box:not(.has-lev4-menu) .navigation-open-submenu {
        display: none;
    }


    .lev4-box {
        display: none;
    }

    .lev3-item-box .lev4-box {
        padding-top: 0;
    }

    .lev4-link {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .goback-menu {
        padding: 0;
        border-top: none;
    }

    .lev3-item-box.category-image img {
        display: none;
    }

    .lev2-link {
        font-weight: 500;
    }

    .lev3-item-box.category-image a {
        align-items: flex-start;
        padding: var(--pr-spacing-05) var(--pr-spacing-05) var(--pr-spacing-03) var(--large-padding);
        font-weight: 500;
    }

    .goback-menu .lev2-link {
        pointer-events: none;
        justify-content: flex-start;
        line-height: 1;
        color: var(--white);
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        height: 72px;
    }

    .goback-menu .lev2-link span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        min-width: 36px;
        height: 36px;
        border-radius: 36px;
        background-color: #fff;
        margin-right: var(--pr-spacing-03);
        color: var(--darkness);
    }

    .sub-navigation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--white);
        z-index: 1;
        transform: translateX(100%);
        transition: var(--trans);
        display: block;
    }

    .lev2-link {
        padding-right: var(--pr-spacing-05)
    }


    .goback-menu .lev2-link::after {
        display: none
    }

    .lev3-item-box+.lev3-item-box {
        margin-top: 0.6rem;
    }

    .menu-list-category {
        margin-bottom: 1rem;
    }

    .lev3-box {
        background-color: var(--white);
        position: absolute;
        top: 0;
        right: -300px;
        z-index: 2;
        width: 100%;
        overflow: hidden auto;
        transition: var(--trans);
        padding: 0;
    }

    .lev3-link,
    .lev4-box {
        padding: var(--pr-spacing-05) var(--pr-spacing-05) var(--pr-spacing-03) var(--large-padding)
    }

    .lev3-link {
        font-weight: 500;
        font-size: 14px;
    }

    .lev4-box .category-image img {
        display: none;
    }

    .lev3-box.show-lev3-navigation {
        right: 0;
        padding-bottom: 100px;
    }

    .menu-list-category {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        overflow: auto hidden;
    }

    .menu-list-category .popular-categories {
        width: 100%;
        grid-template-columns: repeat(auto-fill, minmax(105px, 1fr))
    }

    .site-nav {
        align-items: center;
    }

    .nav-icon {
        margin-right: 16px;
    }

    .nav-icon span {
        width: 26px;
        height: 2px;
        border-radius: 2px;
        background-color: var(--darkness);
        display: block;
        margin: 4px 0;
    }

    .popular-list-wrapper:not(.swiper-initialized) .swiper-wrapper,
    .popular-list .popular-list-wrapper:not(.swiper-initialized) .swiper-wrapper {
        display: grid;
        grid-template-rows: auto auto;
        grid-auto-flow: column;
        overflow-x: scroll;
        grid-template-columns: auto !important;
        grid-gap: 8px 16px;
    }

    .popular-list-wrapper .swiper-wrapper > a {
        width: 320px;
        min-width: 320px;
    }

    .open-menu,
    .open-variant {
        overflow: hidden;
    }

    .open-variant #main-header {
        z-index: 1;
    }

    .open-menu .navigation-wrapper {
        display: block;
        z-index: 2147483647;
        transform: translateX(0);
        box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 10%);
    }

    .navigation-background {
        height: 100%;
        width: 100%;
        background-color: rgba(11, 11, 11, 0.4);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2147483640;
        margin: 0;
        padding: 0;
        opacity: 0;
        transition: var(--trans);
        pointer-events: none;
    }

    .navigation-background::before,
    .navigation-background::after {
        content: "";
        width: 24px;
        height: 2px;
        background-color: var(--white);
        border-radius: 2px;
        display: block;
        position: absolute;
        top: 30px;
        left: 320px;
        transform: rotate(45deg);
    }

    .navigation-background::after {
        transform: rotate(-45deg);
    }

    .open-filter .search-text,
    .open-menu .search-text {
        position: static;
        z-index: 0
    }

    .navigation-list .navigation-item:nth-of-type(n+ 1) .goback-menu {
        background-color: rgb(255, 102, 0);
    }

    .navigation-list .navigation-item:nth-of-type(2n + 1) .goback-menu {
        background-color: rgb(66, 95, 139);
    }

    .navigation-list .navigation-item:nth-of-type(3n + 1) .goback-menu {
        background-color: #e136b4;
    }

    .navigation-list .navigation-item:nth-of-type(4n + 1) .goback-menu {
        background-color: rgb(96, 113, 236);
    }

    .navigation-list .navigation-item:nth-of-type(5n + 1) .goback-menu {
        background-color: rgb(194, 82, 89);
    }

    .navigation-list .navigation-item:nth-of-type(6n + 1) .goback-menu {
        background-color: rgb(36, 129, 137);
    }

    .navigation-list .navigation-item:nth-of-type(7n + 1) .goback-menu {
        background-color: #3b4fdd;
        ;
    }

    .navigation-list .navigation-item:nth-of-type(8n + 1) .goback-menu {
        background-color: rgb(72, 74, 133);
    }

    .navigation-list .navigation-item:nth-of-type(9n + 1) .goback-menu {
        background-color: rgb(177, 78, 156);
    }

    .navigation-list .navigation-item:nth-of-type(10n + 1) .goback-menu {
        background-color: rgb(185, 46, 45);
    }

    .navigation-list .navigation-item:nth-of-type(11n + 1) .goback-menu {
        background-color: #007c01;
    }

    .navigation-wrapper.active-sub-navigation .navigation-item:not(.show-sub-navigation) .sub-navigation {
        display: none;
    }

    /*  */
    .open-menu .nav-icon {
        opacity: 0
    }

    .open-menu .navigation-background {
        opacity: 1;
        pointer-events: all;
    }

    .form-searchbox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }


    .completions-list-head {
        padding: 0 var(--pr-spacing-05);
        margin-bottom: var(--pr-spacing-03);
    }

    .completions-aside:not(.show-mobile) {
        display: none;
    }

    .search-active .svg-search-close {
        display: block;
    }

    .search-active .svg-search-open {
        display: none;
        ;
    }

    .auto-suggestion {
        flex-wrap: wrap;
    }

    .completions-aside,
    .completions-content {
        width: 100%;
        padding: 0;
        margin-top: var(--pr-spacing-05);
    }

    .footer-navigation {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0
    }

    .footer-subscribe {
        padding: var(--large-padding);
        margin-top: var(--pr-spacing-05);
    }

    .settings-container {
        justify-content: center;
    }


    .header-quicklink {
        min-height: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .site-header .mini-cart-link,
    .site-header .switch-language {
        margin: 0;
        padding: 0;
        width: auto;
        min-width: fit-content;
        min-width: -moz-fit-content;
    }

    .site-header .choose-switch-language {
        display: none;
    }

    .site-header .wishlist-count-item,
    .site-header .mini-cart-link span {
        right: -5px;
    }

    .header-quicklink svg {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .header-quicklink>* {
        margin-left: 12px !important;
        width: 40px !important;
    }

    .main-content {
        margin-top: 0
    }

    .section-bar .section-box {
        justify-content: flex-start;
    }

    .bar-block {
        letter-spacing: 0;
        order: 2;
    }

    .bar-block:nth-of-type(1) {
        order: 11;
    }

    .slick-list.draggable {
        padding-right: var(--large-padding)
    }

    .main-content iframe {
        width: auto;
        max-width: 100%;
    }

    .navigation-ios {
        height: 60px;
        width: 100%;
        /* opacity: 0; */
        pointer-events: none;
        display: block;
    }

    .completions-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .completions-aside {
        padding-bottom: 0px !important;
    }

    .completions-list {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .completions-list-head {
        width: 100%;
    }

    .completions-item {
        margin: 0 !important;
    }

    .lev3-box {
        height: 100%;
    }

    .product-tag-item {
        margin-bottom: calc(24px + (40 - 24) * ((100vw - 300px) / (1920 - 300)))
    }

    /* search mobile */
    .main-search {
        z-index: 2147483640;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: var(--white);
        padding: 0;
        display: none !important;
    }

    .completions-wrapper {
        border-radius: 0;
        box-shadow: none;
        width: 100vw;
        top: 100%;
    }

    .open-search .main-search {
        display: block !important;
    }

    .searchbox-grpup {
        width: 100%;
        background-color: var(--white);
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
        padding: var(--pr-spacing-05) var(--pr-spacing-05) 0 var(--pr-spacing-05);
    }

    .completions-wrapper {
        padding-bottom: 80px;
    }

    .searchbox-group::after {
        content: "";
        position: absolute;
        top: 100%;
        height: 20px;
        width: 100%;
        display: block;
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
        transform: rotate(180deg);
    }

    .popular-product-image {
        height: 150px;
    }

    .completions-aside {
        padding-bottom: 0px !important;
    }

    .popular-products-list {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .popular-categories {
        grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
        margin-bottom: 12px;
        color: var(--white);
    }

    .category-result .completions-txt {
        font-weight: var(--pr-font-weight-display2);
        font-size: 14px;
    }

    .completions-content-item.category-result {
        padding: 0 2px;
        justify-content: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 2.35rem;
        min-height: 38px;
    }

    .popular-products {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0;
        position: relative;
    }

    .popular-product-item {
        width: 200px;
        min-width: 200px;
        padding: 0;
        margin-right: var(--pr-spacing-03);
        margin-top: var(--pr-spacing-05);
    }

    .popular-product-item:first-child {
        margin-left: var(--pr-spacing-05);
    }

    .category-description {
        overflow: hidden;
        width: 100%;
        text-align: left !important;
    }

    .md-product-viewed-content {
        overflow: hidden;
    }

    .js-search-icon {
        display: flex;
    }

    .header-content {
        padding: 0;
    }

    .form-search .search-button {
        background-color: var(--white);
    }

    .form-searchbox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .searchbox-grpup {
        width: 100%;
        background-color: var(--white);
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
        padding: var(--pr-spacing-05) var(--pr-spacing-05) 0 var(--pr-spacing-05);
    }

    .searchbox-grpup::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        height: 30px;
        width: 100%;
        display: block;
        background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
        transform: rotate(180deg);
    }

    .close-search-mobile {
        font-weight: 500;
        padding: 0 8px;
        height: 50px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        border-radius: var(--large-padding);
        color: var(--dark);
        width: fit-content;
        min-width: 40px;
    }
}

@media (min-width: 600px) {
    .main-content .even-box-wrapper {
        width: 100%;
        max-width: 96% !important;
        margin: 0 auto;
    }
    .main-content .even-box-wrapper .mb-slider .event-area-item {
        min-width: 40vw;
        width: 40vw;
        margin: 0 10px 0 0;
    }
    .author-page .site-w {
        padding: 0;
    }
    
    .author-page .panel-body {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .author-page .login-form {
        display: block;
        margin: 20px auto;
        padding: 20px;
        max-width: 600px;
    }

    .md-bought-together-wrapper .more-bought-together-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 12px;
        margin-bottom: 24px;
    }
    .md-bought-together-wrapper .more-bought-together-list .sale-product-item {
        width: 170px;
        min-width: 170px;
        margin-right: 0 !important;
        padding: 0;
        border: 3px solid transparent;
    }
}
@media (min-width: 620px) {
    .design-generator-wrapper {
        grid-template-columns: 2fr 1fr 1fr 1fr;
        grid-template-areas:
            "LargeImage Content Content Content"
            "LargeImage Item-1 Item-2 Item-3";
    }

    .design-generator-item:nth-of-type(2) {
        grid-area: LargeImage !important;
    }

    .design-generator-wrapper .design-generator-header {
        grid-column-start: span 3 !important;
    }
}

/* .product-detail-heading.product-feature,
.read-all-review-heading,
.product-detail-heading,
.available-product-wrapper .available-title,
.component-heading, .related-searches-title,
.more-product-by-design h3,
.product-tag-heading,
.shipping-policies-label-content,
body .md-product-viewed-heading,
#product-page .md-bought-together-title {
    display: flex;
    color: var(--pr-color-primary);
    font-size: calc(17px + (21 - 17) * ((100vw - 300px) / (1920 - 300))) !important;
    line-height: calc(17px + (42 - 17) * ((100vw - 300px) / (1920 - 300))) !important;
    font-weight: 500 !important;
}

.product-left-wrapper .available-product-wrapper > *,
#BoughtTogetherController  > *,
.available-product-wrapper > * {
    padding: 0 12px;
}

.md-product-viewed-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
} */