/* Keep the logo readable and switch navigation before the header runs out of room. */
#header_main .header-inner .header-inner-wrap {
  gap: 20px;
}
#header_main #site-logo {
  flex: 0 0 240px;
  width: 240px;
}
#header_main #site-logo img {
  width: 100%;
  height: auto;
}
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation {
  gap: 20px !important;
  margin-left: 0;
}
#header_main .main-menu .navigation > li > a,
#header_main .header-right {
  white-space: nowrap;
}
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li.has-children:has(> .mega-menu) {
  position: static;
}
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li > ul.mega-menu,
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li:hover > ul.mega-menu {
  left: 50%;
  width: max-content;
  max-width: calc(100vw - 80px);
  box-sizing: border-box;
}
@media (max-width: 1399px) {
  #header_main.style-absolute,
  #header_main.is-fixed.is-small.style-no-bg {
    background-color: #fff;
    padding-bottom: 20px;
  }
  #header_main .header-inner .header-inner-wrap {
    padding: 0;
    min-height: 52px;
  }
  #header_main .header-inner .header-inner-wrap .main-menu,
  #header_main .header-inner .header-inner-wrap .header-right,
  #header_main .header-inner .header-inner-wrap #site-logo #logo-header {
    display: none;
  }
  #header_main .header-inner .header-inner-wrap #site-logo #logo-header-mobile {
    display: block;
  }
  #header_main .header-inner .header-inner-wrap .mobile-button {
    display: block !important;
    flex: 0 0 28px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  #header_main #site-logo {
    flex-basis: 210px;
    width: 210px;
  }
}
#header_main .header-inner .header-inner-wrap .main-menu ul.navigation > li:has(> .mega-menu)::after {
  display: none;
}