@media screen and (max-width: 1366px) {
    .content-banner-wrapper .content-banner-intro {
        width: auto;
        flex: 1;
    }
}

@media screen and (max-width: 1280px) {
    .chaoBanList .itemChaoBan-group-button,
    .product-item-wrapper .itemChaoBan-group-button,
    .relatedProductsCarousel .itemChaoBan-group-button {
        flex-direction: column;
    }

        .chaoBanList .itemChaoBan-group-button a,
        .product-item-wrapper .itemChaoBan-group-button a,
        .relatedProductsCarousel .itemChaoBan-group-button a {
            width: 100% !important;
        }
}

@media screen and (max-width: 1240px) {
    .banner-content-wrapper {
        top: 15px;
        left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .nhaCungCapList .itemNhaCungCap {
        flex-direction: column;
    }

    .content-banner-wrapper {
        flex-direction: column;
    }

    .content-banner-layout {
        height: 506px;
    }

    .bannerThumbSwiper {
        width: 114px;
    }

    .content-banner-wrapper .ContentBannerPane {
        width: 100%;
    }

    .bannerMainSwiper .banner-main-item {
        height: 100%;
    }

        .bannerMainSwiper .banner-main-item img {
            aspect-ratio: unset;
            height: 100%;
        }

    .bannerMainSwiper .banner-main-item a {
        height: calc(100% - 46px);
    }

    .banner-content-wrapper {
        max-width: 70%;
    }

    .banner-content-wrapper .banner-content {
        -webkit-line-clamp: 2;
    }

    .techport-intro .benefits-grid {
        --spacing: 12px;
    }
}

@media screen and (max-width: 1117px) {
    .header .header_optional {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 991px) {
    .techport-intro .benefits-grid {
        --spacing: 24px;
        --columns: 3;
    }

    .chaoBanList,
    .chaoBanList .chaoBan-item,
    .SectionSangChe .DanhSachTinBai .list_news,
    .SectionSangChe .DanhSachTinBai .list_news li,
    .product-item-wrapper, .unit-item-wrapper,
    .layout-3-col .event-other {
        --columns: 2;
        --spacing: 16px;
    }

        .chaoBanList .itemChaoBan-group-button,
        .product-item-wrapper .itemChaoBan-group-button,
        .relatedProductsCarousel .itemChaoBan-group-button {
            flex-direction: row;
        }

    .TitleCM-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .TitleCM-alt {
        position: absolute;
        right: 0;
        top: 6px;
    }

        .TitleCM-alt.TitleCM-alt-filter {
            position: relative;
            right: auto;
            top: auto;
            width: 100%;
        }

    .search-form {
        flex: 1;
    }

    .TitleCM-alt-filter input[type="text"] {
        width: 100% !important;
    }

    .main > h4 {
        margin-bottom: 10px;
    }

    .home-layout .main-body-content.main-body-content-home section {
/*        padding: 16px 0;*/
    }

    .inner-layout #dnn_BannerPane,
    .inner-content .list_Banner {
        display: none;
    }

    .sanpham-detail-top {
        flex-direction: column;
        align-items: flex-start;
    }

        .sanpham-detail-top .sanpham-detail-image,
        .sanpham-detail-top .sanpham-detail-info {
            width: 100%;
        }

    .lSSlideOuter .lSPager.lSGallery {
        margin: 0 -5px;
    }

    footer .Footer_QR {
        align-items: flex-start;
        padding: 5px 0;
        row-gap: 15px;
    }

}

@media screen and (max-width: 900px) {
    .info-section-service .services-grid {
        flex-direction: column;
    }

    .info-section-service .service-card {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .cg-description-section-wrapper {
        flex-direction: column;
    }

        .cg-description-section-wrapper > * {
            width: 100%;
        }

    .techport-intro .intro-header {
        flex-direction: column-reverse;
    }

    .techport-intro .grid-2-cols {
        --columns: 1;
        gap: 24px
    }

    .home-list-banner,
    .home-list-banner .home-banner-item,
    .nhaCungCapList,
    .nhaCungCapList .itemNhaCungCap,
    .timua-item-wrapper {
        --columns: 2;
        --spacing: 16px;
    }

    .SectionSangChe .DanhSachTinBai .list_news,
    .SectionSangChe .DanhSachTinBai .list_news li {
        --columns: 1;
        --spacing: 16px;
    }

    .chaoBanList .itemChaoBan-group-button,
    .product-item-wrapper .itemChaoBan-group-button,
    .relatedProductsCarousel .itemChaoBan-group-button {
        flex-direction: column;
    }

    .dateLimit {
        flex-direction: column;
        gap: 6px !important;
    }

    .nhaCungCapList .itemNhaCungCap {
        flex-direction: row;
    }

    .itemTimMua .infoTimMua-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .bannerThumbSwiper {
        width: 100%;
    }

    .bannerMainSwiper .banner-main-caption {
        height: auto;
    }

    .mainContenData-head {
        flex-direction: column;
        align-items: flex-start;
    }

        .mainContenData-head .searchHeader,
        .mainContenData-head input {
            width: 100%;
            max-width: 100%;
        }

    .mainContenData-supplier .select2-container {
        margin-left: 0;
        width: 100% !important;
    }

    .product-item-wrapper .product-item .card-img-top,
    .relatedProductsCarousel .product-item .card-img-top {
        height: auto !important;
    }

    .supplier-details-body {
        flex-direction: column;
        gap: 12px;
    }

    .supplier-avatar-box {
        left: 50%;
        transform: translateX(-50%);
    }

    .supplier-details-body {
        margin-left: 0;
        padding-top: 100px;
    }

    .supplier-banner-img {
        aspect-ratio: 2;
    }

    .supplier-header {
        margin: 0 auto;
        text-align: center;
    }

    .supplier-name {
        margin-bottom: 6px;
        text-align: center;
    }

    .supplier-sub-info p {
        width: 100%;
    }

    .contact-section {
        flex-direction: column;
        gap: 30px;
    }
}

@media screen and (max-width: 575px) {
    .group-button-action,
    .mainContentData-detail .related-card-meta-wrapper {
        flex-direction: column;
    }

    .group-button-action > * {
        width: 100%;
    }

        .group-button-action > .btn.btn-primary.btn-gui:before {
            display: none;
        }

    .techport-intro .benefits-grid {
        --spacing: 12px;
        --columns: 2;
    }

    .supplier-info-wrapper {
        position: relative;
        padding: 0 16px 16px;
    }

    .chaoBanList .itemChaoBan-img img,
    .product-item-wrapper .product-item .card-img-top,
    .relatedProductsCarousel .product-item .card-img-top,
    .product-item-wrapper .product-item > a,
    .relatedProductsCarousel .product-item > a,
    .chaoBanList .itemChaoBan-img img, 
    .product-item-wrapper .product-item .card-img-top, 
    .relatedProductsCarousel .product-item .card-img-top {
        aspect-ratio: 1;
    }

    .product-item-wrapper .itemChaoBan-linhVuc,
    .relatedProductsCarousel .itemChaoBan-linhVuc {
        font-size: 9px;
    }

    .product-item-wrapper .product-item .card-body,
    .relatedProductsCarousel .product-item .card-body {
        padding: 6px 10px 12px;
    }

    .menu-bar .header_top .nav-brand {
        float: unset;
    }

    .menu-bar .header_top .nav-brand > a {
        flex-shrink: revert;
        display: block;
    }

    .searchHeader,
    .searchHeader .search-input {
        width: 100%;
        min-width: 100%;
    }

    .menu-bar .header_top .nav-brand img {
        width: calc(100% - 35px);
        max-width: 100%;
    }

    .TitleCM > h4 {
        font-size: 20px;
    }

    .chaoBanList .itemChaoBan-content {
        padding: 6px 8px 9px;
    }

    .TinBai2Cot_TieuDiem .right-pane ul li > a {
        width: 40%;
    }

    .nhaCungCapList .itemNhaCungCap {
        flex-direction: column;
    }

    .TitleCM-alt.TitleCM-alt-filter {
        flex-direction: column-reverse;
        display: flex !important;
    }

        .TitleCM-alt.TitleCM-alt-filter .search-form {
            width: 100%;
        }

    .TitleCM-alt-filter .select2-container,
    .TitleCM-alt-filter .select2-container--default .select2-selection--single,
    .TitleCM-alt-filter input[type="text"]
    .search-form {
        width: 100% !important;
    }

    .TitleCM-alt {
        display: none;
    }

    .unit-item-wrapper .itemNhaCungCap .logoNhaCungCap {
        width: 50%;
        height: auto;
        aspect-ratio: 1;
    }

        .nhaCungCapList .logoNhaCungCap img, .unit-item-wrapper .itemNhaCungCap .logoNhaCungCap img {
            width: 100%;
            height: 100%;
            aspect-ratio: 1;
        }

    .unit-item-wrapper .itemNhaCungCap {
        flex-direction: column;
    }

    .chuyen-gia-detail-wrapper {
        flex-direction: column;
        gap: 16px;
    }

    .cg-info-list p:not(:last-child) {
        margin-bottom: 8px;
    }

    .cg-related-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-section .contact-background {
        width: 100%;
        height: auto;
        aspect-ratio: 1.27;
    }

    .DanhSachTinBai .list_news li .item_img {
        aspect-ratio: 1.3;
    }

    .DanhSachTinBai .list_news li .news_info .news_meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .layout-3-col .DanhSachTinBai ul.list_news li.news_sangche .news_info,
    .layout-3-col .DanhSachTinBai ul.list_news li.news_sangche .news_info .news_meta {
        gap: 8px;
    }

    .layout-3-col .DanhSachTinBai ul.list_news li.news_sangche .news_info {
        padding: 12px 12px 16px;
    }
}

@media screen and (max-width: 480px) {
}


@media screen and (max-width: 430px) {
    .itemChaoBan-ratting {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 440px) {
    .content-banner-wrapper .content-banner-stat {
        flex-direction: column;
    }

    .content-banner-wrapper .content-banner-stat-item {
         max-width: none; 
    }
}

@media screen and (max-width: 400px) {
    .TinBai2Cot_TieuDiem .right-pane ul li {
        flex-direction: column;
    }

    .TinBai2Cot_TieuDiem .right-pane ul {
        max-height: 600px;
    }

        .TinBai2Cot_TieuDiem .right-pane ul li > a {
            width: 100%;
        }

    .TitleCM > h4 {
        font-size: 18px;
    }

}