/* min width: 676px start */
@media screen and (min-width: 677px) {
    #signUpForm .form-header .stepIndicator::after {
        width: 128px;
    }
    .addButton {
        right: calc(50% - 363px);
    }
}
/* min width: 676px end */
/* max width: 676px start */
@media screen and (max-width: 676px) {
    .mobile-width{
        width: 90%!important;
    }
    #signUpForm .form-header .stepIndicator::after {
        width: 96px;
    }
    .addButton {
        right: calc(50% - 312px);
    }
}
/*max  width: 676px end */

/* max width: 576px start */
@media screen and (max-width: 576px) {
    #signUpForm .form-header .stepIndicator::after {
        width: 79px;
    }
    .addButton {
        right: calc(50% - 262px);
    }
}
/* max width: 576px end */

/* max width: 480px start */
@media screen and (max-width: 480px) {
    #signUpForm .form-header .stepIndicator::after {
        width: 59px;
    }
    .addButton {
        right: calc(50% - 216px + 14px);
    }
}
/* max width: 480px end */

/*max  width: 360px start */
@media screen and (max-width: 380px) {
    #signUpForm .form-header .stepIndicator::after {
        width: 45px;
    }
    .addButton {
        right: calc(50% - 216px + 43px);
    }
}
/* max width: 360px end */

/* update page */


/* min width: 676px start */
@media screen and (min-width: 677px) {
    .update-page #signUpForm .form-header .stepIndicator::after {
        width: 100px;
    }
    .addButton {
        right: calc(50% - 363px);
    }
}
/* min width: 676px end */
/* max width: 676px start */
@media screen and (max-width: 676px) {
    .mobile-width{
        width: 90%!important;
    }
    .update-page #signUpForm .form-header .stepIndicator::after {
        width: 79px;
    }
    .addButton {
        right: calc(50% - 312px);
    }
}
/*max  width: 676px end */

/* max width: 576px start */
@media screen and (max-width: 576px) {
    .update-page #signUpForm .form-header .stepIndicator::after {
        width: 64px;
    }
    .addButton {
        right: calc(50% - 262px);
    }
}
/* max width: 576px end */

/* max width: 480px start */
@media screen and (max-width: 480px) {
    .update-page #signUpForm .form-header .stepIndicator::after {
        width: 50px;
    }
    .addButton {
        right: calc(50% - 216px + 14px);
    }
}
/* max width: 480px end */

/*max  width: 360px start */
@media screen and (max-width: 380px) {
    .update-page #signUpForm .form-header .stepIndicator::after {
        width: 45px;
    }
    .addButton {
        right: calc(50% - 216px + 43px);
    }
}
/* max width: 360px end */