@media all and (max-width : 768px) {

}


@media all and (max-width : 567px) {
    .carousel {
        --visible : 1;
    }
    
    .card {
        padding : 1rem;
    }
    
    .sv-grid-2,
    .sv-grid-3 {
        grid-template-columns : 1fr;
        
        > * {
            padding-left  : 1.5rem;
            padding-right : 1.5rem;
        }
    }
}