@media (max-width: 768px) {
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 1rem 0.5rem;
    justify-content: space-around;
  }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell > .mat-mdc-sort-header-container {
    padding-left: 15px;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell:not([mat-mdc-sort-header]), .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell.mat-mdc-sort-header-disabled, .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-header-row th.mat-mdc-header-cell.mat-mdc-column-actions {
    display: none;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row {
    height: auto;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-mdc-column-actions) {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0.5rem;
    text-align: right;
    word-break: break-word;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-mdc-column-actions) > * {
    grid-column: 2;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row td.mat-mdc-cell:not(.mat-mdc-column-actions):before {
    content: attr(data-column-name);
    text-align: left;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row td.mat-mdc-column-actions {
    display: flex;
    justify-content: center;
    padding: 0 0.5rem;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row td.mat-mdc-column-actions > button {
    margin: 0.5rem 0;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row:last-of-type td:last-of-type {
    border: none;
 }
  .mat-mdc-table.displayHeaderRow[matTableResponsive] .mat-mdc-row:not(:last-of-type) td:last-of-type {
    border-bottom: 0.5rem solid #fafafa;
 }
  .mat-mdc-card .mat-mdc-table.displayHeaderRow[matTableResponsive], .mat-mdc-expansion-panel .mat-mdc-table.displayHeaderRow[matTableResponsive] {
    border: 0.5rem solid #fafafa;
 }
}