#wizard-mobile-title {
    display: none;
    text-align: center;
    color: #edeffe;
    font-size: 15px;
    font-weight: 500;
    padding-top: 30px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

@media (max-width: 799px) {
    .has-error .help-block {
        line-height: 1;
    }

    .wizard .sign-up-method-container > div > div,
    .wizard .sign-up-method-container > div > form {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }
}

@media (max-width: 719px) {
    .wizard > .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wizard > .actions {
        padding: 20px 1% 100px;
    }
}

@media (max-width: 699px) {
    .section-title {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profileSectionEditableWrap > div.form-group,
    .profileSectionEditableWrap > div.field-taxNumberInput {
        float: none;
        max-width: 320px;
        width: 100%;
        margin: 0 auto 30px;
        padding: 0;
    }

    .profileSectionName {
        font-size: 24px;
    }

    .profileSectionEditableWrap .sign-up-email-wrap > .email {
        font-size: 18px;
    }

    .profileEdit .title {
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .sign-up-wrap .modal-title {
        font-size: 18px;
    }

    .readTermsContainer .termsList .read-terms-span {
        margin-left: 15px;
        font-size: 16px;
    }
}

@media (max-width: 399px) {
    .readTermsContainer .termsList .read-terms-span {
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 449px) {
    .sign-up-wrap .section-header.title-size-5 .section-title .title {
        font-size: 10vw;
    }

    .sign-up-wrap .section-title .subtitle {
        font-size: 16px;
    }

    .wizard > .steps a .navigation-title {
        display: none;
    }

    #wizard-mobile-title {
        display: block;
    }

    .wizard > .steps a, .wizard > .steps a:hover,
    .wizard > .steps a:active {
        padding: 0;
    }

    .wizard > .steps {
        width: 300px;
    }

    .quiz-section-line {
        width: 24px;
        left: 48px;
    }
}

@media (max-width: 419px) {
    .payment-freq-switch {
        max-width: 318px;
        height: 70px;
        overflow: visible;
    }
}