@media (max-width: 2560px) {
    .account {
        min-height: 500px;
    }

    .account {
        & .w307 {
            max-width: 336px;
            width: 100%;
            margin-bottom: 36px;
        }
    }
}

@media (max-width: 1920px) {
}

@media (max-width: 1660px) {
}

@media (max-width: 1530px) {
    .option-label,
    .option-select {
        font-size: 14px;
    }
}

@media (max-width: 1440px) {
    #main-nav > ul > li > a {
        font-size: 14px;
        padding: 0 10px;
    }

    .nav-search input {
        font-size: 14px;
    }

    .hero-section {
        font-size: 16px;
    }

    .hero-section {
        .banner-ply {
            height: 600px;
        }
    }

    .hero-section {
        .circles {
            position: absolute;
            top: 14%;
            right: 0px;
            margin: 0 auto;
            height: 247px;
            width: 220px;
            z-index: -1;
            object-fit: contain;
        }
    }

    .stats-cream {
        max-width: 325px;
        top: -35px;
    }

    .stats-cream p {
        font-size: 16px;
    }

    .stat-num {
        font-size: 40px;
    }

    .stats-band {
        padding-top: 0 !important;
    }

    .contact {
        .info-item {
            font-size: 16px;
        }
    }

    .account {
        .orders-tabs {
            gap: 15px;
        }

        .orders-tabs .nav-link {
            border: 1.5px solid var(--secondary-color3);
            border-radius: 40px;
            padding: 15px 20px;
            font-size: 14px;
        }

        .order-number,
        .order-status {
            font-size: 16px;
        }
    }

    .card-content h2 {
        font-size: 24px;
    }

    .card-content p {
        font-size: 18px;
    }
}

@media (max-width: 1366px) {
    .notFound {
        & h2 {
            margin-top: -21%;
            margin-bottom: 24px;
        }
    }
}

@media (max-width: 1280px) {
    .contact {
        .info-card h2,
        .form-card h2 {
            font-size: 40px;
        }
    }
}

@media (max-width: 1200px) {
    .clear-btn {
        right: 26px;
    }

    #main-nav > ul > li > a {
        font-size: 14px;
        padding: 0 5px;
    }

    .nav-search {
        margin: 0 0 0 9px;
        padding-right: 7px;
    }

    .nav-icons-wrap {
        gap: 6px;
    }

    .nav-pill-wrap {
        padding: 16px 27px;
    }

    h1 {
        font-size: 50px;

        span {
            font-size: 48px;
        }
    }

    .mc-title {
        font-size: 20px;
        min-height: 44px;
    }

    .mc-sizes {
        font-size: 20px;
        margin: 11px 0;
    }

    .specs-card::after {
        top: -7px;
        width: 472px;
        height: 178px;
        background: url(../images/home/shape.png) top no-repeat;
        background-size: contain;
    }

    .about .hero-right p {
        font-size: 16px;
        margin-top: 20px;
        line-height: 1.6;
    }

    .stat-lbl {
        font-size: 19px;
    }

    .stats-cream {
        max-width: 295px;
    }

    .who-section p {
        font-size: 16px;
        line-height: 1.8;
        margin: 20px 0;
    }

    .review-body {
        font-size: 16px;
        line-height: 1.78;
        margin: 0;
    }

    .reviewer-name {
        font-size: 18px;
    }

    .review-card {
        padding: 30px 33px;
    }

    .quote-mark {
        width: 40px;
    }

    .result-count {
        color: #292929;
        font-size: 15px;
    }

    .form-select {
        font-size: 14px;
        height: 47px;
        min-width: 247px;
    }

    .price-options-wrap {
        padding: 20px 20px;
        margin-bottom: 20px;
        margin-top: 24px;
    }

    .option-label,
    .option-select {
        font-size: 12px;
    }

    .optionMain {
        padding: 0 15px;
    }

    .gap-2 {
        gap: 0.1rem !important;
    }

    .product-desc {
        font-size: 16px;
    }

    .compat-table th,
    .compat-table td {
        font-size: 16px;
    }

    body {
        font-size: 16px;
    }

    .breadcrumb-wrap {
        margin-bottom: 15px;
    }

    .swiper-main-wrap {
        padding: 20px;
        margin-top: 0;
    }

    .contact {
        .info-card h2,
        .form-card h2 {
            font-size: 35px;
        }
    }

    .account {
        .sidebar ul li a {
            gap: 12px;
            padding: 16px 20px;
        }

        .orders-tabs .nav-link {
            padding: 11px 27px;
            font-size: 12px;
            min-width: 110px;
            white-space: nowrap;
        }

        .orders-tabs {
            gap: 7px;
            margin-bottom: 20px;
            flex-wrap: nowrap;
            overflow-y: hidden;
            overflow-x: scroll;
            padding-bottom: 10px;
        }
    }

    .form-card {
        h2 {
            font-size: 38px;
        }
    }
}

