.table { border-radius: 4px;
overflow: hidden; }
.table-mobile {
  display: block; }
  .table-mobile thead {
    display: none; }
  .table-mobile tbody,
  .table-mobile tr {
    display: flex;
    flex-direction: column; }
  .table-mobile td {
    display: block;
    padding: 0.5rem 0.5rem !important;
    border: none;
    color: #232e3c !important; }
    .table-mobile td[data-label]:before {
      font-size: 0.625rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .04em;
      line-height: 1.6;
      color: #656d77;
      content: attr(data-label);
      display: block; }
  .table-mobile tr {
    border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
  .table-mobile .btn {
    display: block; }

@media (max-width: 575.98px) {
  .table-mobile-sm {
    display: block; }
    .table-mobile-sm thead {
      display: none; }
    .table-mobile-sm tbody,
    .table-mobile-sm tr {
      display: flex;
      flex-direction: column; }
    .table-mobile-sm td {
      display: block;
      padding: 0.5rem 0.5rem !important;
      border: none;
      color: #232e3c !important; }
      .table-mobile-sm td[data-label]:before {
        font-size: 0.625rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.6;
        color: #656d77;
        content: attr(data-label);
        display: block; }
    .table-mobile-sm tr {
      border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
    .table-mobile-sm .btn {
      display: block; } }

@media (max-width: 767.98px) {
  .table-mobile-md {
    display: block; }
    .table-mobile-md thead {
      display: none; }
    .table-mobile-md tbody,
    .table-mobile-md tr {
      display: flex;
      flex-direction: column; }
    .table-mobile-md td {
      display: block;
      padding: 0.5rem 0.5rem !important;
      border: none;
      color: #232e3c !important; }
      .table-mobile-md td[data-label]:before {
        font-size: 0.625rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.6;
        color: #656d77;
        content: attr(data-label);
        display: block; }
    .table-mobile-md tr {
      border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
    .table-mobile-md .btn {
      display: block; } }

@media (max-width: 991.98px) {
  .table-mobile-lg {
    display: block; }
    .table-mobile-lg thead {
      display: none; }
    .table-mobile-lg tbody,
    .table-mobile-lg tr {
      display: flex;
      flex-direction: column; }
    .table-mobile-lg td {
      display: block;
      padding: 0.5rem 0.5rem !important;
      border: none;
      color: #232e3c !important; }
      .table-mobile-lg td[data-label]:before {
        font-size: 0.625rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.6;
        color: #656d77;
        content: attr(data-label);
        display: block; }
    .table-mobile-lg tr {
      border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
    .table-mobile-lg .btn {
      display: block; } }

@media (max-width: 1199.98px) {
  .table-mobile-xl {
    display: block; }
    .table-mobile-xl thead {
      display: none; }
    .table-mobile-xl tbody,
    .table-mobile-xl tr {
      display: flex;
      flex-direction: column; }
    .table-mobile-xl td {
      display: block;
      padding: 0.5rem 0.5rem !important;
      border: none;
      color: #232e3c !important; }
      .table-mobile-xl td[data-label]:before {
        font-size: 0.625rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.6;
        color: #656d77;
        content: attr(data-label);
        display: block; }
    .table-mobile-xl tr {
      border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
    .table-mobile-xl .btn {
      display: block; } }

@media (max-width: 1399.98px) {
  .table-mobile-xxl {
    display: block; }
    .table-mobile-xxl thead {
      display: none; }
    .table-mobile-xxl tbody,
    .table-mobile-xxl tr {
      display: flex;
      flex-direction: column; }
    .table-mobile-xxl td {
      display: block;
      padding: 0.5rem 0.5rem !important;
      border: none;
      color: #232e3c !important; }
      .table-mobile-xxl td[data-label]:before {
        font-size: 0.625rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .04em;
        line-height: 1.6;
        color: #656d77;
        content: attr(data-label);
        display: block; }
    .table-mobile-xxl tr {
      border-bottom: 1px solid rgba(101, 109, 119, 0.16); }
    .table-mobile-xxl .btn {
      display: block; } }