/* Для мобильных (3 карточки в строке вместо 2) */
.col-6 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

/* Для планшетов и ПК (4 карточки в строке вместо 3) */
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* Твой существующий стиль для хедера */
@media (min-width: 992px) {
  .a-header__middle .js-transition-item {
    margin-left: auto; 
  }
}