.form-wizard--responsive {
    display: flex;
    flex-direction: row;
}

.form-wizard-step.form-wizard-step--responsive.form-wizard-step--responsive--mobile {
    display: none;
}

.form-wizard.form-wizard--responsive .form-wizard-lbl{
    font-size: 16px;
}

.form-wizard-step.form-wizard-step--responsive .label-mandatory-marker-container{
    display: none;
    margin: 0;
}

.form-wizard-step.form-wizard-step--responsive {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width: 890px) {
}

@media screen and (min-width: 700px) and (max-width: 889px) {

}

@media screen and (min-width: 396px) and (max-width: 699px) {
    .form-wizard.form-wizard--responsive {
        display: none;
    }

    .form-wizard.form-wizard--responsive .form-wizard-step{
         align-items: flex-start;
        justify-content: flex-start;
    }
    .form-wizard.form-wizard--responsive .icon{
        display: none;
    }
    .form-wizard.form-wizard--responsive  .form-wizard-step.current{
        flex-grow: 1;
    }

    .form-wizard-step.form-wizard-step--responsive.form-wizard-step--responsive--mobile {
        display: flex;
        height: 56px;
        align-items: center;
        margin-left: 0;
    }

    .form-wizard-step.form-wizard-step--responsive{
        display: none;
    }

    .form-wizard-step.form-wizard-step--responsive.form-wizard-step--responsive--mobile .icon{
        margin-right: 12px;
    }

    .form-wizard-step.form-wizard-step--responsive .label-mandatory-marker-container{
        display: block;
        flex-grow: 1;
        text-align: right
    }

}

@media screen  and (max-width: 396px) {
    .form-wizard.form-wizard--responsive {
        display: none;
    }

    .form-wizard.form-wizard--responsive .form-wizard-step{
        align-items: flex-start;
        justify-content: flex-start;
    }
    .form-wizard.form-wizard--responsive .icon{
        display: none;
    }
    .form-wizard.form-wizard--responsive  .form-wizard-step.current{
        flex-grow: 1;
    }

    .form-wizard-step.form-wizard-step--responsive.form-wizard-step--responsive--mobile {
        display: flex;
        height: 56px;
        align-items: center;
        margin-left: 0;
    }

    .form-wizard-step.form-wizard-step--responsive{
        display: none;
    }

    .form-wizard-step.form-wizard-step--responsive.form-wizard-step--responsive--mobile .icon{
        margin-right: 12px;
    }

    .form-wizard-step.form-wizard-step--responsive .label-mandatory-marker-container{
        display: block;
        flex-grow: 1;
        text-align: right
    }
}