/* Keep the fixed header and its content in the same layout flow. */
#header-box { height: 65px; }
#header { height: 65px; }
#header > .navbar { position: relative; height: 65px; }
#header > .navbar > .container { flex-wrap: nowrap; align-items: center; height: 65px; }
#header #logo { flex: 0 0 200px; width: 200px; height: 65px; }
#header #logo img { height: 45px; object-fit: contain; }
#header #menus > ul { display: flex; flex-wrap: nowrap; align-items: center; }
#header #menus > ul > li { flex: 0 0 auto; }
#header #menus a { white-space: nowrap; }
#header .mobile-menus { flex-shrink: 0; white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1199.98px) {
    #header #logo { flex-basis: 140px; width: 140px; margin-right: 12px; }
    #header #menus > ul > li > a { padding-left: 4px; padding-right: 4px; }
}
@media (max-width: 359.98px) {
    #header #logo { flex-basis: 160px; width: 160px; margin-right: 8px; }
}