.hb-compact .nav-main > li > a {
  width: 100px !important;
  height: 72px !important;
  font-size: 15px !important;
  padding: 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
.hb-compact .nav-main > li > a > .ico {
  width: 50px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
.hb-compact .nav-main > li > a h3 {
  font-size: 15px !important;
  margin: 0 !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  height: auto !important;
  float: none !important;
}
.hb-compact .nav-main > li {
  margin-left: 4px !important;
}
.hb-compact .nav-main > li:before {
  height: 40px !important;
  top: 16px !important;
}
.hb-compact .menu {
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}
.hb-compact .logo {
  width: auto !important;
  height: 68.56px !important;
  margin-top: -4px !important;
}
#header.scroll .hb-compact .logo {
  width: 120px !important;
  height: auto !important;
}
#header.scroll .hb-compact .nav-main > li > a {
  height: 48px !important;
  padding: 4px 0 !important;
}
#header.scroll .hb-compact .nav-main > li > a > .ico {
  display: none !important;
}
.hb-compact .nav-main > li.nav-main-7,
.hb-compact .nav-main > li.nav-main-6 {
  position: relative !important;
}
.hb-compact .nav-sub {
  top: calc(100% + 10px) !important;
}
.hb-compact .nav-sub:before {
  height: 10px !important;
  top: -10px !important;
}
.hb-compact .nav-sub li a {
  padding: 8px 14px !important;
  font-size: 13px !important;
}