@media(min-width:961px) {
  body .header > .moble, body .mLogo, body #nav.inner { display:none !important; }
  body #navBox > .container { display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:24px; min-height:82px; }
  body #navBox .logobox { flex:0 1 280px !important; width:280px !important; max-width:28%; background:transparent !important; }
  body #navBox h1.logo { position:relative !important; inset:auto !important; margin:0 !important; width:100% !important; height:auto !important; text-indent:0 !important; background:transparent !important; }
  body #navBox .logo a { display:flex !important; align-items:center !important; width:100%; height:auto !important; background:transparent !important; }
  body #navBox .logo img { width:100% !important; max-width:280px !important; height:64px !important; object-fit:contain !important; }
  body #navBox ul.navbar { flex:1 1 auto !important; width:auto !important; float:none !important; display:flex !important; align-items:center !important; flex-wrap:nowrap !important; margin:0 !important; padding:0 !important; }
  body #navBox ul.navbar > li { flex:0 0 auto; min-width:0; padding:0 12px; white-space:nowrap; }
  body #navBox ul.navbar > li > a { white-space:nowrap; }
  body #navBox ul.navbar > li > a, body #navBox ul.navbar > li > a:visited { color:#f5f8fc !important; }
  body #navBox .sbtn { order:3; flex:0 0 auto; position:relative !important; inset:auto !important; color:#fff; }
}
@media(min-width:961px) and (max-width:1200px) {
  body #navBox > .container { gap:12px; }
  body #navBox .logobox { flex-basis:180px !important; width:180px !important; }
  body #navBox ul.navbar { justify-content:space-between; }
  body #navBox ul.navbar > li { padding:0 6px; }
  body #navBox ul.navbar > li > a { font-size:14px; }
}