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

    .detail-pro .container {
        padding: 10px;
    }
}

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



    .same-pro {
        -webkit-transform: translateY(-82px);
        -ms-transform: translateY(-82px);
        transform: translateY(-82px);
    }
}

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

    .detail-pro .grid.wide.f {
    background: none;
    }

    .detail-pro .title-top {
        font-size: 17px;
    }
section h2, h3, h4, h5{
    font-size:17px
}
    .detail-pro .description-top {
        font-size: 14px;
    }
.detail-pro section{
    font-size:14px
}
    .detail-pro .table {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .detail-pro .infor {
        margin: 30px 0;
    }

    .slider-detail-pro {
        height: 118px;
        max-height: 100%;
        /* height: auto; */
        object-fit: cover; /* hoặc contain tùy mục đích */
        overflow: hidden;
        position: relative;
    }
    .slider-detail-pro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

    .same-pro {
        -webkit-transform: translateY(-110px);
        -ms-transform: translateY(-110px);
        transform: translateY(-110px);
    }

    .same-pro {
        padding: 12px;
    }

        .same-pro .title {
            font-size: 15px;
        }

    .detail-pro .table .item {
        border-right: none;
        border-bottom: 1px solid #0000005c;
        width: 100%;
    }

        .detail-pro .table .item.n {
            border-bottom: none;
        }

    .detail-pro .container {
        transform: translateY(0px);
        background-color: #fff;
        padding: 21px;
    }
}