@media (max-width: 1024px) {
    .btn {
        padding: 0 30px;
        font-size: 14px;
        border-radius: 65px;
        line-height: 60px;
        height: 60px;
    }

    .p-v-80 {
        padding: 16px 0;
    }

    .tabs-ul {
        margin: 0 auto 23px;
    }

    .sec-subtext {
        font-size: 16px;
        margin-bottom: 28px;
        margin-top: 12px;
    }

    .mt-50 {
        margin-top: 25px;
    }

    .sec-specs {
        padding: 16px 0;
    }

    .sec-specs {
        .sec-subtext {
            font-size: 16px;
            margin: 1px auto 28px;
        }
    }

    .specs-card {
        margin: 0 auto 0;
        background: var(--secondary-color5);
        padding: 43px 68px;
        border-radius: 14px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
    }

    .swiper-thumbs .swiper-slide {
        padding: 10px 15px;
    }

    .stat-card {
        border: none;
        border-radius: 20px;
        padding: 17px 13px;
        gap: 13px;
    }

    .icon-wrapper {
        width: 40px;
        flex: 0 0 40px;
        height: 40px;
        margin-right: 0;
        padding: 6px;
    }

    .card-content h2,
    .card-content p {
        font-size: 16px;
    }

    .account {
        .w307 {
            margin-bottom: 24px;
        }
    }
}

