@media only screen and (max-width: 992px) {
    .vnd-slide-banner {
        flex: 0 0 100%;
        width: 100%;
    }
    body.home .vnd-list-cat-main.vnd-list-show {
        top: 42px;
    }
    .vnd-cat-dropdown i {
        margin-left: 0px;
    }
    .vnd-cat-dropdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .vnd-core-value-item img {
        height: 50px;
    }
    .vnd-core-value-item p {
        max-width: 80px;
        font-size: 12px;
    }
    .vnd-show-attr-mb {
        display: block;
        position: relative;
        margin: 15px 0;
    }
    .vnd-hide-mb {
        display: none;
    }
    .vnd-product-information .vnd-main-pro-infor,
    .vnd-post-infor,
    .vnd-product-news {
        flex: 0 0 100%;
        width: 100%;
    }
    .vnd-product-news .vnd-product-item {
        flex: 0 0 calc(50% - 2px);
        width: calc(50% - 2px);
    }
    .vnd-pro-attr {
        position: relative;
        top: 0;
    }
}
@media only screen and (max-width: 768px) {
    .vnd-header-scroll {
        display: none !important;
    }
    .vnd-menu-mb {
        display: block;
        color: var(--color-main);
        font-size: 25px;
        line-height: 0;
    }
    .vnd-core-value {
        display: none;
    }
    .vnd-header-top {
        position: fixed;
        width: 100%;
        height: calc(100% - 10px);
        z-index: 13;
        background: #00000085;
        right: -120%;
        top: 0;
        padding-top: 10px;
        transition: all 0.3s ease;
    }
    .vnd-header-top.vnd-header-top-active {
        right: 0;
    }
    .vnd-header-top .vnd-menu-main,
    .vnd-header-top .vnd-menu-infor,
    .vnd-above-footer .vnd-contact,
    .vnd-above-footer .vnd-news,
    .vnd-footer-item,
    .vnd-pro-img, 
    .vnd-pro-infor {
        flex: 0 0 100%;
        width: 100%;
    }
    .vnd-pro-img {
        margin-bottom: 15px;
    }
    .vnd-show-attr-mb {
        margin-top: 0;
    }
    .vnd-close-icon {
        color: var(--color-second);
        display: inline-block;
    }
    .vnd-header-top .vnd-section {
        justify-content: flex-end;
    }
    .vnd-header-top .vnd-menu-main a {
        display: block;
        padding-left: 0;
    }
    .vnd-header-top .vnd-menu-infor span:first-child {
        display: block;
        margin: 15px 0;
    }
    .vnd-header-top .vnd-menu-infor span.vnd-hotline {
        margin-left: 0;
    }
    .vnd-slide-banner .swiper-slide a {
        height: 300px;
    }
    .vnd-product-item {
        flex: 0 0 calc(50% - 2px) !important;
        width: calc(50% - 2px) !important;
    }
    /* body.home .vnd-product-list .vnd-product-item:last-child,
    body.single-san-pham .vnd-product-list .vnd-product-item:last-child {
        display: none;
    } */
    .vnd-footer-item {
        margin-bottom: 15px;
    }
    footer {
        padding: 15px 0;
    }
    footer .vnd-line {
        margin-bottom: 15px;
    }
    .vnd-img-logo {
        flex: 0 0 140px;
        width: 140px;
    }
    .vnd-list-cat-main {
        width: calc(100vw - 30px);
    }
    .vnd-header-second {
        background-color: white;
        transition: all 0.3s ease;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 12;
    }
    body {
        padding-top: 79px;
    }
    .vnd-active-scroll .vnd-header-second {
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 15%);
    }
    .vnd-breadcrumb a {
        margin-bottom: 5px;
    }
    .vnd-breadcrumb {
        margin-bottom: 15px;
    }
    .vnd-news-item-main:nth-child(2) {
        margin: 0;
    }
    .vnd-news-list {
        justify-content: space-between;
    }
    .vnd-news-list .vnd-news-item-main {
        width: 48%;
        flex: 0 0 48%;
        margin-bottom: 15px;
    }
    .vnd-news-item-main img {
        height: 200px !important;
    }
    .vnd-contact-now .vnd-img-sec-contact,
    .vnd-contact-now .vnd-sec-form-contact {
        flex: 0 0 100%;
        width: 100%;
    }
    .vnd-contact-now .vnd-img-sec-contact {
        margin-bottom: 15px;
    }
    .vnd-img-logo img {
        width: 100%;
        height: 49px;
        object-fit: contain;
    }
    .vnd-header-top-mb {
        display: block;
    }
    .vnd-menu-main-desktop {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    .vnd-news-item-main img {
        height: 180px !important;
    }
    .vnd-product-taxonomy,
    .vnd-product-taxonomy-content {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    .vnd-product-taxonomy {
        position: relative;
        top: 0;
    }
    .vnd-news-list .vnd-news-item-main {
        width: 100%;
        flex: 0 0 100%;
    }
    .responsive-table { display: flex; flex-direction: column; margin-bottom: 1.5em; }
    /* Header row */
    /* Any other row */
    .entry-content .responsive-table .row { 
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 8px;
    }
    /* Cell styling */
    .entry-content .responsive-table .cell {
        padding: 5px;
    }
    /* Label for stacked layout */
    .entry-content .responsive-table .cell .label {
    font-weight: bold;
    margin-bottom: 0.25em;
    text-transform: uppercase;
    font-size: 0.85em;
    color: #555;
    }
    /* Value */
    .entry-content .responsive-table .cell .value { font-size: 0.95em; }
}
@media only screen and (max-width: 450px) {
    /* .vnd-news-item-main img {
        height: 140px !important;
    } */
}
@media only screen and (max-width: 420px) {
    .vnd-slide-banner .swiper-slide a {
        height: 250px;
    }
    .vnd-cat-dropdown {
        font-size: 14px;
    }
    .vnd-news-item .vnd-news-img {
        width: 140px;
        height: 100px;
        flex: 0 0 140px;
    }
    .vnd-news-item .vnd-news-infor {
        width: calc(100% - 150px);
        flex: 0 0 calc(100% - 150px);
    }
    .vnd-wrap-library a {
        width: 100px;
        height: 80px;
    }
    .vnd-list-post .vnd-search-form {
        flex: 0 0 100%;
        width: 100%;
        margin-top: 15px;
    }
    .vnd-search-form,
    .vnd-menu-main {
        flex: 0 0 100%;
        width: 100%;
    }
    .vnd-search-form {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 380px) {
    .vnd-slide-banner .swiper-slide a {
        height: 190px;
    }
}
@media only screen and (max-width: 370px) {
    .vnd-news-item-main img {
        height: 100px !important;
    }
}
@media only screen and (max-width: 340px) {
    .vnd-cat-dropdown {
        font-size: 12px;
    }
}