Long headline to turn your visitors into customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accent heading

Caption text

Table head 1

Table head 2

Table head 3

Table head 4

Table head 5

Table head 6

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

Row data

@media (max-width:650px) {
  .bm-table-2 th{
    display:none;
  }
  
  .bm-table-2 td{
    display:block;
    min-width: 100% !important;
    gap: var(--space-xs);
  }
  
  .bm-table-2 td:first-child {
    padding-block-start: var(--space-l);
  }
  
  .bm-table-2 td:last-child {
    padding-block-end: var(--space-l);
  }
  
  .bm-table-2 td::before {
    content: attr(data-cell) ':';
    font-weight: 700;
    text-transform: capitalize;
    flex-shrink: 0;
  }
  
}
@media (max-width:650px) {
  .bm-table-2 th{
    display:none;
  }
  
  .bm-table-2 td{
    display:grid;
    grid-template-columns: 10ch 1fr;
    min-width: 100% !important;
    gap: var(--space-xs);
  }
  
  .bm-table-2 td:first-child {
    padding-block-start: var(--space-l);
  }
  
  .bm-table-2 td:last-child {
    padding-block-end: var(--space-l);
  }
  
  .bm-table-2 td::before {
    content: attr(data-cell) ':';
    font-weight: 700;
    text-transform: capitalize;
    flex-shrink: 0;
  }
  
}