@media (min-width: 768px) and (max-width: 991.98px) {
  .navbar-expand-md .container { flex-wrap: wrap; }
  .navbar-expand-md .navbar-collapse { flex: 0 0 100%; justify-content: center; }
  .navbar-expand-md .navbar-nav { flex-wrap: wrap; justify-content: center; margin-left: 0 !important; }
  .navbar-nav .nav-link {
    padding: .45rem .5rem;
    font-size: .76rem;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar .container { max-width: 1480px; }
  .navbar-brand { gap: .5rem !important; }
  .navbar-brand strong { font-size: .95rem; }
  .brand-logo { width: 54px; height: 54px; }
  .navbar-nav { flex-wrap: nowrap; }
  .navbar-nav .nav-link {
    padding-inline: .3rem;
    font-size: .72rem;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .navbar .container { max-width: 1480px; }
  .navbar-nav { flex-wrap: nowrap; }
  .navbar-nav .nav-link {
    padding-inline: .7rem;
    font-size: .84rem;
    text-transform: uppercase;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) and (max-width: 1240px) {
  .navbar-nav .nav-link { font-size: .76rem; padding-inline: .45rem; }
}
