@media (max-width: 992px) {
  .navbar-nav,
  .navbar-expand-lg .offcanvas .offcanvas-body {
    gap: 10px;
    align-items: flex-start;
  }

  .offcanvas {
    --bs-offcanvas-width: 300px;
  }

  .action-btn {
    display: none;
  }

  #menu-item-30 {
    display: block;
  }
}

@media (max-width: 768px) {
  .navbar-nav,
  .navbar-expand-lg .offcanvas .offcanvas-body {
    gap: 10px;
    align-items: flex-start;
  }

  .offcanvas {
    --bs-offcanvas-width: 300px;
  }

  .action-btn {
    display: none;
  }

  #menu-item-30 {
    display: block;
  }
}