@media (max-width: 1200px) {
    ul.menu_desktop>li {
        margin-left: 0px;
    }

    .imgsCN .img1 {
        width: calc(55% - 10px);
    }

    .imgsCN .gridImgCN {
        width: 45%;
    }
}

@media (max-width:1024px) {
    .menu ul li a {
        text-align: center;
        padding: 10px 10px
    }
    .flexTopHeader .col-l{display: none;}
    .flexTopHeader .col-r{width: 100%; text-align: center;}
    .flexTopHeader .col-r ul{justify-content: center;}
    .header_wrap{
        display: none !important
    }
    .header_mb {
        display: block;
    }

    .menu-res {
        display: block
    }

    .menu_mobi {
        display: flex;
    }

    .col-video {
        width: 100%;
        border-radius: 15px;
        margin-left: 10px;
        margin-right: 10px;
        order: 2;
    }

    .col-info-video {
        width: 100%;
        padding: 0px 15px 30px;
        order: 1;
    }

    .name_vd {
        font-size: 35px;
    }

    .gridGallery {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .ic-menu-l, .ic-menu-r {display: none;}
    .col-imgs-menu{display: none;}
    .col-menu-home{width: 100%;}
    .col-menu-home .name-menu-home{font-size: 50px; margin-bottom: 7px;}
    .flexProListNB .itemLNB{font-size: 16px; margin-right: 35px;}
    .flexProListNB .itemLNB.active{font-size: 18px;}
    .rowMenuHome .info .name a{font-size: 15px;}
    .rowMenuHome .info .txt{font-size: 12px;}
    .rowMenuHome .price .r1{font-size: 14px;}
    .rowMenuHome .price .r2{font-size: 12px;}

}

@media (max-width:870px) {
    .chinhanh_flex {
        flex-direction: column;
        gap: 0
    }

    .chinhanh_left,
    .chinhanh_right {
        width: 100%
    }

    .gridNews {
        grid-template-columns: 1fr;
        gap: 25px
    }

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

    .left_pro_detail,
    .right_pro_detail {
        width: 100%
    }

    .gridProduct {
        grid-template-columns: repeat(3, 1fr);
    }

    .gridGallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .spacer {
        margin: 40px 0
    }

    #about_home {
        padding: 30px 0px;
    }

    .info_about {
        width: 100%;
    }

    .img_about {
        width: 100%;
    }

    .name_about .r1 {
        font-size: 38px;
        line-height: 35px;
    }

    .name_about .r2 {
        min-height: 74px;
        padding-left: 105px;
        background-size: auto 76px;
    }

    .name_about .r2>p:nth-child(1) {
        font-size: 20px;
    }

    .name_about .r2>p:nth-child(2) {
        font-size: 35px;
    }

    .info_about::after {
        display: none;
    }

    .logo-mb {
        display: inline-block;
        text-align: center
    }

    .hidden_destop {
        display: block
    }

    .menu_baophu {
        background: #000;
        opacity: .8;
        z-index: 998;
        left: 0;
        top: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        display: none
    }



    .menures_footer {
        padding: 15px;
        margin-top: auto;
        background: #f7f7f7
    }

    .wrap-other .col-left {
        width: 60%;
    }

    .news-f .img {
        width: 40%;
    }

    .news-f .info {
        width: 60%;
    }

    .wrap-other .col-right {
        width: calc(40% - 20px);
    }

    #newsHome::after {
        display: none;
    }
}

@media (max-width: 769px) {
    .imgsCN .img1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .imgsCN .gridImgCN {
        width: 100%;
    }

    .wrap-other .col-left {
        width: 100%;
    }

    .wrap-other .col-right {
        width: 100%;
    }

    .news-f {
        flex-wrap: wrap;
    }

    .news-f .img {
        width: 100%;
    }

    .news-f .info {
        width: 100%;
        padding: 20px 15px;
    }

    .slogan {
        font-size: 14px;
    }

    .title-main h2 {
        font-size: 21px;
    }

    .wrap_name h2 {
        font-size: 21px;
    }

    .l-name-yt .name{font-size: 21px;}
    .frm-datbat .title{font-size: 21px;}

    .l-blog {
        width: 100%;
    }

    .r-blog {
        width: 100%;
        margin-top: 30px;
    }

    .r-blog img {
        width: 100%;
        height: auto;
    }

    .footer_news:nth-child(1), .footer_news:nth-child(2), .footer_news:nth-child(3) {
        width: 100%;
        margin-bottom: 50px;
    }

    .footer_news:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    .footer_news:nth-child(3) {
        margin-bottom: 0px;
    }

    .product_pic {
        padding-right: 0px;
    }

    #newsHome {
        padding: 40px 5px 30px;
    }

    .flexNews {
        padding: 0px;
    }

    .col-tc {
        width: 100%;
    }

    .col-img-tc {
        display: none;
    }

    .item_rv {
        text-align: center;
    }

    .item_rv .img {
        margin: auto;
    }

    .item_rv .info {
        width: 100%;
        padding: 20px 0px 0px;
    }
    .r-name-yt{display: none;}
    .info_slide .name{font-size: 30px;}
    .info_slide .desc{font-size: 12px;}
    .view_slide span {
        font-size: 12px;
        padding: 8px 50px 7px 22px;
        background: var(--maincolor) url(../imgs/ic_arrow.png) no-repeat calc(100% - 23px) center;
    }
}

@media (max-width:640px) {
    .titleHeader{font-size: 22px;}
    .product__name.text-split {
        font-size: 14px
    }

    .gridProduct {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .product_item {
        border-radius: 15px;
        padding: 7px;
    }

    .product_pic {
        border-radius: 10px;
    }

    .product__view {
        font-size: 12px;
    }

    .control_slide {
        display: none;
    }

    .list_monnb button {
        padding: 7px 13px;
        font-size: 13px;
    }

    .wrapOwl {
        padding: 0px 15px;
    }

    .nextOwl {
        right: 0px;
        top: 48px;
    }

    .prevOwl {
        left: 0px;
        top: 48px;
    }

    .item_product h3.name {
        padding: 6px;
        font-size: 14px;
    }

    #newsHome {
        background-size: auto;
    }

    .flexActionMenu a{font-size: 14px; padding: 6px 12px 5px;}
}   

@media (max-width:480px) {
    #main-header{min-height: 150px;}
    #why {
        background: none;
        padding: 0px;
    }

    #why .wrap-content {
        padding: 0px;
    }

    .item-why .img {
        min-width: 40px;
    }

    .item-why .info .r1 {
        font-size: 16px;
    }

    div#footer-map iframe {
        height: 240px;
    }

    #datban{padding: 30px 10px;}
    #datban .col-img {
        display: none;
    }

    .info_slide{display: none;}
}