@media screen and (max-width: 768px) {
    .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject {
        display: flex;
        flex-direction: column;
        h3 {
            flex: 0 0 100%;
        }
        .statusDisplay{
            order: 3;
            display: flex !important;

            ul {
                flex: 0 0 100% !important;
                justify-content: flex-end;
                > li:not([id^='threadRateContent']) {
                    display: none;
                }
            }
        }
        .messageGroupInfoMobile{
            order: 2;
        }
    }
}

@media screen and (max-width: 768px) {
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .statusDisplay{
    display: flex !important;

    ul {
      > li:not([id^='threadRateContent']) {
        display: none;
      }
    }
  }
}