@media (min-width: 375px) and (max-width: 767.9px) {
    .category-banner .swiper-slide img {
        object-position: 70% 80%;
    }

    .hero-banner .swiper-slide img {
        object-position: 70% 80%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hero-img-container-product {
        width: calc(100vw - 56px);
        bottom: 20px;
        left: 28px;
        /* right: 28px; */
        padding: 0;
    }

    .product-title {
        font-size: 28px;
    }

    .hero-img-content-product-text {
        gap: 20px;
        padding: 0;
    }

    .hero-img-content-product {
        padding: 0;
        width: 100%;
        /*padding-bottom: 200px;*/
    }

    .hero-line-product-text {
        font-size: 14px;
        line-height: 21px;
    }

    .hero-line-product-text-text-sub {
        font-size: 48px;
        font-weight: 600;
        line-height: 57.6px;
    }

    .line-product-section {
        overflow: hidden;
        padding: 0 0 14px 0;
    }

    .line-product-all-section {
        padding: 20px 0 14px 0;
    }

    .main-title-text {
        font-size: 28px;
        line-height: 28.8px;
        margin-bottom: 0px;
        padding: 40px 0 24px 0;
        width: 100%;
    }

    .line-product-section .list-product .product-item-name {
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 21.78px;
        font-weight: 500
    }

    .line-product-section .list-product .product-item-view-all-text {
        font-size: 16px;
        line-height: 21.8px;
    }

    .line-product-section .list-product .product-item-view-all-container {
        width: 135px;
        height: 42px;
        padding: 12px 16px 8px 20px;
        gap: 7.78px;
    }



    .product-line-search-container {
        width: 240px;
        height: 37px;
        padding: 10px 12px 10px 12px;
        gap: 0;
        margin-top: 20px;
    }

        .product-line-search-container input[type=text] {
            font-size: 16px;
            transform: scale(0.875); /* 14/16 = 0.875 */
            transform-origin: left;
            line-height: 16.87px;
            padding: 10px;
            border-radius: 5px;
        }

    .search-icon-line {
        width: 14px;
        height: 14px;
    }





    /* section1 */
    .section1-content {
        text-align: start;
        align-items: start;
    }

    .see-more {
        font-size: 14px !important;
    }
    /* section2 */


    .line-product-section .title-container .title {
        margin: 0;
        color: #242526;
        font-size: 28px;
        font-weight: 600;
        line-height: 33.6px;
        padding: 40px 0 12px 0;
    }

    .line-product-section .title-container .desc {
        margin: 0;
        margin-bottom: 20px;
        color: #434549;
        font-size: 14px;
        font-weight: 50x;
        line-height: 21px;
    }

    .line-product-section .list-product {
        display: flex;
        flex-direction: column;
        gap: 15px;
        justify-content: start;
    }

        .line-product-section .list-product .product-item {
            display: flex;
            position: relative;
            max-width: 100%; /* Adjust this as needed */
            flex-direction: column; /* Ensures caption stays below the image */
        }

            .line-product-section .list-product .product-item img {
                width: 100%; /* Make image fill the width of its container */
                height: auto; /* Maintain aspect ratio */
                object-fit: cover; /* Ensures image covers the entire product-item */
                border-radius: 24px; /* Rounded corners */
            }

        .line-product-section .list-product .column {
            display: flex;
            flex-direction: column;
            width: auto;
            gap: 20px;
        }
    .line-product-section .list-product {
        display: flex;
        flex-wrap: wrap;
        gap: 20px; /* Khoảng cách giữa các phần tử */
        justify-content: flex-start; /* Căn chỉnh các phần tử theo hàng */
        align-items: flex-start; /* Căn chỉnh các phần tử theo chiều dọc */
    }

    .column {
        width: 100%;
    }

        /* Cột trái và phải chia đều trên desktop */
        .column.left, .column.right {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
    .column.left, .column.right {
        width: 100%; /* Chuyển thành 1 cột trên mobile */
    }

    .product-item {
        width: 100%; /* Cả hai cột trái phải sẽ trở thành 1 cột */
    }

    .line-product-section .list-product .column-single {
        display: unset;
        gap: 15px;
    }

    .line-product-section .list-product .column .product-item-1 {
        aspect-ratio: 1 / 1;
    }

    .line-product-section
    .list-product
    .column:first-child
    .product-item:nth-child(2) {
        margin-bottom: 0px; /* Optional: Adds space between items */
    }

    .line-product-section .list-product .column .product-item {
        margin-bottom: 0;
    }

    /* Caption styling */
    .line-product-section .list-product .product-item .caption {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 20px;
        left: 22px;
        color: #006937;
        padding: 5px;
        font-size: 24px;
        font-weight: 500;
        line-height: 28.8px;
        text-align: left;
    }

        .line-product-section .list-product .product-item .caption span {
            display: flex;
            align-items: center;
            color: #006937;
            font-size: 20px;
            font-weight: 400;
            line-height: 30px;
        }

        .line-product-section .list-product .product-item .caption img {
            max-width: 24px;
            max-height: 24px;
            margin-left: 8px;
        }





    .line-product-all-section .product-container {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .line-product-all-section .left-container {
        justify-content: space-between;
        flex-direction: row;
        width: 100vw;
        padding: 0 16px;
        max-width: calc(100vw - 32px);
        /* border-right: 1px solid #ccc; */
        overflow-x: auto;
        align-items: center;
        margin-bottom: 8px;
    }

    .product-main-text-category {
        font-size: 14px;
        line-height: 16.8px;
    }

    .product-sub-text-category {
        padding: 4px;
        font-size: 12px;
        line-height: 14.1px;
    }

    .line-product-all-section .right-container {
        width: 70%;
        /* padding: 10px; */
    }

    .line-product-all-section h3 {
        display: flex;
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        color: #242526;
        margin: 0;
        min-width: 62px;
        margin-right: 12px;
        padding-bottom: 12px;
    }

    .line-product-all-section select {
        padding: 8px 12px 8px 14px;
        border-radius: 40px;
        font-size: 12px;
        line-height: 24px;
        color: #242526;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .select-box-product {
        margin-top: 0;
        padding-left: 8px;
        width: 130px;
        min-width: 130px;
        position: relative;
    }

    .select-arrow {
        top: 48%;
        right: 24px;
    }

    .category-select, .trade-select {
        /* display: flex; */
    }

    .select-category-mobile {
        display: block
    }

    .line-product-all-section .radio-label {
        display: none;
    }

    .line-product-all-section input[type='radio'] {
        margin-right: 10px; /* Khoảng cách giữa checkbox và nhãn */
        accent-color: #006937;
        width: 16px;
        height: 16px;
    }

    .line-product-all-section .right-container {
        width: 100%;
        padding: 0;
        display: grid; /* Sử dụng Grid */
        grid-template-columns: repeat(1, 1fr); /* 3 cá»™t */
        gap: 12px; /* Khoảng cách giữa các item */
    }

        .line-product-all-section .right-container .product-item p {
            font-size: 14px;
            font-weight: 500;
            line-height: 16.8px;
            margin: 0;
        }

        .line-product-all-section .right-container .product-item span {
            font-size: 12px;
            font-weight: 400;
            line-height: 14.19px;
            margin: 0;
        }

    .text-category {
        padding-left: 8px;
        font-size: 14px;
        line-height: 21px;
        white-space: nowrap;
    }

    .text-category-desktop {
        display: none !important;
    }

    .text-category-mobile {
        display: flex !important;
    }

    .category-select, .trade-select {
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }



    .no-product-text {
        font-size: 25px;
        padding-top: 0;
    }


    .radio-label input:checked + .checkmark {
        left: 1rem;
    }

    .radio-label input:not(checked) + .checkmark {
        left: 1rem;
    }


    .line-product-all-section .left-container .filter-item {
        flex-direction: row;
        align-items: center;
    }

    .new-show-more {
        margin-top: 20px;
        margin-left: unset;
        margin: auto;
    }

    .new-show-more-button {
        font-size: 14px;
        line-height: 14px;
        padding: 16px 16px;
        width: auto;
    }

    .no-product-text {
        justify-self: center;
        font-size: 18px;
        padding-top: 0;
        white-space: nowrap;
    }
}