/* Custom Mobile Breakpoint to match Tailwind md: breakpoint (768px) */

/* Desktop Navigation - Hidden below 768px */
@media (max-width: 767px) {
  .desktop-nav {
    display: none !important;
  }
}

/* Mobile Navigation - Hidden above 768px */
@media (min-width: 768px) {
  .mobile-nav {
    display: none !important;
  }
}

/* Mobile Navigation - Visible below 768px */
@media (max-width: 767px) {
  .mobile-nav {
    display: block !important;
  }
}