@media (max-width: 767px) {

    /* hide inactive wizard step -- not used*/
    .fi-fo-wizard-header > .fi-fo-wizard-header-step:not(.fi-active) {
        /*display: none !important; !* Hides the element by default *!*/
    }


    /* Hides title of non active wizard step */
    .fi-fo-wizard-header > .fi-fo-wizard-header-step:not(.fi-active) .fi-fo-wizard-header-step-label {
        display: none !important;
    }

    /* remove spacing around non active wizard step button */
    .fi-fo-wizard-header > .fi-fo-wizard-header-step:not(.fi-active) button {
        padding: 0 !important;
        column-gap: 0 !important;
    }

    /* force wizard steps to stay horizontal on mobile devices  */
    .fi-fo-wizard-header {
        grid-auto-flow: column !important;
    }
}