@media (max-width:870px){
.btn_dt{position: fixed;right: 0px;bottom: 165px;font-size: 12px;width: 150px;line-height:35px;}


.footer-flex{flex-direction:column;gap:30px}
.footer-flex>*{width:100%!important}
.splide__arrow{display:none}
.footer_flex{flex-direction:column;gap:30px}
.footer_flex>*{width:100%!important}
.header-wrap,.menu{display:none!important}
.menu-res{display:flex!important}
.logo-mb{display:inline-block;text-align:center;max-width:200px}
.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:#fff;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:100px}
.menu_mobi{background:var(--color-main);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:8px 30px 8px 5px;position:relative;font-size:16px;transition:.3s!important;font-weight:500;border-radius:10px;display:flex;align-items:center;gap:12px;text-transform: capitalize;}
.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}
.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}
.search-section{width: 100%;}
.recruitment-card{width: 100%;}
.btn_dt1{color: #fff;font-size: 10px;margin-top: 5px;text-align: center;}
.logo_mobile_id{text-align: center;}

}
@media (max-width:769px){
    .banner-container{padding: 40px 0px;}
    .h2_nhadat{text-align: center;font-size: 26px;margin-bottom: 20px;}
    .main-content{padding: 0px 10px;}
    .recruitment-card h3{font-size: 28px;}
    .duan_id{padding-top: 70px;padding-bottom: 40px;}
    .recruitment-card{padding: 40px 20px;}
    .gird_da{grid-template-columns: repeat(2, 1fr);gap: 10px;}
    .product-item__name{font-size: 14px;}
    .wrap-content{padding: 0px 10px;}
    .tt_property_giatxt span{font-size: 14px;}
    .info_poperty p{width: 100%;}
    .info_poperty p{width: 100%;}
    .info_poperty_dt .tt_property:nth-child(2){margin-left: unset;}
    .tt_property{flex-wrap: wrap;}
    .desc_product{margin-bottom: 6px;}
    .product-item__name{-webkit-line-clamp: 2;}
    .product-item__name{margin-bottom: 3px;}
    .btn_xtc{font-size: 14px;}
    .about_box{padding: 40px 0px;}
    .photo-about{width: 100%;margin-top: 30px;}
    .content-about{width: 100%;text-align: center;}
    .about_slogan{margin: auto;margin-bottom: 10px;}
    .title-about h2{font-size: 25px;}
    .view-about{margin: auto;margin-top: 20px;}
    .tintuc_id,.social_id{padding-top: 70px;padding-bottom: 40px;}
    .dk_id{padding: 40px 0px;}
    .thongtin_dk_l{width: 100%;text-align: center;margin-bottom: 20px;}
    .thongtin_dk_r{width: 100%;}
    .dk_title{font-size: 13px;}
    .dk_h2{font-size: 25px;margin-bottom: 10px;}
    .form-button{justify-content: center;}
    .facbook_l{width: 100%;margin-bottom: 70px;}
    .tt_r{width: 100%;}
    .footer-article{padding: 40px 0px;}
    .footer-title1{font-size: 14px;}
    .title_company{font-size: 18px;}
    .footer-title{font-size: 16px;}
    .footer-flex{gap: 10px;}
    .title-main h1, .title-main h2{font-size: 25px;}
    .gglang img{width: 30px;}
    #flags{justify-content: center;margin-top: 5px;}
    .contact-form{padding: 0;}
    .box_cv_vc .form-group{margin-bottom: 5px;}
    .box_cv_vc input,.box_cv_vc select{font-size: 14px;}
    .section-title{font-size: 1rem;}
    .photo-about{order: 2;}
    .content-about{order: 1;}

}

@media (max-width:600px){
.contact-flex,.prodetail__actions,.prodetail__header{grid-template-columns:1fr}
.product-item__price--per{display:none}
}

@media (max-width:441px){
    .banner-container .input-group input{padding: 8.5px 15px;}
    .form-group label{font-size: 0.85rem;}
    .grid-3-col{grid-template-columns: repeat(1, 1fr);gap: 10px;margin: 10px 0px;}
    .title-detail h1{font-size: 20px;}
    .title-main h1, .title-main h2{font-size: 20px;}
    .footer-title{font-size: 14px;}
    .title_company{font-size: 16px;}
    .dk_h2{font-size: 20px;margin-bottom: 10px;}
    .title_h2{font-size: 25px;}
    .view-about{font-size: 14px;}
    .btn_xtc{width: 140px;}
    .gird_da{grid-template-columns: repeat(1, 1fr);}
    .rating-stars{margin-bottom: 10px;}
    .recruitment-card h3{font-size: 25px;}
    .search-box{padding: 20px 10px;}
    .h2_nhadat{font-size: 18px;margin-bottom: 20px;}
    
}