@media (min-width: 1200px) { } 

@media (max-width: 1200px) { } 

@media (max-width: 1024px){
    .header_logo img {
    width: 50px;
}
 .grname_dmsp { width: 100%; left: 0; bottom: 0; } 

 .control-owl button { display: none; } 
 .gr_title_slide { left: 10px; } 
 .toolbar { display: block; } 
 .menu { display: none; } 
 .menu-res { display: block; position: sticky; top: 0px; z-index: 500; } 
 a.btn-zalo.btn-frame.text-decoration-none { display: none; } 
 a.btn-phone.btn-frame.text-decoration-none { display: none; } 
 div#messages-facebook { display: none; } 
 .wrap_topbar { display: none; } 
 .social-left { bottom: 100px; } 
 .wrap_header { display: none; } 
.gr_textabout { position: relative; top: 0; left: 0; width: 100%; padding: 0; max-height: none; min-height: unset; box-shadow: none; } 
.right_gioithieu { display: flex; flex-direction: column; gap: 20px; padding-left: 0; width: 100%; } 
.flex_gioithieu { display: flex; flex-direction: column; gap: 20px; } 
.left_gioithieu { width: 100%; display: flex; justify-content: flex-start; } 
.slick__tc { height: auto; max-height: none; min-height: auto; } 
div#vortex { width: 100%; height: auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; } 
.item_visao { display: flex; flex-direction: column; align-items: center; gap: 10px; } 
.grid_visao { height: auto; padding-top: 10px; } 
.grid_visao::before { display: none; } 
.banner_vs { display: none; } 
.map_ft { width: 100%; } 
.grid_tintuc { grid-template-columns: repeat(1,1fr); gap: 20px; } 
.imgrepon img{
height: auto !important;
 }
}

@media (max-width: 768px) {
    .header_logo img {
    width: 40px;
}
 li.formdknt { width: 100%; } 
 .grid_spnb { grid-template-columns: repeat(2,1fr); gap: 10px; } 
 .grid_dmsp { display: grid; grid-template-columns: repeat(2,1fr); } 
 .fcol1 { width: 100%; } 
 .gr_itemdkts1 { margin: 0; } 
 .fcol3 { width: 100%; } 
 .flex_footer { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: flex-start; gap: 20px; } 
 .grid-page { padding: 0px 0; grid-gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr); } 
 .gr_title_slide { bottom: 20px; max-width: 100%; width: 100%; padding: 0 20px; left: 0; } 
.name_slider { font-size: 30px; } 
.desc_slider { margin: 20px 0; } 
.wrap_gioithieu { padding: 20px 0; } 
.flex_gioithieu { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; } 
.left_gioithieu { width: 100%; } 
.right_gioithieu { width: 100%; } 
.wrap_capabilities { padding-bottom: 20px; } 
.name_banner { margin: 5px 0 10px; } 
.wrap_banner { padding-bottom: 0; } 
.flex_global { display: flex; flex-direction: column-reverse; } 
.left_global { width: 100%; } 
.right_global { width: 100%; } 
.flex_contactus { display: flex; flex-direction: column; } 
.left_contactus { width: 100%; } 
.right_contactus { width: 100%; padding: 50px 20px; background: #98A2A4; } 
.wrap_contactus { padding: 20px 0; } 
.fcol2 { width: 100%; } 
 }

