/* QHTN P42.1 - CHI THU GON 2 NUT TIM KIEM / MENU O HEADER MOBILE.
   Giu nguyen logo, wordmark, banner, JS va desktop; khong chen hang header.
   Patch chi hoat dong o viewport <=760px. */
@media screen and (max-width:760px) {
  .header.qhtn-banner-header .header-actions,
  .header.qhtn-banner-header .header-inner.search-open .header-actions {
    position:absolute!important;
    grid-area:auto!important;
    top:12px!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    z-index:5!important;
    align-self:auto!important;
    justify-self:auto!important;
    margin:0!important;
    /* Gom nut gon ve phia phai: khong lan len chu "Ninh". */
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:11px!important;
  }
  .header.qhtn-banner-header .header-actions > .mobile-search-toggle,
  .header.qhtn-banner-header .header-actions > .mobile-menu-btn {
    width:29px!important;
    height:32px!important;
    min-width:29px!important;
    min-height:32px!important;
    flex:0 0 29px!important;
    border-radius:9px!important;
    padding:0!important;
    margin:0!important;
  }
  .header.qhtn-banner-header .header-actions > .mobile-search-toggle .nav-svg,
  .header.qhtn-banner-header .header-actions > .mobile-menu-btn .nav-svg {
    width:17px!important;
    height:17px!important;
  }
}
/* Dien thoai hep: cho hai nut gon them mot chut, khong che ten. */
@media screen and (max-width:380px) {
  .header.qhtn-banner-header .header-actions > .mobile-search-toggle,
  .header.qhtn-banner-header .header-actions > .mobile-menu-btn {
    width:28px!important;
    flex-basis:28px!important;
    min-width:28px!important;
  }
  .header.qhtn-banner-header .brand-name {
    font-size:19px!important;
  }
}
/* Man hinh rat hep: de ten tu xuong dong neu can, khong bi lop nut de len. */
@media screen and (max-width:355px) {
  .header.qhtn-banner-header .brand {
    width:calc(100% - 66px)!important;
    max-width:calc(100% - 66px)!important;
  }
  .header.qhtn-banner-header .brand-name {
    overflow-wrap:normal!important;
    white-space:normal!important;
  }
}