/* 
 * Стили для отображения направлений деятельности в 2 колонки
 */

/* Стили для всех разрешений, кроме мобильных */
@media (min-width: 768px) {
  /* Контейнер с направлениями деятельности */
  .projects-preview__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Отрицательные отступы для компенсации внутренних отступов колонок */
  }
  
  /* Колонки с направлениями - переопределяем стили из основного файла */
  .projects-preview__col {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
  }
  
  /* Корректируем высоту элементов */
  .projects-preview__col .item-project {
    height: 100% !important;
  }
}

/* Стили для мобильных устройств (одна колонка) */
@media (max-width: 767px) {
  .projects-preview__col {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}