@media (max-width: 768px) {
  .head-nav {
    max-height: 60px;
    display: flex;
    align-items: center;
    /* Keeps content centered vertically */
  }
}

  /* Only apply these styles on screens smaller than 992px (Large) */
  @media (max-width: 991.98px) {
    .navbar-toggler {
      border-color: #f5f5f5 !important;
      border-width: 1px !important;
      padding-top: 6px !important;
      box-shadow: none !important;

      /* These flex properties were likely keeping the button visible on desktop */
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
  }

  /* On large screens, ensure it stays hidden */
  @media (min-width: 992px) {
    .navbar-toggler {
      display: none !important;
    }
  }