@media (max-width: 1200px){

}
@media (max-width: 1024px){
    .album-item{
        margin-bottom: 10px;
    }
    .row-20-cus{
		margin-left: -5px;
		margin-right: -5px;
	}
	.col-20-cus{
		padding-left: 5px;
		padding-right: 5px;
	}
    .grid-news{
        grid-template-columns: repeat(3,1fr);
        gap: 10px;
    }
    .header__top-flex{justify-content: center;}
    .footer-flex{flex-direction:column;gap:20px}
    .footer-flex>*{width:100%!important;overflow: hidden;}
    .splide__arrow{display:none}
    .header__top-info,.social,.header__bottom,.search-inline,.menu{display:none!important}
    .menu-res{display:flex!important}
    .logo-mb{display:inline-block;text-align:center;max-width: 90px;}
    .menu_baophu{background:#000;opacity:.8;z-index:998;left:0;top:0;position:fixed;width:100%;height:100%;display:none}
    .icon_menu_mobi{color: var(--color-main);font-size:25px;text-decoration:none;width:35px;display:block;cursor:pointer;margin:0;text-align:center}
    .home_mobi{color:#fff;text-decoration:none;float:right;font-size:20px}
    .logo-mobi{display:inline-block;max-width: 90px;}
    .menu_mobi{background: #fff;padding:5px 10px;width:100%;display:flex;align-items:center;justify-content:space-between;height:100%;cursor:pointer;position:sticky;top:0;z-index:10;box-shadow:rgba(100,100,111,.2) 0 5px 20px}
    .menu_mobi_add{position:fixed;top:0;left:-100%;bottom:0;width:350px;max-width:85%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);transition:.5s;z-index:9999999}
    .menures_inner{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;height:100%;width:100%}
    .menures_header{padding:10px;position:relative;background:#fff;filter:drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))}
    .menures_content{padding:5px;position:relative;overflow-y:scroll;height:100%;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:none}
    .menu_mobi_active{left:0;transition:.5s}
    .menu_mobi_add ul{list-style:none;padding:0;margin:0}
    .menu_mobi_add ul li.li-tim{display:none}
    .menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
    .menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
    .menu_mobi_add ul li b img{display:inline-block;vertical-align:top}
    .menu_mobi_add ul li a{color:#191919;padding: 6px 30px 6px 5px;position:relative;font-size:16px;transition:.3s!important;font-weight:500;border-radius:10px;display:flex;align-items:center;gap:12px}
    .menu_mobi_add ul li a svg{display:none}
    .menu_mobi_add ul li a i{position:absolute;right:5px;transform:rotate(0);width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-main);border-radius:50%;top:calc(50% - 25px / 2)}
    .menu_mobi_add ul li a.active2 i{transform:rotate(90deg);color:#fff;box-shadow:0 0 0 25px var(--color-main) inset}
    .menu_mobi_add ul ul{display:none;padding-left:15px;margin:5px 0 10px 0}
    .menu_mobi_active .menu_lvl2>ul{padding:0}
    .menu_mobi_add ul li ul li a{padding-left:20px;color:#6f6f6f;font-size: 14px;}
    .menu_mobi_add ul li ul li ul li a{padding-left:20px;}
    .menu_mobi_add ul li:last-child a{margin-bottom:0}
    .thongtin-mb ul li{list-style:none;color:#000;font-weight:500;margin-bottom:15px}
    .thongtin-mb ul li:last-child{margin-bottom:0}
    .thongtin-mb ul li i{font-size:19px;margin-right:10px;color:var(--color-main)}
    .close_menu{display:inline-block;cursor:pointer;position:absolute;top:5px;right:5px;width:25px}
    .menures_footer{padding:10px;margin-top:auto;background:#f7f7f7;border-top:solid 1px #e4e8ed}
    .left-newsnb, .right-newsnb,.right-service,.left-service,.left-dichvu,.right-dichvu,.content-about,.photo-about{width: 100%;}
    .right-newsnb,.right-service,.right-dichvu,.photo-about{margin-top: 20px;}
    .xthem-dv,.view-about{padding: 10px 20px;font-size: 14px;}
    .title-index h2{font-size: 32px;}
    .newsnb-wrap .news-item__name,.news-item__name{font-size: 16px;}
    .right-newsnb{gap:20px 10px}
}
@media (max-width: 850px) {
    .title-orther{margin-bottom: 10px;}
	.news-left{width: 100%;}
	.news-right{width: 100%;padding: 10px;}
}
@media (max-width: 768px){
    .name-newsnew{font-size: 14px;}
    .cart-head{bottom: 207px;}
    .contact-flex,.prodetail__header{grid-template-columns:1fr}
    .product-item__price--per{display:none}
    .grid-news{grid-template-columns: repeat(2,1fr);}
    .name-catagoty,.title-index p,.title-about{font-size: 16px;}
    .title-about p{font-size: 25px;}
    .slogan-dv,.desc-about{font-size: 15px;}
    .xthem-dv,.view-about{padding: 10px 20px;font-size: 14px;}
    .prolistNb-wrap .title-main h2,.title-index h2{font-size: 26px;}
    .step{font-size: 60px;}
    .xthem-dv2{min-width: 130px;}
    .news-item__info{padding: 20px 10px;}
    .xtatca{top:7px;font-size: 13px;}
    .fomrdk{grid-template-columns: 1fr;}
    .footer-name{font-size: 20px;}
}
@media (max-width: 576px){
    .view-about{margin-top: 0;}
    .doitac-wrap{padding-bottom: 30px;}
    .footer-article{padding-top: 0;}
    .title-dknt h2{font-size: 24px;}
    .right-service .news-item{margin: 5px;}
    .news-item{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.18);}
    .wrap-dichvu{padding-bottom: 30px;}
    .footer-flex,.pd-80,.w-about-us{padding: 30px 0px;}
    .footer-name{font-size: 18px;}
    .right-service .news-item {margin: 10px 5px;}
    .right-service .news-item__pic{height: auto;}
    .info-catagoty{padding: 20px 12px;}
    .newsnb-wrap .news-item__name,.news-item__name,.title-about,.title-index p{font-size: 15px;}
    .title-index h2{font-size: 22px;}
    .abs-num{font-size: 50px;}
    .name-tchi{font-size: 26px;}
    .desc-catagoty,.desc-tchi,.desc-about{font-size: 14px;}
    .title-orther,.prolistNb-wrap .title-main h2,.title-about p{font-size: 20px;}
    .flex-about{grid-template-columns:1fr;}
    h1.title-detail{font-size: 1.4rem;}
    .xtatca {position: static;margin-top: 10px;}
	.wap_news_new span,.name-catagoty{font-size:15px}
}
@media (max-width: 465px){
    .box-visao{margin-bottom: 10px;}
    .news-item__name{line-height: 22px;}
    .news-item__name,.newsnb-wrap .news-item__name,.name-catagoty{font-size: 14px;}
    .step{font-size: 45px;}
    .right-dichvu{gap:10px}
    .prodetail__actions{grid-template-columns:1fr}
}