/* Responsive Card Layout for Homepage */

/* Make all card rows responsive */
@media (max-width: 576px) {
    /* What is DIYA cards - 2 per row on mobile */
    .row.g-3 > [class*="col-6"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    /* Vision cards - 2 per row */
    .row.g-4 > [class*="col-6"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    /* Objectives - 1 per row on mobile */
    .row.g-4 > [class*="col-md-6"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    /* What is DIYA - 3 per row on small tablets */
    .row.g-3 > [class*="col-sm-4"] {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    /* What is DIYA - 4 per row on tablets */
    .row.g-3 > [class*="col-md-3"] {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 992px) {
    /* What is DIYA - 6 per row on desktop */
    .row.g-3 > [class*="col-lg-2"] {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}