@media (max-width: 991px) {
    #main-nav.stellarnav.light,
    #main-nav.stellarnav.light ul ul {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 0;
        border-color: transparent;
    }

    #main-nav ul ul li a {
        color: #fff !important;
    }

    #main-nav ul ul li a.dd-toggle .icon-plus {
        box-sizing: border-box;
        transition: transform 0.3s;
        width: 12px;
        height: 100%;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        top: -9px;
    }

    #main-nav ul ul li a:hover {
        background: transparent !important;
        color: #fff !important;
    }

    .stellarnav.mobile > ul > li > a.dd-toggle {
        padding: 0;
        position: absolute !important;
        top: -5px !important;
    }

    #main-nav ul ul ul {
        top: 0;
        left: 0;
    }

    .account {
        min-height: 630px;

        .account-header h2 {
            font-size: 25px;
        }
    }

    .hero-section {
        text-align: center;

        hr {
            margin: 35px 0;
            width: 100%;
        }

        .htRight {
            display: none;
        }

        .bannerMiddle {
            position: relative;
            max-width: 716px;
            /* order: 3; */
        }

        .banner-ply {
            height: 400px;
        }

        /* .col-12 {
      order: 1;
    }
    .col-lg-4 {
      order: 2;
    } */
        /* .herobtn {
      order: 4;
    } */
    }

    .hero-btns-wrap {
        flex-direction: row;
        align-items: center;
        gap: 18px;
        padding-bottom: 20px;
        justify-content: center;
    }

    .hero-feat-list {
        margin-top: 46px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .hero-feat {
        &:nth-child(2) {
            margin-left: 0;
        }
    }

    h1 {
        font-size: 40px;
        text-align: center;

        span {
            font-size: 38px;

            span {
                display: inline-block;
                float: none;
                margin-top: 10px;
                margin-bottom: 20px;
            }
        }
    }

    .tabs-ul li a {
        padding: 0 0 13px;
        font-size: 20px;
    }

    h2 {
        font-size: 28px;
        font-weight: 700;
    }

    h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .spec-it {
        font-size: 20px;
        max-width: 222px;
        width: 100%;
        margin: 0 auto 15px;
    }

    .spec-it:last-child {
        margin-bottom: 15px !important;
    }

    .specs-card::after {
        display: none;
    }

    .cf-card {
        padding: 66px 52px;
        margin-top: 30px;
    }

    .sec-contact {
        .btn {
            max-width: 411px;
            min-width: initial;
            width: 100%;
            margin: 0 auto;
        }
    }

    #main-nav .menu-toggle span.bars span {
        background: #333;
    }

    .stellarnav .menu-toggle span.bars span {
        display: block;
        width: 17px;
        height: 2px;
    }

    #main-nav .menu-toggle {
        padding: 8px 0;
    }

    .stats-cream {
        max-width: 235px;
    }

    .stats-cream p {
        font-size: 14px;
    }

    .stat-num {
        font-size: 34px;
    }

    .stat-lbl {
        font-size: 14px;
    }

    .inner-main-title,
    .cart .inner-main-title,
    .wishlist .inner-main-title,
    .contact h1,
    .account h1 {
        font-size: 55px;
        margin-bottom: 36px;
    }

    #main-nav > ul {
        background: #69534f !important;
        text-align: left;
        z-index: 99;
        border: none;
    }

    #main-nav > ul > li > a {
        font-size: 16px;
        padding: 15px 20px;
        color: #fff !important;
    }

    .stellarnav.light .icon-close:after,
    .stellarnav.light .icon-close:before {
        border-color: #fff;
    }

    .toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .result-count {
        margin-bottom: 15px;
    }

    .inner-main-title,
    .cart .inner-main-title,
    .wishlist .inner-main-title,
    .contact h1,
    .account h1 {
        font-size: 45px;
    }

    .productDetails.wishlist .inner-main-title {
        text-align: left;
        margin-bottom: 0;
    }

    .productDetails h3 {
        margin-top: 15px;
    }

    .login-wrapper .row {
        flex-direction: column-reverse;
    }

    .logRight {
        border-radius: 18.93px 18.93px 0 0;
        -webkit-border-radius: 18.93px 18.93px 0 0;
        -moz-border-radius: 18.93px 18.93px 0 0;
        -ms-border-radius: 18.93px 18.93px 0 0;
        -o-border-radius: 18.93px 18.93px 0 0;
        height: auto;
        object-fit: cover;
    }

    .logRight {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .login-left {
        padding: 0 0px 10px 0;
    }

    .otp img {
        height: 61px;
        object-fit: contain;
    }

    .otp-card {
        padding: 28px 17px;
    }

    .otp-input-group {
        gap: 13px;

        .form-control {
            width: 55px;
            height: 55px;
        }
    }

    p.otp-subtext {
        font-size: 13px;
        line-height: 1.6;
    }

    .otp h1 {
        font-size: 20px;
        margin: 10px 0;
    }

    .resend-section {
        font-size: 13px;
    }

    .wishlist .productList .mc {
        padding: 20px 18px;
        border: #6b432052 1px solid;
    }

    .contact {
        .info-card {
            padding: 68px 25px 0;
            margin-top: 15px;
        }
    }

    .products.wishlist .inner-main-title,
    .account h1 {
        margin-bottom: 0;
        text-align: left;
    }

    .account {
        .img-grid img {
            width: 150px;
        }

        .order-number,
        .order-status {
            font-size: 16px;
        }

        .order-name {
            font-size: 14px;
            margin: 10px 0 5px;
        }

        .btn {
            padding: 0 22px;
            font-size: 14px;
            border-radius: 65px;
            display: block;
            line-height: 38px;
            height: 38px;
        }
    }

    .stat-card {
        svg {
            opacity: 0.4;
            width: 60%;
            display: block;
            margin: 10px 0;
        }
    }

    .g-4,
    .gy-4 {
        --bs-gutter-y: 0.5rem;
    }
}

@media (max-width: 820px) {
}

@media (max-width: 768px) {
}

