/* Fit the added Service Areas category without changing desktop/mobile navigation. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    header .jhb-main-nav > .container-fluid { gap: 6px; }
    header .jhb-main-nav .navbar-nav { flex-wrap: nowrap; column-gap: 0; }
    header .jhb-main-nav .navbar-nav > .nav-item > .nav-link {
        padding-left: 2px;
        padding-right: 2px;
        font-size: 11px;
        letter-spacing: 0;
    }
}
