/**
flex columns 
*/
.zf,
.zu-flex,
.zf-5,
.zu-flex-5,
.zf-10,
.zu-flex-10,
.zf-15,
.zu-flex-15,
.zf-20,
.zu-flex-20,
.zf-25,
.zu-flex-25,
.zf-30,
.zu-flex-30,
.zf-35,
.zu-flex-35,
.zf-33,
.zu-flex-33,
.zf-40,
.zu-flex-40,
.zf-45,
.zu-flex-45,
.zf-50,
.zu-flex-50,
.zf-55,
.zu-flex-55,
.zf-60,
.zu-flex-60,
.zf-65,
.zf-66,
.zu-flex-65,
.zu-flex-66,
.zf-70,
.zu-flex-70,
.zf-75,
.zu-flex-75,
.zf-80,
.zu-flex-80,
.zf-85,
.zu-flex-85,
.zf-90,
.zu-flex-90,
.zf-95,
.zu-flex-95,
.zf-100,
.zu-flex-100 {
    flex: 1 0 0%;
}

.zf-5,
.zu-flex-5 {
    flex: 0 0 auto;
    width: 5% !important;
}

.zf-10,
.zu-flex-10 {
    flex: 0 0 auto;
    width: 10% !important;
}

.zf-15,
.zu-flex-15 {
    flex: 0 0 auto;
    width: 15% !important;
}

.zf-20,
.zu-flex-20 {
    flex: 0 0 auto;
    width: 20% !important;
}

.zf-25,
.zu-flex-25 {
    flex: 0 0 auto;
    width: 25% !important;
}

.zf-30,
.zu-flex-30 {
    flex: 0 0 auto;
    width: 30% !important;
}

.zf-33,
.zu-flex-33 {
    flex: 0 0 auto;
    width: 33.33% !important;
}

.zf-35,
.zu-flex-35 {
    flex: 0 0 auto;
    width: 35% !important;
}

.zf-40,
.zu-flex-40 {
    flex: 0 0 auto;
    width: 40% !important;
}

.zf-45,
.zu-flex-45 {
    flex: 0 0 auto;
    width: 45% !important;
}

.zf-50,
.zu-flex-50 {
    flex: 0 0 auto;
    width: 50% !important;
}

.zf-55,
.zu-flex-55 {
    flex: 0 0 auto;
    width: 55% !important;
}

.zf-60,
.zu-flex-60 {
    flex: 0 0 auto;
    width: 60% !important;
}

.zf-65,
.zu-flex-65 {
    flex: 0 0 auto;
    width: 65% !important;
}


.zf-66,
.zu-flex-66 {
    flex: 0 0 auto;
    width: 66.6% !important;
}


.zf-70,
.zu-flex-70 {
    flex: 0 0 auto;
    width: 70% !important;
}

.zf-75,
.zu-flex-75 {
    flex: 0 0 auto;
    width: 75% !important;
}

.zf-80,
.zu-flex-80 {
    flex: 0 0 auto;
    width: 80% !important;
}

.zf-85,
.zu-flex-85 {
    flex: 0 0 auto;
    width: 85% !important;
}

.zf-90,
.zu-flex-90 {
    flex: 0 0 auto;
    width: 90% !important;
}

.zf-95,
.zu-flex-95 {
    flex: 0 0 auto;
    width: 95% !important;
}

.zf-100,
.zu-flex-100 {
    flex: 0 0 auto;
    width: 100% !important;
}


@media (max-width: 768px) {

    .zfm,
    .zu-mob-flex,
    .zfm-5,
    .zu-mob-flex-5,
    .zfm-10,
    .zu-mob-flex-10,
    .zfm-15,
    .zu-mob-flex-15,
    .zfm-20,
    .zu-mob-flex-20,
    .zfm-25,
    .zu-mob-flex-25,
    .zfm-30,
    .zu-mob-flex-30,
    .zfm-35,
    .zu-mob-flex-35,
    .zfm-33,
    .zu-mob-flex-33,
    .zfm-40,
    .zu-mob-flex-40,
    .zfm-45,
    .zu-mob-flex-45,
    .zfm-50,
    .zu-mob-flex-50,
    .zfm-55,
    .zu-mob-flex-55,
    .zfm-60,
    .zu-mob-flex-60,
    .zfm-65,
    .zu-mob-flex-65,
    .zfm-70,
    .zu-mob-flex-70,
    .zfm-75,
    .zu-mob-flex-75,
    .zfm-80,
    .zu-mob-flex-80,
    .zfm-85,
    .zu-mob-flex-85,
    .zfm-90,
    .zu-mob-flex-90,
    .zfm-95,
    .zu-mob-flex-95,
    .zfm-100,
    .zu-mob-flex-100 {
        float: 1 0 auto;
    }

    .zfm-5,
    .zu-mob-flex-5 {
        flex: 0 0 auto;
        width: 5% !important;
    }

    .zfm-10,
    .zu-mob-flex-10 {
        flex: 0 0 auto;
        width: 10% !important;
    }

    .zfm-15,
    .zu-mob-flex-15 {
        flex: 0 0 auto;
        width: 15% !important;
    }

    .zfm-20,
    .zu-mob-flex-20 {
        flex: 0 0 auto;
        width: 20% !important;
    }

    .zfm-25,
    .zu-mob-flex-25 {
        flex: 0 0 auto;
        width: 25% !important;
    }

    .zfm-30,
    .zu-mob-flex-30 {
        flex: 0 0 auto;
        width: 30% !important;
    }

    .zfm-33,
    .zu-mob-flex-33 {
        flex: 0 0 auto;
        width: 33.33% !important;
    }

    .zfm-35,
    .zu-mob-flex-35 {
        flex: 0 0 auto;
        width: 35% !important;
    }

    .zfm-40,
    .zu-mob-flex-40 {
        flex: 0 0 auto;
        width: 40% !important;
    }

    .zfm-45,
    .zu-mob-flex-45 {
        flex: 0 0 auto;
        width: 45% !important;
    }

    .zfm-50,
    .zu-mob-flex-50 {
        flex: 0 0 auto;
        width: 50% !important;
    }

    .zfm-55,
    .zu-mob-flex-55 {
        flex: 0 0 auto;
        width: 55% !important;
    }

    .zfm-60,
    .zu-mob-flex-60 {
        flex: 0 0 auto;
        width: 60% !important;
    }

    .zfm-65,
    .zu-mob-flex-65 {
        flex: 0 0 auto;
        width: 65% !important;
    }

    .zfm-70,
    .zu-mob-flex-70 {
        flex: 0 0 auto;
        width: 70% !important;
    }

    .zfm-75,
    .zu-mob-flex-75 {
        flex: 0 0 auto;
        width: 75% !important;
    }

    .zfm-80,
    .zu-mob-flex-80 {
        flex: 0 0 auto;
        width: 80% !important;
    }

    .zfm-85,
    .zu-mob-flex-85 {
        flex: 0 0 auto;
        width: 85% !important;
    }

    .zfm-90,
    .zu-mob-flex-90 {
        flex: 0 0 auto;
        width: 90% !important;
    }

    .zfm-95,
    .zu-mob-flex-95 {
        flex: 0 0 auto;
        width: 95% !important;
    }

    .zfm-100,
    .zu-mob-flex-100 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}