/* Mobile header responsive sizing */
@media (max-width: 480px) {
  /* Logo scaling */
  .logo img {
    height: 22px !important;
  }
  
  .sitename {
    font-size: 1.1rem !important;
  }
  
  /* Button scaling */
  .btn-sm {
    width: 35px !important;
    height: 35px !important;
    padding: 6px !important;
  }
  
  .btn-getstarted {
    padding: 6px 10px !important;
    font-size: 0.85rem !important;
  }
  
  /* Search container scaling */
  .navbar-search {
    max-width: 300px !important;
  }
}

@media (max-width: 360px) {
  /* Extra small screens */
  .logo img {
    height: 20px !important;
  }
  
  .sitename {
    font-size: 1rem !important;
  }
  
  .btn-sm {
    width: 32px !important;
    height: 32px !important;
  }
  
  .btn-getstarted {
    padding: 5px 8px !important;
    font-size: 0.8rem !important;
  }
}