@media (min-width: 768px) {
    .home .category-banner-sec {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 20px;
    }

    .home .new-product-sec {
        padding: 25px 10px;
    }

    .product-item .product-detail {
        padding: 0;
    }

    .footer .footer-row .about {
        width: 90%;
    }

    .home .weekly-product-sec {
        padding: 25px 10px;
    }
}

@media (min-width: 1024px) {
    .header .nav-logo {
        place-content: normal;
    }

    .home .new-product-sec {
        padding: 5%;
    }

    .footer .footer-row {
        grid-template: auto/repeat(4, 1fr);
        grid-gap: 64px;
    }

    .home .weekly-product-sec {
        padding: 5%;
    }

    .cart-sec {
        top: 58px;
        bottom: auto;
    }

    .category-page .category-products {
        padding: 0 5%;
    }

    .category-page .category-products > ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        grid-gap: 20px;
    }
}

@media (min-width: 1200px) {
    .header .nav {
        padding: 0 5%;
    }
}

@media (max-width: 575px) {
    .header .nav {
        padding: 0 14px;
        display: flex;
    }

    .header .nav-logo {
        width: 30%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .header .nav-logo svg {
        display: none;
    }

    .header .nav svg {
        width: 24px;
    }

    .header .nav-icon {
        place-content: initial;
        margin-left: auto;
    }

    .header .nav-icon .nav-icon-items {
        justify-content: space-around;
    }

    .header .nav-icon .nav-icon-items div {
        position: relative;
        padding: 0;
        margin-right: 15px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .header .nav-icon .nav-icon-items div:last-child {
        margin-right: 0;
    }

    .home .hot-product-sec {
        padding: 5% 0;
    }

    .home .hot-product-sec h2 {
        font-size: x-large;
        text-align: center;
        font-weight: bold;
        margin: 5% 0;
    }

    .home .weekly-product-sec .weekly-product-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
        grid-gap: 10px;
    }

    .home .new-sec .new-sec-ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, 45%);
        grid-gap: 10px;
        margin: 20px 0;
    }

    .category-page .category-products>ul li:nth-child(5n + 1) {
        grid-column: 1/3;
    }

    .product-page .gallery-sec {
        grid-area: 1/1/2/7;
    }

    .product-page .gallery-sec ul {
        width: 100vw;
        display: block !important;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
        overscroll-behavior: none;
        position: relative;
    }

    .product-page .product-view-info-sec {
        grid-area: 2/1/3/7;
    }

    .product-page .product-des-sec {
        grid-area: 4/1/5/7;
    }

    .product-page .gallery-sec ul li {
        scroll-snap-align: start;
        display: inline-block;
    }

    .product-page .product-view-info-sec>div .product-view-detail .product-view-info {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .product-page .product-view-info-sec>div .product-view-detail h1 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .product-page .product-view-info-sec>div .product-view-detail .product-view-price {
        display: grid;
        grid-template-columns: repeat(1, 100px);
        grid-gap: 10px;
        margin: 0;
    }

    .product-page .product-view-info-sec>div .product-view-detail .product-view-price p {
        text-align: end;
        font-size: 16px;
        margin-bottom: 0;
    }

    .hot-product-sec .product-item {
        padding: 0 20px;
    }

    .checkout-form .checkout-info-sec div {
        grid-template-columns: repeat(1, 1fr);
    }

    .header .nav-icon .nav-icon-items div span {
        font-size: 10px;
        bottom: 1px;
    }

    .cart-sec {
        width: 100%;
    }

    .cart-sec .cart-sec-main {
        height: 100%;
    }

    .home .new-product-sec h2 {
        font-size: x-large;
        text-align: center;
        font-weight: bold;
    }

    .home .weekly-product-sec h2 {
        font-size: x-large;
        text-align: center;
        font-weight: bold;
    }

    .home .new-sec h2 {
        font-size: x-large;
        text-align: center;
        font-weight: bold;
        margin: 0 0 5%;
    }

    .new-detail-page .new-related-sec ul {
        padding: 5%;
        width: 100vw;
        display: block;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        scroll-snap-stop: always;
        overscroll-behavior: none;
    }

    .new-detail-page .new-related-sec ul li {
        scroll-snap-align: start;
        display: inline-grid;
        width: 100%;
        padding: 10px;
    }

    .new-detail-page .new-content {
        padding: 0;
    }

    .new-detail-page .new-header h1 {
        font-size: large;
        padding: 10px 20px;
    }

    .new-detail-page .new-header .author-info {
        margin-top: 0;
        padding: 10px 20px;
    }

    .new-body-main img {
        height: auto !important;
    }

    .search-page .search-form-sec form {
        width: 80%;
    }

    .search-page .search-products-sec ul {
        grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    }

    .search-page .search-products-sec ul li:nth-child(5n + 1) {
        grid-column: 1/3;
    }
}

@media (max-width: 769px) {
    .category-page {
        display: flex;
        flex-direction: column;
        padding-top: 70px;
        position: relative;
        grid-gap: 0;
    }

    .category-page .category-info, .category-page .category-list {
        display: none;
    }

    .category-page .category-products {
        grid-area: auto;
        order: 1;
        padding: 10px 0;
    }

    .category-page .category-filters {
        grid-area: auto;
        grid-template-columns: auto;
        order: 0;
        padding: 0 15px;
    }

    .product-page .gallery-sec {
        position: relative;
        width: 100%;
    }

    .product-page .gallery-sec ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    div.news-page .latest-sec .latest-item a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow:hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
}

@media (max-width: 900px) {
    .checkout-form .checkout-info-sec {
        grid-area: 1/1/3/7;
        padding: 20px;
        margin: 20px;
    }

    .checkout-form .checkout-method-sec {
        grid-area: 3/1/4/7;
        padding: 20px;
        margin: 20px;
    }

    .checkout-form .checkout-cart-sec {
        grid-area: 4/1/5/7;
        padding: 20px;
        margin: 20px;
    }
}