/* Адаптивний CSS для блоку викладачів */

/* Загальні стилі для контейнера карток */
.t-container .t-col {
  transition: all 0.3s ease;
}

/* Планшети та великі телефони (до 768px) */
@media screen and (max-width: 768px) {
  /* Ховаємо другу та третю картку на мобільних */
  .t-container .t-col:nth-child(2),
  .t-container .t-col:nth-child(3) {
    display: none !important;
  }
  
  /* Робимо першу картку на всю ширину */
  .t-container .t-col:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* Маленькі телефони (до 480px) */
@media screen and (max-width: 480px) {
  .t-container .t-col:nth-child(2),
  .t-container .t-col:nth-child(3) {
    display: none !important;
  }
  
  .t-container .t-col:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 10px !important;
  }
}

/* Десктоп та великі планшети (від 769px) */
@media screen and (min-width: 769px) {
  .t-container .t-col {
    display: block !important;
  }
}