/* Additional contact mobile fixes */
@media (max-width: 767px) {
  /* Better alignment for title */
  .title-bar-high {
    margin-bottom: 0;
  }
  
  /* Proper vertical alignment */
  .contact-item {
    margin-bottom: 15px;
  }
  
  .contact-icon-wrapper i {
    font-size: 14px;
  }
  
  /* Fix map appearance */
  .map-card {
    overflow: hidden;
  }
  
  /* Fix the map header for mobile */
  .map-card-header {
    background-color: #002147;
    padding: 12px 15px;
  }
  
  .map-title {
    font-size: 16px;
    margin-left: 5px;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  /* Smaller spacing for very small devices */
  .contact-item {
    margin-bottom: 12px;
  }
  
  .contact-text {
    font-size: 13px;
  }
  
  .contact-card {
    padding: 15px 12px;
  }
  
  /* Smaller title */
  .title-default-left {
    font-size: 20px;
  }
}