@media (max-width:1024px){
    .menu { display: none; }
    .menu-res{display:block;}
    .breadCrumbs .wrap-content{padding:10px 15px;}
    .wrap-container{overflow:hidden;}
    .padding50{padding:30px 0px;}
    .mm-listitem a{text-transform: capitalize;}
    .martop30{margin-top:20px;}
    .martop20{margin-top:10px;}
    .padding50{padding:30px 0px;}
    .padding30{padding:10px 0px;}
    .mb_none{display:none;}
    .footer-news.mgb-res{margin-bottom:20px;}
    .logo_res{display:flex;align-items:center;justify-content:center;}
    .grid__product{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.5rem;}
    .search-res-w100 p{
        background:#fff;
        color:var(--color-main);
    }
    .product__pic{
        width: unset;
        height: unset;
    }
    .header__bottom,.header_top,.menu_gr{
        display: none;
    }
    .grid__product_detail {
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-bottom: 1.5rem;
    }
    .header{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }
.header .logo__header{
    zoom: 0.7;;
}
.top_content1 {
    font-size: 20px;
}
.title__price__list li:first-child a::after {
  display: none;
}
.title__price__list li:last-child a::after {
    display: none;
}
.title__price__list {
    background: url(../images/banggia_menu.png) no-repeat;
    background-size: cover;
    padding: 8px 31px;
    border-radius: 108px;
    overflow: hidden;
}
.title__price__list li a.active, .title__price__list li a:hover {
    background-color: var(--color-main);
    color: #fff;
    border-radius: 30px;
}
.title__price__list li a {
    font-size: 15px;
    padding: 11px 11px;
}
.title__price__list li {
    margin: 8px 5px;
}
.price_list_img {
    border-radius: 18px;
    padding: 10px;
    min-height: unset;
}
.price_list_text {
    font-size: 12px;
}
.price_list_box::after {
    display: none;
}
.row_control div:first-child {
    padding-left: 10PX;
}
.product_left {
    display: none;
}
.product_right {
    width: 100%;
}
.row_control::after {
   display: none;
}
.title__product__cat {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin-top: 10px !important;
}
.desc__aboutus.text-split {
    -webkit-line-clamp: 10;
    width: 100%;
    font-size: 17px;
}
.gt_hotline_gr {
    display: flex !important;
    align-items: center;
    zoom: 0.8;
    margin: 24px 0px;
}
.aboutus__right.col-md-6 {
    padding-left: 25px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 0;
}
.aboutus__grid {
    display:grid;
    gap:10px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width: 100%;
}
.box__criteria.le {
    margin-top: 0px;
}

.criteria__name.text-split {
    line-height: 22px;
    -webkit-line-clamp: 2;
    font-size: 17px;
}
.list_criteria::after {
    display: none;
}
.news_name.text-split {
    -webkit-line-clamp: 2;
}
.news_sub .news_name.text-split {
    -webkit-line-clamp: 3;
    font-size: 14px;
    line-height: 19px;
}

.video_main{
    margin-top: 20px;
}
.up_bttn {
    top: -15px;
}
.name__footer span {
    text-align: center;
}
.copyright {
    text-align: center;
    display: flex;
    color: #fff;
    font-size: 11px;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.social-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px !important;
    padding-bottom: 51px !important;
}

.aboutus__right::after {
  display: none;
}
.banggia_img{
    display: none;
}
    .title__item{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
.list_cat_group .mgb-res {
    margin-bottom: 15px !important;
}
.list_cat_group  .title__item li a {
    padding: 11px 11px;
}
.video-index{
    width: 100% !important;
    height: 100% !important;
}
}
@media (max-width:992px) {
        .wrap_price_list {
            aspect-ratio: unset;
        }
                .slideshow{aspect-ratio: 390/135.5;}
    .header{aspect-ratio: 390/106;}
    .img-auto img{width:auto !important;height:auto !important;}
    .title__main h1, .title__main h2, .title__main span {
        font-size: 20px;}
    .title__main .slogan{font-size:13px;}
    .mgb-res{margin-bottom:30px;}
    .mb-none{display: none !important;}
    .py-50{padding-top: 30px !important;padding-bottom: 30px !important;}
    .mb-50{margin-bottom: 30px !important;}
    .header__bottom{text-align: center;}
    .header__bottom-left{width: 100%;}
    .header__bottom-right{width: 100%;}
    .title__aboutus h2{text-align   :center;font-size:25px;}
    .btn__submit{margin-bottom: 10px;}
    .title__newsletter h2{font-size: 30px;}
    .name__footer{font-size: 35px;}
    .product__left{width: 100%;}
    .product__right{width: 100%;}
    .title__product h2 i{font-size: 16px;}
    .title__product h2 span{font-size: 26px;}
    .title__product-list .tit{font-size: 28px;}
    .title__product-list img{max-width: 30px !important;}
    .title__product-list .tit::after {
        background: url('../images/aftit.png') no-repeat;
        -webkit-background-size: contain;
           -moz-background-size: contain;
             -o-background-size: contain;
                background-size: contain;
        height: auto;
        bottom: -6px;
    }
    .grid__product{gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr));}
    .product .price-new {
        font-size: 15px;
    }
    .product .price-old {
        font-size: 12px;
    }
    .btn__buy{font-size: 14px;}
    .btn__product{font-size: 13px;}
    
    }
    @media (max-width:768px){
    .pic-news{width:40%;}
    .info-news{width:60%;padding-left:10px;}
    .name-news{font-size:15px;}
    .desc-news.text-split{-webkit-line-clamp:2;}
    }
    @media (max-width:576px){
        .grid__product{gap: 5px; grid-template-columns: repeat(2, minmax(0, 1fr));}
    }
    