/* Страница рекламадателям */
@media (max-width: 768px) {
    .blog-img img {
      max-width: 100%; /* Установить изображение на всю ширину контейнера для мобильных */
      max-height: none; /* Убрать ограничение по высоте */
      min-height: auto; /* Убрать минимальную высоту */
      object-fit: contain; /* Сохранять пропорции изображения без обрезки */
      border-radius: 0; /* Убрать скругление углов для мобильных */
    }
    .blog-style1 {
      max-width: 100%; /* Установить контейнер на всю ширину */
    }
  }
  @media (min-width: 769px) {
    .blog-img img {
      max-width: 230px; /* Установить изображение на фиксированную ширину */
      max-height: 230px;
      min-height: 230px;
      object-fit: cover;
      border-radius: 15px;
    }
    .blog-style1 {
      max-width: 230px;
    }
  }
    
@media (max-width: 767px) {
    .blog-style1 {
        margin-left: 0; /* Убираем отступ слева */
        margin-right: 0; /* Убираем отступ справа */
        padding: 0; /* Убираем внутренние отступы */
        text-align: center; /* Центрируем текст */
    }

    .blog-img {
        width: 100%; /* Делаем изображение на всю ширину контейнера */
        padding: 0; /* Убираем паддинг */
    }

    .blog-img img {
        width: 100%; /* Изображение занимает всю ширину контейнера */
        height: auto; /* Сохраняем пропорции изображения */
        object-fit: cover; /* Обрезка изображения по краям для заполнения контейнера */
        border-radius: 15px; /* Скругляем углы изображения */
    }

    .category {
        display: block;
        margin: 10px auto; /* Центрируем элемент и добавляем отступы сверху и снизу */
        padding: 5px 10px; /* Добавляем внутренний отступ */
        border-radius: 5px; /* Скругляем углы для категории */
    }

    .box-title-22 {
        font-size: 18px; /* Увеличиваем размер шрифта для заголовка */
        margin-top: 10px; /* Добавляем отступ сверху для заголовка */
    }
}
/* Конец */