.slider-mobile {
    display: none; /* Скрываем на десктопе */
}

@media (max-width: 767px) { /*  Или любое другое значение  */
    .slider-desktop {
        display: none; /* Скрываем на мобильных */
    }

    .slider-mobile {
        display: block; /* Показываем на мобильных */
    }

}
}

    .project-style1 .slick-prev,
    .project-style1 .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        font-size: 0;
        line-height: 0;
        display: block;
        width: 50px; /* Увеличиваем длину стрелок */
        height: 80px; /* Увеличиваем высоту стрелок */
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

    .project-style1 .slick-prev:before,
    .project-style1 .slick-next:before {
        font-family: 'slick';
        font-size: 50px; /* Увеличиваем размер стрелок */
        line-height: 1;
        opacity: .75;
        color: white; /* Делаем стрелки белыми */
        -webkit-font-smoothing: antialiased;
    }

    .project-style1 .slick-prev {
        left: -70px; /* Отодвигаем стрелку влево дальше от слайдов */
    }

    .project-style1 .slick-next {
        right: -70px; /* Отодвигаем стрелку вправо дальше от слайдов */
    }

    .project-style1 .slick-prev:before {
        content: '\2190'; /* Unicode символ стрелки влево */
    }

    .project-style1 .slick-next:before {
        content: '\2192'; /* Unicode символ стрелки вправо */
    }


    .project-style1 .slick-prev:hover:before,
    .project-style1 .slick-next:hover:before {
        opacity: 1;
    }

    /* Убираем фон при наведении, если он есть */
    .project-style1 .slick-prev:hover,
    .project-style1 .slick-next:hover {
        background: transparent;
    }

    /* Стили для плиточной структуры */
    .slick-slide > div {
        margin: 0; /* Убираем стандартные отступы Slick */
    }

    .slide-row {
        display: flex;
        width: 100%;
    }

    .slide-item {
        width: 25%; /*  четверть ширины, чтобы поместилось 4 в ряд */
        padding: 5px; /* Добавляем небольшие отступы между элементами */
    }