@media (min-width:992px) {
    .hc-account-mbutton {
        display: none;
    }

    .featured-wrapper .featured-banner>a.fmobile-banner {
        display: none;
    }
}

@media screen and (min-width:1600px) {
    .product-card {
        max-width: unset !important;
    }

    footer .f-top .ft-container {
        max-width: 1919px !important;
        padding: 3rem 5rem !important;
    }

    footer .f-top .ft-nav .ft-nav-container {
        max-width: 1919px !important;
        padding: 0 3rem !important;
    }

    .featured-wrapper {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .slide-bottom-marquee-item {
        font-size: 1.8rem;
    }

    footer .f-top .ft-container .ft-company .ftc-logo>a>img {
        width: 350px;
    }
}

@media screen and (min-width:1920px) {
    .product-card {
        max-width: unset !important;
    }

    .featured-wrapper .featured-wrap .new-arrivals-content .na-pc-wrapper .product-card .pc-top .pc-image-wrapper>a>img {
        max-width: 340px;
        max-height: 340px;
    }
}

@media (max-width:1440px) {

    .featured-wrapper .featured-wrap {
        width: 70%;
    }

    .featured-wrapper .featured-banner {
        width: 50%;
    }
              .slide-bottom-marquee-ctn {
        gap: 42rem;
    }
}

@media (max-width:1300px) {
    .featured-wrapper .featured-wrap {
        width: 55%;
    }

    .featured-wrapper .featured-banner {
        width: 50%;
    }

    footer .f-top .ft-container {
        padding: 3rem 2rem;
    }

    .container {
        max-width: 100% !important;
    }

    footer .f-top .ft-nav .ft-nav-container {
        padding: 0rem 2rem;
    }


}

@media (max-width:992px) {

    header .header-center .hc-wrapper .hc-logo {
        width: 100%;
    }

    header .header-center .hc-wrapper .header-left-list>ul {
        width: 100%;
    }

    header .header-center .hc-wrapper .header-left-list>ul>li {
        width: 9.6%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-fixed-header .mfh-left .mfh-logo {
        width: 200px;
    }

 
    .footer-mobile-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 70px;
        border-top: 1px solid rgba(0, 0, 0, .075);
        width: 100%;
        background-color: #fff;
        z-index: 9997;
    }

    .footer-mobile-menu .fmm-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .footer-mobile-menu .fmm-wrapper>ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li:not(:last-child) {
        position: relative;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li {
        width: 20%;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li>a,
    .footer-mobile-menu .fmm-wrapper>ul>li>button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
        outline: none;
        border: none;
        position: relative;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li>a>i,
    .footer-mobile-menu .fmm-wrapper>ul>li>button>i {
        font-size: 1.25rem;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li>a>span,
    .footer-mobile-menu .fmm-wrapper>ul>li>button>span {
        font-size: .7rem;
    }

    header .header-center .hc-wrapper .header-left-list {
        order: 1;
        justify-content: space-between;
        width: 100%;
    }

    header .header-center .hc-wrapper .header-left-list>ul>li>a {
        font-size: .9rem;
    }

    header .header-center .hc-wrapper .hc-account {
        display: none;
    }

    li.hc-account-mbutton {
        display: flex;
        align-items: center;
        justify-content: end !important;
        order: 1;
        padding-left: 1rem;
        width: 66% !important;
    }

    li.hc-account-mbutton>i {
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .featured-wrapper {
        flex-direction: column !important;
        gap: 2rem;
    }

    .featured-wrapper .featured-wrap {
        width: 100%;
    }

    .featured-wrapper .featured-wrap>a:nth-child(1) {
        display: none;
    }

    .featured-wrapper .featured-wrap .new-arrivals-content .na-pc-wrapper {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .featured-wrapper .featured-wrap .new-arrivals-content .na-pc-wrapper .product-card {
        width: calc(50% - 1rem);
    }

    .new-arrivals-content .na-container .na-pc-wrapper .product-card::after {
        inset: 0rem;
    }

    .featured-wrapper .featured-wrap .new-arrivals-content .na-container {
        padding: 0;
    }

    header .header-center .hc-wrapper {
        padding-bottom: .5rem;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 1.5rem;
    }

    .featured-wrapper .featured-banner>a.fmobile-banner img {
        aspect-ratio: 0;
        object-fit: unset;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li>button>em {
        /* position: absolute; */
        /* top: -6px; */
        right: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: absolute;
        top: -0.125rem;
        left: 50%;
        transform: translateX(calc(-50% + 16px));
        background-color: #b68c48;
        color: #fff;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        font-style: normal;
        font-size: .7rem;
    }

    .footer-mobile-menu .fmm-wrapper>ul>li:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 50%;
        width: 1px;
        background-color: rgba(0, 0, 0, .075);
    }

}

@media (max-width:767px) {
    .npSlider .mobile-image{
    display: block;
}
.npSlider .web-image{
    display: none;
}

.mobile-navigator a {
    font-weight: bold;
    border: 1px solid #be954f;
    padding: 7px;
    font-size: 0.8rem;
    color: #000000;
}

.mobile-navigator {
      padding-left: 0.5rem;
      margin-top: 10px;
      display: flex;
      flex-direction: row;
      gap: 8px;
      overflow: scroll;
      width: inherit;
}
    .new-arrivals-content .na-container .na-pc-wrapper .product-card {
        padding: 0;
    }

    .product-card .pc-bottom .pc-product-name {
        padding: 0 .5rem;
    }

    .product-card .pc-bottom .pc-product-price {
        height: 25px;
    }

    .featured-wrapper .featured-wrap .new-arrivals-content .na-pc-wrapper .pc-product-price {
        height: 35px;
    }

    .so-megamenu-wrapper .megamenu-container .megamenu-header>a {
        width: 165px;
    }

    .slide-bottom-marquee-ctn {
        gap: 40rem;
    }

    .product-slider-wrapper .product-slider-container .product-slider-header>h3 {
    font-size: 1.1rem;
}

footer .f-top .ft-nav .ft-nav-container .ft-nav-wrapper .ft-nav-col .ftnc-header>span {
    font-size: .8rem;
}

footer .f-top .ft-container .ft-newsletter .ftn-header>span:nth-child(1) {
    font-size: .9rem;
}

footer .f-top .ft-container .ft-social .fts-media>span {
    font-size: .9rem;
}
}

@media (max-width:426px) {
    header .header-center .hc-wrapper .header-left-list>ul>li>a {
        font-size: .8rem;
    }

    li.hc-account-mbutton {
        padding-left: .5rem;
    }

    .generic-product-top .generic-product-header>h1 {
        font-size: 1.5rem;
    }

    .generic-product-top .generic-product-subcategory-container>button {
        font-size: .85rem;
    }

    li.hc-account-mbutton {
        width: 50% !important;
    }

    header .header-center .hc-wrapper .header-left-list>ul>li {
        width: 16.6%;
    }

    .product-slider-wrapper .product-slider-container .product-slider-header>h3 {
    font-size: 1.1rem;
}

}