/* Responsive */
@media (max-width: 768px) {
    .med-nav {
      flex-direction: column;
      gap: 0.5rem;
    }
  
    .med-header {
      flex-direction: column;
      gap: 1rem;
    }
  
    .med-hero {
      padding: 3rem 1rem;
      text-align: left;
    }
  
    h2 {
      font-size: 1.5rem;
    }
  
  
  
    .med-header-buttons {
      flex-direction: column;
      width: 100%;
      gap: 0.5rem;
    }
  
    .med-hero .med-container {
      max-width: 100%;
    }
    
    /* Изменения для блока с часами */
    #operation-hours .med-hours-box {
      width: 100%; /* Занимает всю ширину экрана */
      padding: 1rem;
    }
  
    .med-hours-icon {
      font-size: 2rem; /* Меньше размер иконки */
      margin-right: 1rem;
    }
  
    .med-hours-content h3 {
      font-size: 1.5rem;
    }
  
    .med-hours-content p {
      font-size: 1rem;
    }
  }
  /* Адаптивные изменения для мобильных устройств */
  @media (max-width: 1024px) {
    .med-feature {
      width: 48%; /* Для экранов среднего размера (например, планшетов) */
    }
  }
  
  @media (max-width: 768px) {
    .med-feature {
      width: 100%; /* Для мобильных устройств карточки занимают всю ширину */
    }
  }