/* Align the T576 treatment timeline with the client's mobile layout. */
@media only screen and (max-width: 640px) {
  #rec932364291 .t576__col {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    width: 100%;
  }

  #rec932364291 .t576__linewrapper {
    flex: 0 0 34px;
    width: 34px;
    box-sizing: border-box;
    transform: translateX(12px);
  }

  #rec932364291 .t576__block {
    display: block;
    flex: 1 1 auto;
    width: auto;
    box-sizing: border-box;
    padding-left: 20px !important;
    padding-right: 0 !important;
  }

  #rec932364291 .t576__line {
    left: auto;
    right: 50%;
    transform: translate(50%, 0);
  }

  #rec932364291 .t576__circle {
    left: auto;
    right: 0;
    margin-left: auto;
    margin-right: 0;
  }

  #rec932364291 .t576__img {
    margin-left: auto;
    margin-right: auto;
  }

  #rec932364291 .t576__title {
    text-align: center;
  }

  /* Keep the contact list comfortably inset while leaving its bullet and
     phone/email lines aligned to the same text column. */
  #rec932364291 .t576__item:first-child .t576__descr {
    width: calc(100% - 16px);
    margin-left: 16px;
    margin-right: 0;
    text-align: left;
  }

  #rec932364291 .t576__item:first-child .t576__descr > div,
  #rec932364291 .t576__item:first-child .t576__descr li {
    text-align: left !important;
  }
}