@media (max-width: 767px) {
    .hero-section {
        .hero-desc-txt {
            padding-right: 0;
        }
    }

    .account {
        .account-header h2 {
            font-size: 30px;
        }
    }

    .mc img {
        width: 100%;
        height: 130px;
    }

    .nav-logo {
        img {
            height: 53px;
            object-fit: contain;
        }
    }

    .nav-icon-btn {
        width: 30px;
        height: 30px;

        img {
            width: 11px;
            position: relative;
            left: 0px;
        }
    }

    .nav-pill-wrap {
        padding: 12px 11px;
    }

    .tabs-ul {
        gap: 22px;
    }

    h1 {
        font-size: 28px;

        span {
            font-size: 25px;
        }
    }

    .productDetails .inner-main-title,
    .cart .inner-main-title,
    .wishlist .inner-main-title,
    .contact h1,
    .account h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .backcircle {
        width: 675px;
        height: 461px;
    }

    .wishlist .inner-main-title {
        margin-bottom: 25px;
        text-align: center;
    }

    .d-flex:has(.inner-main-title) {
        justify-content: center;
        flex-direction: column;
    }

    .page-wrapper {
        padding: 150px 0 16px;
    }

    .about h2 {
        margin-top: 15px;
    }

    .stats-cream {
        max-width: 100%;
        position: static;
        margin-bottom: 15px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }

    .ps-8 {
        padding-left: inherit !important;
    }

    .stats-brown {
        display: block;
        height: auto !important;

        .col-md-3 {
            border-right: 0;
            padding-top: 0;
            padding-bottom: 20px;
            margin: 20px 0;
            position: relative;

            &::before {
                position: absolute;
                height: 2px;
                left: 0;
                right: 0;
                bottom: 0;
                width: 70%;
                margin: 0 auto;
                content: "";
                background: radial-gradient(
                    ellipse at center,
                    rgba(255, 255, 255, 1) 0%,
                    rgba(255, 255, 255, 0) 51%,
                    rgba(255, 255, 255, 0) 100%
                );
            }

            &:last-child {
                padding-bottom: 0;
            }

            &:last-child::before {
                display: none;
            }
        }

        .stat-num {
            font-size: 60px;
        }

        .stat-lbl {
            font-size: 24px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    .filter-panel {
        display: none;
    }

    .form-select.sm {
        display: block;
    }

    .filter-panel.active {
        display: block;
        position: absolute;
    }

    .optionMain {
        margin: 0 10px 10px 0;
    }

    .productDetails .btn {
        max-width: max-content;
        min-width: inherit;
        width: 100%;
        margin-top: 10px;
        padding: 0 40px;
    }

    .compat-table td,
    .compat-table th {
        padding: 10px 20px;
    }

    .productDetails h3 {
        margin-bottom: 0;
    }

    .productList .mc {
        margin-top: 20px;
    }

    .cart.wishlist .inner-main-title {
        text-align: left;
    }

    .d-flex:has(.inner-main-title) {
        flex-direction: row;
    }

    .cart-item-card {
        padding: 11px 16px;
        gap: 8px;
        position: relative;
    }

    .remove-btn {
        font-size: 12px;
        position: absolute;
        right: 18px;
        bottom: 21px;
    }

    .cart-img-wrap {
        width: 90px;
        flex: 0 090px;
        height: 81px;
        padding: 13px;
        border-radius: 6.46px;
        -webkit-border-radius: 6.46px;
        -moz-border-radius: 6.46px;
        -ms-border-radius: 6.46px;
        -o-border-radius: 6.46px;
    }

    .qty-val {
        min-width: 30px;
        font-size: 13px;
    }

    .cart-item-name {
        font-size: 14px;
        margin-bottom: 0;
    }

    .cart-item-spec {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .cart-item-price {
        font-size: 16px;
    }

    .payment-card {
        padding: 15px 25px;
        margin-top: 15px;
    }

    .cart .btn {
        font-size: 16px;
        line-height: 53px;
        height: 53px;
        width: 100%;
        margin-top: 20px;
    }

    .contact {
        .info-person img {
            display: none;
        }

        .info-card h2,
        .form-card h2 {
            font-size: 25px;
        }

        .info-card {
            padding: 24px 21px;
            margin-top: 15px;
        }

        .info-item {
            font-size: 14px;
        }
    }

    .form-card {
        padding: 38px 26px;

        h2 {
            margin-bottom: 20px;
            font-size: 30px;
        }
    }

    .field-group {
        margin-bottom: 40px;
    }

    iframe {
        height: 177px !important;
    }

    .contact .d-flex:has(.inner-main-title) {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 25px;
    }

    .notFound {
        h1 {
            font-size: 55vw;
        }
    }

    /* .mobileDash {
        display: inline-flex;
    } */

    /* .account .sidebar {
        left: -100%;
        position: fixed;
        top: 0;
        height: 100%;
        width: 70%;
        background: #fff;
        z-index: 99;
        padding: 30px;
        box-shadow: 8px -1px 39px -8px rgba(0, 0, 0, 0.46);
        -webkit-box-shadow: 8px -1px 39px -8px rgba(0, 0, 0, 0.46);
        -moz-box-shadow: 8px -1px 39px -8px rgba(0, 0, 0, 0.46);
    }

    .account .sidebar.active {
        left: 0;
    } */
    .account {
        .sidebar{
            overflow-x: scroll; padding-bottom: 5px;
            margin-bottom: 25px;
            ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 0 10px;
            
            li {
                flex: 0 0 auto; width: auto;
            }

        }
    }
    .account {
        .order-card {
            align-items: flex-start !important;
        }

        .order-head {
            flex-direction: column;
        }

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

        .order-name {
            font-size: 11px;
            margin: 6px 0 5px;
        }

        .order-variant {
            font-size: 11px;
        }

        .order-foot {
            margin-top: 6px;
        }

        .btn {
            padding: 0 15px;
            font-size: 12px;
            line-height: 32px;
            height: 32px;
        }

        .order-body {
            min-height: 114px;
        }

        .order-price {
            font-size: 14px;
        }

        .img-grid img {
            width: 115px;
            height: 110px;
            object-fit: cover;
        }

        .sidebar ul li a {
            gap: 18px;
            font-size: 14px;
            padding: 16px 20px;
        }
    }

    /* .account .sidebar {
        padding: 10px;
        width: 280px;
    } */

    .result-count,
    .breadcrumb-wrap {
        text-align: center;
        width: 100%;
    }
    .about h1 {
        text-align: center;
        width: 100%;
    }
    body {
        overflow-x: hidden;
    }
}
}
@media (max-width: 576px) {
    .who-section {
        img {
            height: 296px;
        }
    }
    .account {
        .account-header {
            img#avatarImg {
                width: 45px;
                height: 45px;
            }

            .avatar-wrap {
                position: relative;
                width: 45px;
                height: 45px;
                flex-shrink: 0;
            }

            .avatar-wrap label.camera-badge {
                position: absolute;
                bottom: -4px;
                right: -8px;
                width: 24px;
                height: 24px;
                color: #797575;
                box-shadow: none;
                font-size: 20px;
            }
        }

        .account-header h2 {
            font-size: 20px;
        }
    }

    .compat-table {
        width: 500px;
    }

    .mc img {
        width: 100%;
        height: 213px;
    }

    .hero-feat-list {
        margin-top: 46px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        flex-direction: column;
    }

    .notFound {
        font-size: 16px;

        .btn {
            line-height: 70px;
            height: 70px;
        }
    }

    .mt-5 {
        margin-top: 3rem !important;
    }

    .hero-feat {
        gap: 10px;
        margin: 0;

        &:nth-child(2) {
            margin-left: 36px;
            margin-top: 30px;
            margin-bottom: 30px;
        }
    }

    .hero-feat-list {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
        flex-direction: column;
        margin: 30px auto;
        width: 310px;
        font-size: 20px;
    }

    .hero-section {
        hr {
            display: none;
        }

        .banner-ply {
            height: 329px;
        }

        .circles {
            display: none;
        }
    }

    .top-nav-wrap {
        padding: 22px 0;
    }

    .hero-section {
        position: relative;
        padding-top: 130px;
        font-size: 14px;
        min-height: 899px;
    }

    .nav-search input {
        height: 45px;
        padding: 0px 20px 0 45px;
        font-size: 15px;
    }

    .searchBtn {
        width: 28px;
    }

    h2 {
        font-size: 20px;
    }
    .account {
        .empty-state {
            font-size: 14px;
        }
    }

    .mc-title {
        font-size: 19px;
        min-height: 44px;
    }

    .mc-sizes {
        font-size: 19px;
        margin: 11px 0;
    }

    .mc {
        padding: 29px 27px;

        .btn {
            height: 47px;
            line-height: 47px;
            display: inline-block;
            margin-top: 10px;
        }
    }

    .cf-card {
        padding: 42px 28px;
        margin-top: 30px;
    }

    .site-footer {
        padding: 20px 0;
        font-size: 12px;
    }

    .cf-field label {
        font-size: 16px;
    }

    .cf-field input,
    .cf-field textarea {
        font-size: 12x;
    }

    .cf-card {
        border-radius: 28px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        -o-border-radius: 28px;
    }

    .sec-contact {
        img {
            height: 632px;
        }
    }

    .backcircle {
        display: none;
    }

    .sec-subtext {
        font-size: 12px;
        margin: 10px 0 28px;
    }

    .inner-main-title,
    .cart .inner-main-title,
    .wishlist .inner-main-title,
    .contact h1,
    .account h1 {
        font-size: 28px;
    }

    .page-wrapper {
        padding: 136px 0 16px;
    }

    .about .hero-right p,
    .stats-cream p {
        font-size: 12px;
    }

    h3 {
        font-size: 20px;
    }

    .compat-table-wrap {
        margin: 25px 0;
    }

    .stats-brown {
        margin-bottom: 30px;
    }

    .stats-cream {
        padding: 16px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .explore-section h3 {
        margin-bottom: 15px;
    }

    .explore-section.productList h3 {
        margin-bottom: 0;
    }

    .stats-cream h3 {
        margin: 0 0 9px;
    }

    .who-section .row {
        flex-direction: column-reverse;

        img {
            margin-bottom: 20px;
        }
    }

    body {
        font-size: 13px;
    }

    .filter-panel {
        padding: 15px 23px;
        margin-bottom: 15px;
    }

    .toolbar-controls {
        display: flex;
        gap: 0.6rem;
        flex-wrap: wrap;
    }

    .productList .mc-title,
    .productList .mc-sizes {
        font-size: 10px;
        min-height: auto;
        font-weight: 400;
        margin-bottom: 0;
    }

    .productList .mc {
        padding: 14px;

        .btn {
            margin-top: 10px;
            font-size: 10px;
            height: 35px;
            line-height: 35px;
        }
    }

    .productList .mc img {
        height: 100px;
    }

    .wish-btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .logRight {
        height: 218px;
    }

    .wishlist .productList .mc {
        .btn {
            height: 40px;
            line-height: 40px;
            font-size: 10px;
            padding: 0 15px;
        }
    }

    .removeList {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .mt-5 {
        margin-top: 1.2rem !important;
    }

    .account {
        .order-number,
        .order-status {
            font-size: 13px;
        }
    }

    .form-card {
        h2 {
            font-size: 24px;
        }
    }

    .account {
        font-size: 13px;
    }

    .form-control {
        font-size: 14px;
    }
    h1 {
        & span {
            & span {
                img {
                    position: relative;
                    top: -8px;
                    width: 37px;
                }
            }
        }
    }
    .stats-brown {
        .stat-num {
            font-size: 36px;
        }
    }
    .stats-brown {
        padding-top: 20px;
        padding-bottom: 20px;
        .stat-lbl {
            font-size: 16px;
            margin-top: 8px;
            margin-bottom: 0;
        }
    }
}

@media (max-width: 480px) {
    .tabs-ul li a {
        padding: 0 0 13px;
        font-size: 13px;
    }

    .sec-specs {
        .sec-subtext {
            font-size: 12px;
        }
    }

    .nav-search input {
        display: none;
    }

    .searchBtn {
        width: 28px;
        left: auto;
        right: 10px;
    }

    .badges {
        position: absolute;
        left: 20px;
        top: -40px;
        width: 137px;
    }

    .who-section p {
        font-size: 12px;
        margin: 5px 0 14px;
    }

    .reviewer-name {
        font-size: 12px;
        margin-bottom: 0;
    }

    .review-body {
        font-size: 12px;
    }

    .review-card {
        padding: 29px 17px;
    }

    figure {
        margin: 0 0 0;
    }

    .stars a {
        font-size: 11px;
        margin: 0 8px 0 0;
    }

    .product-desc {
        font-size: 12px;
    }

    .compat-table th,
    .compat-table td {
        font-size: 12px;
    }

    .login-left {
        p {
            font-size: 12px;
            margin: 8px 0;
        }
    }

    .google-btn {
        padding: 12px;
        font-size: 15.14px;
        margin: 12px 0;
    }

    .gap-2 {
        gap: 0.5rem !important;
    }

    .form-label {
        font-size: 14px;
    }

    .remember,
    .forgot {
        font-size: 14px;
    }

    .login-wrapper {
        .btn {
            margin-top: 20px;
        }
    }

    .otp-input-group {
        .form-control {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
        }
    }

    .my-4 {
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }

    .otp {
        .btn {
            font-size: 15px;
            border-radius: 65px;
            line-height: 65px;
            height: 65px;
        }
    }
}

@media (max-width: 479px) {
    .hero-feat-list {
        font-size: 16px;         gap:0px;
    }
    .hero-btns-wrap {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding-bottom: 20px;
        justify-content: center;
    }

    .cart-img-wrap {
        width: 90px;
        flex: 0 0 90px;
        height: 126px;
        padding: 9px;
    }

    .cart-item-card {
        padding: 10px 10px;
        gap: 8px;
    }

    .cart-item-price {
        margin-bottom: 6px;
    }

    .card-content h2,
    .card-content p {
        font-size: 14px;
    }

    .specs-card {
        padding: 43px 40px;
    }

    .d-flex:has(.inner-main-title) {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        text-align: center !important;
    }

    .sec-contact {
        img {
            height: 542px;
        }
    }

    .tabs-ul {
        gap: 10px;
    }

    .mb-5 {
        margin-bottom: 1rem !important;
    }

    .mobileSearch {
        display: block;
        flex-grow: 1;
        text-align: right;
        padding-right: 15px;
    }

    .nav-search {
        display: none;
    }

    .modal-body .nav-search {
        display: block;

        .searchBtn {
            width: 28px;
            left: 10px;
            right: auto;
        }
    }

    /* .inner-main-title,
    .cart .inner-main-title,
    .wishlist .inner-main-title,
    .contact h1,
    .account h1 {
        font-size: 21px;
        margin-bottom: 0;
    } */

    .continue-link {
        gap: 0;
        font-size: 12px;
    }

    .continue-link .arrow-circle {
        width: 19px;
        height: 19px;
        font-size: 13px;
    }

    .modal-body .nav-search input {
        width: 100%;
        display: block;
        border: 1px solid #c9c9c9;
        border-radius: 144px;
        height: 54px;
        padding: 0px 30px 0 43px;
        font-size: 15px;
        background: transparent;
        color: #999;
        outline: none;
        -webkit-border-radius: 144px;
        -moz-border-radius: 144px;
        -ms-border-radius: 144px;
        -o-border-radius: 144px;
    }

    .account {
        .order-item-price {
            font-size: 14px;
        }

        .order-item-actions {
            justify-content: center;
        }
    }

    .otp-input-group {
        .form-control {
            width: 35px;
            height: 35px;
        }
    }

    /* .toolbar-controls {
    display: flex;
    gap: 0.6rem;
    width: 100%;
    overflow-x: scroll;
} */
}

@media (max-width: 390px) {
    .productList .col-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .productList .mc img {
        height: 194px;
    }

    .account {
        .img-grid img {
            width: 100px;
            height: 110px;
            object-fit: cover;
        }

        .col-6 {
            flex: 0 0 auto;
            width: 100%;
        }
    }
}

@media (max-width: 375px) {
}

@media (max-width: 320px) {
}