@media only screen and (max-width: 600px) {
  .stepBuble
  {
    display:none;
    margin: auto;
  }
  .e-form__indicators, .e-form__indicators__indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    align-content: space-between;
    align-items: center;
  }
  .mobile_form_radioBtn {
    transform: scale(1.5);
    margin-right: 0.5rem
  }

  .mobile_form_titles {
    margin-right: 0.5rem;
  }
}



/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
/* Hide all steps by default: */
.tab {
  display: none;
}


.e-form__indicators,
.e-form__indicators__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.e-form__indicators {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 13px;
  margin-bottom: var(--e-form-steps-indicators-spacing);
}

.e-form__indicators__indicator__number {
  width: var(--e-form-steps-indicator-padding, 30px);
  height: var(--e-form-steps-indicator-padding, 30px);
  border-width: 1px;
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.e-form__indicators__indicator--shape-circle {
  border-radius: 50%;
}
.e-form__indicators__indicator--state-completed {
  color: var(--e-form-steps-indicator-completed-secondary-color, #fff);
  background-color: var(--primary);
}
.e-form__indicators__indicator__label {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.e-form__indicators__indicator__number {
  width: var(--e-form-steps-indicator-padding, 30px);
  height: var(--e-form-steps-indicator-padding, 30px);
  border-width: 1px;
  border-style: solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  padding: 10px;
}
.e-form__indicators__indicator--state-active {
  background-color: var(--primary);
  border-color: var(--e-form-steps-indicator-active-secondary-color, #fff);
}
.e-form__indicators--type-icon .e-form__indicators__indicator__separator,
.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,
.e-form__indicators--type-number .e-form__indicators__indicator__separator,
.e-form__indicators--type-number_text
  .e-form__indicators__indicator__separator {
  margin-top: calc(
    var(--e-form-steps-indicator-padding, 30px) / 2 -
      var(--e-form-steps-divider-width, 1px) / 2
  );
}
.e-form__indicators__indicator__separator {
  width: 100%;
  height: var(--e-form-steps-divider-width);
  background-color: #c2cbd2;
}
.e-form__indicators--type-icon,
.e-form__indicators--type-icon_text,
.e-form__indicators--type-number,
.e-form__indicators--type-number_text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.myStepDisplay {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}