footer {
    width: 100%; /* Полная ширина видовой области */
    position: relative; /* Убедитесь, что футер не перекрывается позиционированием других элементов */
    left: 50%; /* Сдвиг влево на 50% */
    right: 50%; /* Сдвиг вправо на 50% */
    margin-left: -50vw; /* Отмена сдвига для левой стороны */
    margin-right: -50vw; /* Отмена сдвига для правой стороны */
}

body {
    overflow-x: hidden; /* Отключение горизонтальной прокрутки */
}

#infinite-slider-2th {
    overflow: hidden; /* Скрыть излишки */
    position: relative;
    height: 150px; /* Задайте нужную высоту */
    background-color: transparent; /* Сделайте фон контейнера прозрачным, если нужно */
}

.slider1-2th {
    display: flex; /* Используем flexbox для горизонтального расположения */
    overflow: hidden; /* Скрывает излишки, если они выходят за пределы контейнера */
    width: 100%; /    /* Ширина контейнера слайдов */
    transition: transform 0.5s ease; /* Плавный переход при прокрутке */
}

.slide1-2th {
    min-width: 240px; /* Ширина каждого слайда */
    height: 150px; /* Высота слайда */
    background-color: transparent; /* Сделать фон слайда прозрачным */
}

.slide1-2th img {
    width: 100%; /* Подгонка изображения под ширину слайда */
    height: 100%; /* Подгонка изображения под высоту слайда */
    object-fit: cover; /* Обеспечивает сохранение пропорций изображения */
    display: block; /* Убирает пробелы под изображением */
}

@keyframes scroll-2th {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Адаптивные стили для мобильных устройств */
@media (max-width: 768px) {
    .slider1-2th {
        width: 100%; /* Убедитесь, что ширина слайдера 100% на мобильных */
    }

    .slide1-2th {
        min-width: 40vw; /* Уменьшение ширины слайда до 40% от ширины экрана */
    }

    .slide1-2th img {
        height: 110px; /* Установите фиксированную высоту для изображений на мобильных устройствах */
    }
}

/* СЛАЙД ФОТОГРАФИЙ */