/* Default layout (4 columns on larger screens) */
.slider-section-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1024px) {
    /* Tablet layout (2 columns and slider behavior) */
    .slider-section-container {
        display: flex;
        overflow: hidden;
    }

    .slider-section-item {
        flex: 0 0 50%;
        padding: 10px;
    }

    .slider-section-container.slick-initialized {
        display: block;
    }
}

@media (max-width: 768px) {
    /* Mobile layout (1 column with sliding) */
    .slider-section-container {
        display: flex;
        overflow: hidden;
    }

    .slider-section-item {
        flex: 0 0 100%;
    }

    .slider-section-container.slick-initialized {
        display: block;
    }
}