/* AC423_SHARED_HEADER: shared responsive layout for both existing PHP header variants. */
@media (min-width:1200px) {
  html body #myID .ts-menu {
    display:flex!important; align-items:center!important; flex-wrap:nowrap!important;
    gap:8px!important; width:100%!important; max-width:100%!important;
    box-sizing:border-box!important; min-width:0!important;
  }
  html body #myID .ts-menu > .ts-menu-1,
  html body #myID .ts-menu > .ts-menu-2,
  html body #myID .ts-menu > .ts-menu-4 {flex:0 0 auto!important;min-width:0!important;width:auto!important;float:none!important;align-self:center!important}
  html body #myID .ts-menu > .ts-menu-3 {flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;float:none!important;align-self:center!important;margin:0!important;}
  html body #myID .ts-menu > .ts-menu-3 form,
  html body #myID .ts-menu > .ts-menu-3 form.top_filter_form {
    display:flex!important; align-items:center!important; flex-wrap:nowrap!important;
    width:100%!important; max-width:100%!important; min-width:0!important;
    height:40px!important; padding:0!important; margin:0!important; gap:8px!important;
  }
  html body #myID .ts-menu > .ts-menu-3 form > .input-field {min-width:0!important;width:auto!important;float:none!important;flex:0 0 auto!important;position:relative!important;margin:0!important;align-self:center!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:first-child {flex:0 0 clamp(108px,10vw,145px)!important;max-width:145px!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:nth-child(2) {flex:1 1 0!important;min-width:0!important;max-width:none!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:last-child {flex:0 0 76px!important;max-width:76px!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field select,
  html body #myID .ts-menu > .ts-menu-3 form > .input-field input {margin:0!important;box-sizing:border-box!important;max-width:100%!important;}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:last-child input {position:static!important;width:100%!important;height:38px!important;display:block!important;}
  html body #myID .ts-menu > .ts-menu-4 .v3-top-ri ul {display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;margin:0!important;padding:0!important;}
  html body #myID .ts-menu > .ts-menu-4 .v3-top-ri li {float:none!important;width:auto!important;flex:0 0 auto!important;margin:0!important;}
  html body #myID .ts-menu > .ts-menu-4 .v3-top-ri li a {display:inline-flex!important;align-items:center!important;white-space:nowrap!important;max-width:none!important;}
  html body #myID .ts-menu > .ac421-translate-wrap {flex:0 0 94px!important;width:94px!important;min-width:94px!important;position:static!important;align-self:center!important;margin:0!important;}
  html body #myID .ts-menu > .ac421-translate-wrap select {width:94px!important;max-width:94px!important;}
}
@media (min-width:1200px) and (max-width:1379px) {
  html body #myID .ts-menu {gap:4px!important}
  html body #myID .ts-menu > .ts-menu-3 form {gap:5px!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:first-child {flex-basis:112px!important}
  html body #myID .ts-menu > .ts-menu-3 form > .input-field:last-child {flex-basis:56px!important}
  html body #myID .ts-menu > .ac421-translate-wrap {flex-basis:86px!important;width:86px!important;min-width:86px!important}
  html body #myID .ts-menu > .ac421-translate-wrap select {width:86px!important}
}
@media (max-width:1199px) {
  html body #myID .ts-menu > .ac421-translate-wrap {display:none!important}
  html body .mob-right-nav .ac421-drawer-language {display:block!important}
}
