@media screen and (max-width: 576px) {
    .navbar > .container,
    .navbar > .container-fluid,
    .navbar > .container-lg,
    .navbar > .container-md,
    .navbar > .container-sm,
    .navbar > .container-xl,
    .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        flex-direction: unset;
    }
    .myaccount table {
        overflow-x: auto;
        width: 364px !important;
        display: flow;
    }
    .search-nav-btn {
        display: none;
    }
    .navbar-brand img {
        width: 160px;
    }
    .navbar-brand {
        margin-left: unset;
    }
    .product-image img {
        /* height: 245px; */
        /* object-fit: fill; */
    }
    .product-name {
        font-size: 15px;
        /* font-weight: bold; */
        margin-bottom: 10px;
    }
    .cat-wrapper {
        display: flex;
        text-align: center;
        justify-content: flex-start;
        gap: 10px;
        overflow-x: auto;
    }
    .cat-box button {
        font-size: 11px;
        padding: 6px;
        overflow-x: auto;
    }
    .offer-content {
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-family: "Poppins", sans-serif;
        /* background: rgba(0, 0, 0, 0.4); */
        /* padding: 20px 30px; */
        border-radius: 8px;
        display: flex;
        align-items: anchor-center;
        justify-content: space-between;
        gap: 200px;
    }
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: unset;
    }
    .thumb-images-wrapper {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        width: 350px;
        overflow-x: auto;
        justify-content: center;
    }

    .color-options {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .product-info {
        font-size: 17px;
        color: #555;
        /* margin-bottom: 14px; */
        align-items: anchor-center;
    }
    .product-title {
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #222;
    }
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-info h3 {
        font-size: 10px;
        color: #000;
        margin: 0 0 5px;
        font-weight: 500;
    }
    .product-info .price {
        font-size: 10px;
        color: #0e0e0e;
        font-weight: 600;
    }
    .category-tabs {
        display: flex;
        justify-content: unset;
        gap: 3px;
        padding: 0 1rem;
        overflow-x: auto;
        gap: 2px;
    }
    .category-tabs .btn {
        border: 1px solid #ccc;
        background: #fff;
        font-size: 9px;
        text-transform: uppercase;
        padding: 2px 3px;
        transition: all 0.2s;
    }
    .modal-body {
        /* display: flex; */
        justify-content: center;
    }
    .login-wrapper {
        display: none;
    }
    .section-padding {
        padding-top: 70px;
        padding-bottom: 20px;
    }
    .cart-image img {
        width: 100px;
        height: auto;
        border-radius: 6px;
        object-fit: cover;
    }
}
@media screen and (max-width: 576px) {
    #sizeChartBtn {
        position: unset;
      
        padding-top: unset;
        color: #00246e;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .heart-icon {
        position: absolute;
        top: 12%;
        left: 80%;
        z-index: 10;
    }
    #profile {
        padding: 20px;
    }
    section {
        padding: 20px;
    }
    .price {
        font-size: 13px;
        color: #00246e;
        margin-bottom: 10px;
        font-weight: 700;
        display: flex;
    }
    .rating {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        justify-content: center;
    }
    .name-price {
        display: flex;
        gap: 5px;
        align-items: anchor-center;
        justify-content: center;
    }
}
@media only screen and (width: 1024px) and (height: 1366px) {
    .section-padding {
        padding-top: 150px;
        padding-bottom: 200px;
    }
    .color-options {
        display: flex;
        gap: 10px;
        width: unset;
        overflow-x: auto;
        justify-content: center;
    }
    .thumb-images-wrapper {
        display: flex;
        flex-direction: unset;
        gap: 15px;
        margin-top: 70px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 400px;
        justify-content: center;
        padding-bottom: 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .thumb-images-wrapper {
        display: flex;
        flex-direction: row;
        gap: 15px;
        margin-top: 70px;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 400px;
        justify-content: center;
        padding-bottom: 20px;
    }
}