@media (max-width: 768px) {
  .header_title {
    font-size: 35px; /* Уменьшаем размер шрифта для мобильных устройств */
  }
  .header {
    padding-top: 3rem; /* Уменьшаем отступы */
    padding-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  /* Стили для слайдов */
  .swiper-slide_item {
    width: 100%; /* Убираем ограничения по ширине на маленьких экранах */
  }

  .swiper-block {
    flex-direction: column; /* Для мобильных устройств расположение элементов в колонку */
    align-items: flex-start;
  }

  .swiper-info {
    margin-top: 10px;
  }

  .swiper-slide_button {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .swiper-title {
    font-size: 1.2rem !important; /* Уменьшаем размер заголовка для мобильных устройств */
  }

  /* Порядок колонок на мобильных устройствах */
  .col-12.col-md-6 {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .advantage-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .advantage-card {
    width: 100%;
    margin-bottom: 20px;
  }
  .advantage-card_title {
    font-size: 1.2rem; /* Уменьшаем размер шрифта заголовков */
  }
  .advantage-card:nth-child(3),
  .advantage-card:nth-child(4),
  .advantage-card:nth-child(1),
  .advantage-card:nth-child(2) {
    transform: translate(0);
  }
}
@media (max-width: 800px) {
  .out_advantages .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .out_advantages .col-12 {
    margin-bottom: 30px; /* Отступ между блоками на мобильных */
  }
  .out_advantages h1 {
    font-size: 1.5rem; /* Уменьшаем размер заголовка для мобильных */
  }
  .out_advantages .col-2 {
    width: 70%; /* Карточки будут занимать всю ширину экрана */
  }
  .out_advantages h4 {
    font-size: 1rem; /* Уменьшаем размер текста на мобильных */
  }
}
@media (max-width: 768px) {
  .footer__logo img {
    width: 150px; /* Уменьшаем логотип на мобильных */
  }

  .footer__social {
    display: flex;
    justify-content: center;
    gap: 15px; /* Уменьшаем расстояние между иконками социальных сетей */
  }

  .footer_row {
    flex-direction: column; /* Структура футера становится вертикальной */
    align-items: center; /* Центрируем содержимое */
  }

  .footer_block {
    width: 100%; /* Блоки занимают всю ширину на мобильных устройствах */
    margin-bottom: 20px; /* Отступы между блоками */
  }
  .footer_block:first-child {
    align-items: center !important; /* Выравниваем первый блок по центру */
  }

  .menu_title {
    margin: 10px 0; /* Увеличиваем отступы между пунктами меню */
  }

  .footer__links .footer__link {
    margin-bottom: 10px; /* Увеличиваем отступы для ссылок */
  }
  .adapters__item {
    margin-left: 15px;
  }
  .adapters__title {
    font-size: 1.2rem;
  }
}