.mz-4-kpis .mz-box-kpi {
    flex-basis: calc(100% / 1);
    height: calc(100% / 4);
    min-height: calc(100% / 4);
}

.mz-5-kpis .mz-box-kpi {
    flex-basis: calc(100% / 1);
    height: calc(100% / 5);
    min-height: calc(100% / 5);
}

.mz-6-kpis .mz-box-kpi {
    flex-basis: calc(100% / 1);
    height: calc(100% / 6);
    min-height: calc(100% / 6);
}

.mz-7-kpis .mz-box-kpi {
    flex-basis: calc(100% / 1);
    height: calc(100% / 7);
    min-height: calc(100% / 7);
}

.mz-8-kpis .mz-box-kpi {
    flex-basis: calc(100% / 1);
    height: calc(100% / 8);
    min-height: calc(100% / 8);
}



@media (min-width: 576px) {
    .mz-4-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: calc(100% / 2);
        min-height: calc(100% / 2);
    }

    .mz-5-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: calc(100% / 3);
        min-height: calc(100% / 3);
    }

    .mz-6-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: calc(100% / 3);
        min-height: calc(100% / 3);
    }

    .mz-7-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: calc(100% / 4);
        min-height: calc(100% / 4);
    }

    .mz-8-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: calc(100% / 4);
        min-height: calc(100% / 4);
    }
}

@media (min-width: 768px) {
    .mz-4-kpis .mz-box-kpi {
        flex-basis: calc(100% / 2);
        height: 50%;
        min-height: 50%;
    }

    .mz-5-kpis .mz-box-kpi {
        flex-basis: calc(100% / 3);
        height: 50%;
        min-height: 50%;
    }

    .mz-6-kpis .mz-box-kpi {
        flex-basis: calc(100% / 3);
        height: 50%;
        min-height: 50%;
    }

    .mz-7-kpis .mz-box-kpi {
        flex-basis: calc(100% / 4);
        height: 50%;
        min-height: 50%;
    }

    .mz-8-kpis .mz-box-kpi {
        flex-basis: calc(100% / 4);
        height: 50%;
        min-height: 50%;
    }
}

@media (min-width: 1200px) {
    .mz-4-kpis .mz-box-kpi {
        flex-basis: calc(100% / 4);
        height: 100%;
        min-height: 100%;
    }

    .mz-5-kpis .mz-box-kpi {
        flex-basis: calc(100% / 5);
        height: 100%;
        min-height: 100%;
    }

    .mz-6-kpis .mz-box-kpi {
        flex-basis: calc(100% / 6);
        height: 100%;
        min-height: 100%;
    }

    .mz-7-kpis .mz-box-kpi {
        flex-basis: calc(100% / 7);
        height: 100%;
        min-height: 100%;
    }

    .mz-8-kpis .mz-box-kpi {
        flex-basis: calc(100% / 8);
        height: 100%;
        min-height: 100%;
    }
}