/* mttq-mobile.css - lop CSS responsive bo sung cho theme MTTQ22 (khong sua file goc). May tinh (>1024px) khong bi anh huong. */
*,*::before,*::after{box-sizing:border-box}
img,video,iframe{max-width:100%}
@media (max-width:1024px){
  html,body{overflow-x:hidden}
  img{height:auto}
  #Main,#Top,#Body,#Left,#Right,#Under,#Footer,.MTTQ-Top-banner,.slider-container,.TC2022-TopMenu,.MTTQ22-Top,.MTTQ22-Main,.MTTQ22-Bottom{width:100%!important;max-width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important}
  #Body{padding:0 10px}
  #Left,#Right{padding:0}
  .MTTQ-Top-banner>div,.MTTQ-Top-banner img{width:100%!important;height:auto!important}
  .brand-text{position:static!important;width:100%!important;text-align:center}
  .brand-text h1{font-size:18px!important;line-height:1.3}
  .brand-text h2{font-size:14px!important}
  .slider-container,.slider{width:100%!important;height:auto!important;position:static!important;overflow:hidden}
  table.top-tieudiem,table.top-tieudiem tbody,table.top-tieudiem tr,table.top-tieudiem td{display:block!important;width:100%!important}
  ul.TC2022-top-menu{width:100%!important;display:flex;flex-wrap:wrap;padding:0;margin:0}
  ul.TC2022-top-menu>li{flex:1 1 auto;width:auto!important;position:relative}
  ul.TC2022-top-menu>li>a{display:block;padding:10px 12px;white-space:nowrap}
  ul.TC2022-menu-drop{position:static!important;width:100%!important}
  [class*=center-tin],.center-tinmoi{height:auto!important;width:100%!important;float:none!important}
  .Centrer22-tintuc-noibat-anh-chuyendong,.Centrer22-tictuc-noibat-anh-chuyendong-container{width:100%!important;height:auto!important;overflow-x:auto}
  .Centrer22-tictuc-noibat-anh-chuyendong-stage{width:max-content!important}
  #MTTQ_center_baner1,#MTTQ_center_baner1 a,#MTTQ_center_baner1 img,.HPN-Banner-Left,.HPN-Banner-Left *{max-width:100%!important;height:auto}
  #MTTQ_center_baner1,.HPN-Banner-Left{width:100%!important;float:none!important}
  [id^=MTTQ202_center_tintuc],[class*=center_tintuc],[class*=MTTQ202]{width:100%!important;height:auto!important;float:none!important;position:static!important;overflow:visible!important}
  [class*=center_tintuc] ul,.MTTQ202_center_tintuc_list{width:100%!important;padding:0!important;margin:0!important;list-style:none}
  .MTTQ202_center_tintuc_list li{float:none!important;display:block!important;width:100%!important;height:auto!important;padding:8px 4px;border-bottom:1px solid #e5e5e5;line-height:1.4;font-size:15px}
  #MTTQ202_center_tintuc_noidung img{width:100%!important;height:auto!important}
  #Left li,#Right li{float:none!important;width:100%!important;height:auto!important;display:block!important;position:static!important}
  #Right img{width:100%!important;height:auto!important}
  #Right div,#Right select{max-width:100%!important}
  ul.pager-containner1{width:100%!important;display:flex;flex-wrap:wrap;gap:4px;padding:0}
  #Footer{overflow:hidden}
  .Foot-A,.Foot-B,.Foot-A *,.Foot-B *{width:auto!important;max-width:100%!important;float:none!important}
  .Foot-A,.Foot-B{width:100%!important;display:block!important;padding:10px!important}
  .Foot-A li,.Foot-B li{display:block!important;margin:4px 0}
}
@media (max-width:600px){
  body{font-size:15px}
}