.step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--default-grey-color);
  border: 1px solid var(--default-border-color);
  border-radius: var(--default-border-radius);
  overflow: hidden; }
  @media (min-width: 780px) {
    .step-list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: auto; } }