.four-row{
  display: flex; /* включаем Flexbox */
  flex-wrap: wrap; /* перенос элементов на новую строку при нехватке места */
  gap: 20px; /* отступы между блоками, можно регулировать */
  justify-content: center; /* по желанию, центрировать по горизонтали */
  }
  .item-four{
  flex: 1 1 calc(25% - 20px); /* по ширине 25% минус отступы, чтобы было 4 в ряд */
  box-sizing: border-box; /* чтобы padding и border не влияли на ширину */
  display: flex;
  flex-direction: column; /* элементы внутри блока — колонкой: картинка, заголовок, текст */
  align-items: center; /* по центру горизонтально */
  /*text-align: center;*/ /* для текста внутри */
  }
.title__four, .item-four p, .item-four img {
	padding-bottom: 20px;
}
.item-four img{width: 100%;}
.title__four {text-align: center;}
.section-title__four{font-size: 1.2em; min-height:4em;text-align: center;}
  /* Адаптивные стили для мобильных устройств */
@media (max-width: 768px) {
  .item-four {
    flex: 1 1 calc(50% - 20px); /* 2 элемента в ряду при меньшей ширине */
  }
}

@media (max-width: 480px) {
  .item-four {
    flex: 1 1 100%; /* 1 элемент в ряду на очень узких экранах */
  }
}