body #navBox,
body #navBox.fixed,
body #navBox > .container,
body #navBox .logobox,
body #navBox .logo,
body #navBox .logo img { background:transparent !important; box-shadow:none !important; }
body #navBox .logo {
  position:relative !important;
  top:auto !important;
  height:auto !important;
  overflow:visible !important;
  text-indent:0 !important;
  margin:0 !important;
  padding:0 !important;
}
body #navBox .logo::before,
body #navBox .logo::after { content:none !important; background:none !important; }
@media(min-width:961px) {
  body header.header > .moble,
  body header.header .mLogo,
  body header.header #nav.inner { display:none !important; }
}
body #navBox .logo a { display:flex !important; align-items:center; margin:0 !important; padding:0 !important; background:none !important; }
body #navBox .logo img {
  display:block !important;
  width:280px !important;
  height:56px !important;
  max-width:100% !important;
  object-fit:contain !important;
  margin:0 !important;
}
@media(min-width:768px) {
  body #navBox > .container {
    display:flex !important;
    align-items:center !important;
    gap:16px;
    min-height:80px;
  }
  body #navBox .logobox {
    flex:0 0 280px;
    float:none !important;
    width:280px !important;
    max-width:280px;
    position:relative !important;
    height:auto !important;
  }
  body #navBox .logo { width:auto !important; height:auto !important; }
  body #navBox .sbtn { order:2; flex:none; margin:0 !important; }
  body #navBox > .container > .navbar {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end;
    flex-wrap:wrap;
    flex:1 1 auto;
    float:none !important;
    width:auto !important;
    min-width:0;
    margin:0 !important;
  }
  body #navBox > .container > .navbar > li { float:none !important; padding:0 12px; }
  body #navBox > .container > .navbar > li > a { line-height:64px !important; }
}
@media(max-width:767px) {
  body #navBox .logo img { width:220px !important; height:50px !important; }
}