Smart responsive bootstrap tables

_table-bootstrap.scss

/*===========================================
=            Override BS3 tables            =
===========================================*/

.table-smartresponsive {
  @media (max-width: $screen-xs-max) {
    th {
      display: none;
    }

    & > tbody {
      & > tr {
        td {
          display: block;
          border: none;

          &:first-child {
            padding-top: 20px;
          }

          &:last-child {
            padding-bottom: 20px;
          }
        }
      }
    }
  }
}