@media(max-width:1023px) {
    .no-display-mobile-tablet {
        display: none !important
    }

    .mobile {
        display: flex;
    }

    .p-new-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .side-left,
    .my-news-bottom .bottom-right {
        float: unset;
        width: 100%;
        padding: 0;
    }

    .my-news-bottom {
        flex-direction: column-reverse;
        display: flex;
    }

    .side-left {
        padding-top: 25px;
    }

    .p-dv-title {
        font-size: 16px;
    }

    .p-dv-descript {
        font-size: 14px;
        line-height: 140%;
    }

    .p-dv-content {
        padding-bottom: 30px;
    }
}

@media(min-width:740px) and (max-width:1023px) {
    .no-display-tablet {
        display: none !important
    }

    .p-dv-img {
        height: 178px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .p-product-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 15px;
        row-gap: 15px;
    }

    .home-producthot-wrap .p-product-item:nth-child(10),
    .home-productnew-wrap .p-product-item:nth-child(10) {
        display: none;
    }

    .grid.wide {
        padding: 0 20px;
    }

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

    .side-item {
        margin-bottom: 0;
    }

    .side-list {
        display: grid;
        grid-auto-rows: minmax(min-content, max-content);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 15px;
        row-gap: 15px;
    }

    .side-new-item {
        margin-bottom: 0;
    }

    .side-new-content h3 {
        margin-bottom: 0;
    }

    .p-photo-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:739px) {
    .no-display-mobile {
        display: none !important
    }

    .grid.wide {
        padding: 0 10px;
    }

    .p-descript {
        font-size: 15px;
        margin-top: 6px;
    }

    .p-new-img {
        height: 150px;
        border-radius: 10px;
    }

    .p-new-item {
        border-radius: 15px;
        padding: 5px;
    }

    .p-new-content {
        padding: 8px;
    }

        .p-new-content .title {
            font-size: 14px;
        }

        .p-new-content .descript {
            font-size: 12px;
            -webkit-line-clamp: 2;
        }

        .p-new-content .btn {
            display: none;
        }

    .p-title {
        font-size: 23px;
    }

    .p-news-list__type2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .p-news-link__type2 {
        padding: 0;
    }

    .p-news-img__type2 {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .p-news-options__type2 .options-item:last-child {
        display: none;
    }

    .p-news-options__type2 {
        padding: 6px 8px;
        display: none;
    }

        .p-news-options__type2 .options-item {
            margin-right: 0;
            font-size: 12px;
        }

    .p-news-content__type2 {
        padding: 6px 8px;
    }

        .p-news-content__type2 .title {
            font-size: 14px;
        }

        .p-news-content__type2 .descript {
            -webkit-line-clamp: 2;
            font-size: 13px;
            margin-top: 6px;
        }

        .p-news-content__type2 .btn {
            margin-top: 10px;
            padding: 2px 8px;
        }

        .p-news-content__type2 .btn {
            display: flex;
            align-items: center;
        }

            .p-news-content__type2 .btn span {
                font-size: 12px;
            }

            .p-news-content__type2 .btn i {
                font-size: 10px;
            }

    .side-item {
        padding: 12px 14px;
        margin-bottom: 0;
    }

        .side-item span {
            font-size: 13px;
        }

    .p-photo-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .p-video-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 10px;
        row-gap: 10px;
    }

    .p-video-item h3 {
        font-size: 14px;
        padding: 8px 12px;
    }

    .side-right {
        float: unset;
        width: 100%;
    }

    .p-product-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        !i;
        !;
        column-gap: 10px;
        row-gap: 10px;
    }

    .p-product-img {
        height: 142px;
    }

    .p-product-title {
        font-size: 14px;
        line-height: 145%;
    }

    .p-product-options {
        display: flex;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .p-product-star img {
        display: none;
    }

    .p-product-count span {
        font-size: 12px;
    }

    .p-product-count strong {
        font-size: 12px;
    }

    .p-product-star span {
        margin-left: 0;
        font-size: 12px;
    }

    .p-product-star {
        display: none;
    }

    .p-product-top {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 12px;
        padding-bottom: 12px;
        flex-direction: column;
    }

        .p-product-top .title span {
            font-size: 22px;
        }

        .p-product-top a {
            margin-top: 10px;
        }

    .pager {
        margin: 12px 0;
    }

    .p-banner-container a, .p-banner-container span {
        padding: 4px 6px;
        margin: 4px;
        font-size: 10px;
    }

    .p-banner-container p {
        margin: 0 2px
    }

    .p-banner-content {
        padding-bottom: 0;
    }

    .p-product-price h3 {
        font-size: 14px;
    }

    .p-product-item {
        padding: 8px !important;
    }

    .p-product-count {
        margin-left: 0;
    }

    .p-news-list__same {
        column-gap: 12px;
        row-gap: 12px;
    }

    .p-news-img__type2 {
        height: 128px;
    }

    .no-data {
        font-size: 13px;
    }

    .p-dv-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 12px;
        row-gap: 35px;
        margin-top: 30px;
    }

    .p-dv-img {
        height: 160px;
    }

    .p-dv-title span {
        -webkit-line-clamp: 2;
    }

    .p-title-sub {
        font-size: 16px;
    }

    .p-dv-content {
        padding: 8px 8px;
        padding-bottom: 30px;
    }

    .p-dv-title {
        font-size: 14px;
        padding-bottom: 4px;
    }

        .p-dv-title::before {
            display: none;
        }

    .p-dv-descript {
        margin-top: 0;
    }

    .p-dv-btn {
        width: 130px;
        height: 36.3px;
        bottom: -14px;
    }

        .p-dv-btn span {
            font-size: 13px;
        }
}