.tv-project-slider {
    overflow: hidden;
    position: relative;
}

.slide-track {
    display: flex;
    gap: 30px;
    transition: transform 0.6s linear;
    will-change: transform;
}

.tv-project-single-box {
    flex: 0 0 25%;
    /* show 4 per view (like col-xl-3) */
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .tv-project-single-box {
        flex: 0 0 33.33%;
        /* 3 per view on tablet */
    }
}

@media (max-width: 768px) {
    .tv-project-single-box {
        flex: 0 0 50%;
        /* 2 per view on mobile */
    }
}

@media (max-width: 480px) {
    .tv-project-single-box {
        flex: 0 0 100%;
        /* 1 per view on small screens */
    }
}