@media (max-width: 500px){
 .grid_tintuc { margin-top: 10px; } 
 .listPro .name-listPro { font-size: 15px; } 
 .title_ft { font-size: 14px; } 
 .wrap_doitac { padding: 20px 0; } 
 .grname_tintuc { width: calc(100%); } 
 .img_tintuc { width: 100%; } 
 .gr_tintuc { display: flex; flex-direction: column; gap: 10px; } 
 .flip-items { height: 240px !important; width: 100% !important; } 
 .flipster1 { margin-top: 10px; } 
 .wrap_video { padding: 20px 0; } 
 .slide_bosuutap { margin-top: 10px; } 
 .wrap_bosuutap { padding: 20px 0; } 
 .name_dvu { font-size: 14px; } 
 .wrap_dichvu { padding: 20px 0; } 
 .name_dmsp { font-size: 14px; } 
 .grname_dmsp { height: 40px; } 
 .grid_dmsp { display: grid; grid-template-columns: repeat(1,1fr); } 
 .wrap_dmspham { padding: 20px 0; } 
 .name_spnb { margin: 5px 0; font-size: 14px; } 
 .btn_xtsp { width: 120px; height: 30px; } 
 .gr_spnb { padding: 5px; } 
 .grid_spnb { grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 10px; } 
 .wrap_sanphamnb { padding: 20px 0; } 
 .title_spnb { font-size: 20px; } 
 .grname_tieuchi { width: calc(100%); text-align: center; padding-top: 5px; } 
 .desc_gt { font-size: 15px; } 
 .name_gt { font-size: 25px; } 
 .content_gt { margin: 0; } 
 .img_tieuchi { width: 50px; } 
 .wrap_tieuchi { padding: 20px 0; } 
 .menu-bar-res { height: 45px; } 
 .menu-res { height: 45px; } 
 .txt_gioithieu { font-size: 14px; } 
 .name_gioithieu { font-size: 20px; } 
 .desc_gioithieu { font-size: 14px; margin: 10px 0; } 
 .btn_xtgt { width: 100px; height: 30px; } 
 .gr_tieuchi { margin-right: 0; margin-bottom: 0; width: auto; padding: 5px; display: flex; flex-direction: column; } 
 .wrap_listsanpham { padding: 20px 0; } 
 .name_tchi { font-size: 13px; line-height: normal; min-height: 30px; max-height: none; } 
 .title_list { font-size: 20px; } 
 .slogan_list { font-size: 14px; } 
 a.list_item { padding: 5px; font-size: 13px; } 
 .pro_txt { padding: 10px 0 0; } 
 .pro__title { font-size: 12px; } 
 .wrap_visao { padding: 20px 0 0; } 
 .title_visao { font-size: 20px; } 
 div#vortex { grid-template-columns: repeat(2,1fr); } 
 .name_visao { font-size: 14px; margin-top: 5px; } 
 .wrap_dangkynhantin { padding: 20px 0; } 
 .gr__dknt { padding: 20px 10px; } 
 .title_dknt { font-size: 20px; } 
 .title_dknt1 { font-size: 14px; margin-top: 5px; } 
 .gr_itemdkts1 { display: flex; flex-direction: column; } 
 .wrap_tintuc { padding: 20px 0; } 
 .title-main { font-size: 20px; } 
 #hamburger { width: 35px; } 
 .gr_title_slide { bottom: 10px; padding: 0 5px; } 
 .name_slider { font-size: 18px; } 
 .desc_slider { margin: 10px 0; font-size: 11px; } 
 .btn_learn { width: 100px; height: 30px; } 
 .btn_learn a { font-size: 10px; } 
 .title_about { font-size: 20px; } 
 .titlecapa { font-size: 20px; } 
 .slide_capabilities { margin-top: 10px; } 
 .grname_capa { padding-top: 10px; } 
 .name_capa { font-size: 14px; } 
 .gr_banner { padding: 10px 0; } 
 .txt_banner { font-size: 14px; } 
 .name_banner { font-size: 18px; } 
 .wrap_globalcontact { padding: 20px 0; } 
 .title_global { font-size: 17px; } 
 .desc_global { margin: 20px 0; } 
 .btn_xthem { width: 120px; height: 40px; } 
 .right_contactus { padding: 20px 10px; } 
 .txt_diadiem1 { margin: 0 0 10px; font-size: 20px; } 
 form.validation-newsletter { gap: 10px; } 
 .gr_itemdkts { display: flex; flex-direction: column; gap: 10px; } 
 .dkts_sub input { width: 100%; } 
 .footer_main { padding: 20px 0; } 
 .fcol2 ul { display: flex; flex-direction: column; gap: 10px; } 
 .fcol3 { display: flex; flex-direction: column; gap: 10px; margin-top: 0; } 
 .fcol2 ul li a { font-size: 14px; } 
 }