/* Custom CSS to display 5 sketch items per row */

.ry-sketchlist-inner .slick-slide {
    width: 20% !important; /* 100% / 5 = 20% */
}

.ry-sketchlist-inner .slick-track {
    display: flex !important;
    flex-wrap: wrap;
}

/* Responsive adjustments */
@media (max-width: 1400px) {
    .ry-sketchlist-inner .slick-slide {
        width: 25% !important; /* 4 items per row */
    }
}

@media (max-width: 1024px) {
    .ry-sketchlist-inner .slick-slide {
        width: 33.333% !important; /* 3 items per row */
    }
}

@media (max-width: 768px) {
    .ry-sketchlist-inner .slick-slide {
        width: 50% !important; /* 2 items per row */
    }
}

@media (max-width: 480px) {
    .ry-sketchlist-inner .slick-slide {
        width: 100% !important; /* 1 item per row */
    }
}