@media (max-width: 768px) {
  /* Default header mobile styles */
  .header.default-header {
    padding: 35px 20px;
    top: 60px;
  }

  /* Fixed header mobile styles */
  .header.fixed-header {
    padding: 35px 20px;
    top: -140px; /* Hidden above viewport */
  }

  
  .header.fixed-header.visible {
    transform: translateY(140px); /* Slide down into view */
  }

  /* Show mobile menu button */
  #menu-toggle, #menu-toggle-fixed, .mobile-menu-button {
    display: block !important;
  }

  /* Fixed header mobile button styling */
  .fixed-header #menu-toggle-fixed,
  .fixed-header .mobile-menu-button {
    color: #000000;
  }


  .fixed-header #menu-toggle-fixed svg,
  .fixed-header .mobile-menu-button svg {
    color: #000000;
  }

  /* Hide desktop nav */
  .nav, .contact-button {
    display: none !important;
  }

  .header-content {
    justify-content: space-between;
    align-items: center;
  }

  .logo img.logo-image {
    height: 35px;
  }

  .header.scrolled .contact-button{
    display:none !important;
  }

}

@media (max-width: 480px) {
  .logo img.logo-image {
    height: 25px;
  }
}