The Dream Stream

@media (max-width: 991px) {
  /* Turn row into flex on mobile/tablet */
  #app .poc-layout-one-column .row {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Disable floats so flex ordering works */
  #app .poc-layout-one-column .row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
  }

  /* 1) Payment sidebar first */
  #app .poc-layout-one-column .row > .col-md-3 {
    order: 1 !important;
  }

  /* 2) Keep col-md-2 second */
  #app .poc-layout-one-column .row > .col-md-2 {
    order: 2 !important;
  }

  /* 3) Main content last */
  #app .poc-layout-one-column .row > .col-md-7 {
    order: 3 !important;
  }
}
Can be added to page by page or sitewide. Puts related content, then left hand nav, then page title and main body content.