.signup-aside-panel {
    width: 30% !important;
}

@media only screen and (min-width: 992px) {
    .aside-enabled.aside-fixed.header-fixed .header {
        left: 0 !important;
        transition: left .3s ease;
    }
}

@media only screen and (max-width: 992px) {
    .signup-aside-panel {
        width: 100% !important;
    }

    .signup-logo {
        margin-top: 40px !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 992px) {
    .stepper.stepper-pills.stepper-column .stepper-line {
        border-left: none !important;
    }

    .stepper.stepper-pills.stepper-column .stepper-nav {
        flex-direction: row !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 992px) {
    .stepper.stepper-pills.stepper-column .stepper-nav {
        width: 85% !important;
        justify-content: space-between !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 801px) {
    .stepper.stepper-pills.stepper-column .stepper-nav {
        width: 90% !important;
        justify-content: space-between !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 701px) {
    .stepper.stepper-pills.stepper-column .stepper-nav {
        width: 95% !important;
        justify-content: space-between !important;
    }
}

@media only screen and (max-width: 649px) {
    .stepper.stepper-pills.stepper-column .stepper-nav {
        flex-direction: column !important;
        width: 215px !important;
        margin: 0 auto 40px !important;
    }
}