.zenite-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.zenite-col {
    grid-column: span var(--col, 12);
}

/* MOBILE */
@media (max-width: 576px) {
    .zenite-col {
        grid-column: span var(--col-sm, 12);
    }
}

/* TABLET */
@media (min-width: 577px) and (max-width: 992px) {
    .zenite-col {
        grid-column: span var(--col-md, var(--col, 12));
    }
}

/* DESKTOP */
@media (min-width: 993px) {
    .zenite-col {
        grid-column: span var(--col-lg, var(--col, 12));
    }
}