@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

  /* Force table to not be like tables anymore */
  table.table-responsive-gc,
  table.table-responsive-gc thead,
  table.table-responsive-gc tbody,
  table.table-responsive-gc th,
  table.table-responsive-gc td,
  table.table-responsive-gc tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.table-responsive-gc thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.table-responsive-gc tr {
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .table.table-responsive-gc>tbody>tr>td,
  .table.table-responsive-gc>tfoot>tr>td,
  .table.table-responsive-gc>thead>tr>td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 40%;
    min-height: 40px;
  }

  .table.table-responsive-gc>tbody>tr>td:before,
  .table.table-responsive-gc>tfoot>tr>td:before,
  .table.table-responsive-gc>thead>tr>td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 40%;
    padding-right: 10px;
    /* Label the data */
    content: attr(data-label);
    font-weight: bold;
  }

  /* Force table to not be like tables anymore */
  table.table-responsive-gc-nolabel,
  table.table-responsive-gc-nolabel thead,
  table.table-responsive-gc-nolabel tbody,
  table.table-responsive-gc-nolabel th,
  table.table-responsive-gc-nolabel td,
  table.table-responsive-gc-nolabel tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.table-responsive-gc-nolabel thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.table-responsive-gc-nolabel tr {
    border: 1px solid #ccc;
    margin-bottom: 10px;
  }
  .table.table-responsive-gc-nolabel>tbody>tr>td,
  .table.table-responsive-gc-nolabel>tfoot>tr>td,
  .table.table-responsive-gc-nolabel>thead>tr>td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    min-height: 40px;
  }

  /* Force table to not be like tables anymore */
  table.table-responsive-gc-lessonrecord,
  table.table-responsive-gc-lessonrecord thead,
  table.table-responsive-gc-lessonrecord tbody,
  table.table-responsive-gc-lessonrecord th,
  table.table-responsive-gc-lessonrecord td,
  table.table-responsive-gc-lessonrecord tr {
    display: block;
  }

  table.table-responsive-gc-lessonrecord.table-bordered>tbody>tr>th {
    border: none;
    border-bottom: 1px solid #eee;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  table.table-responsive-gc-lessonrecord thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.table-responsive-gc-lessonrecord tr {
    border: 1px solid #ccc;
  }

  .table.table-responsive-gc-lessonrecord>tbody>tr>th,
  .table.table-responsive-gc-lessonrecord>tfoot>tr>th,
  .table.table-responsive-gc-lessonrecord>thead>tr>th {
    font-weight: bold;
  }
  .table.table-responsive-gc-lessonrecord>tbody>tr>td,
  .table.table-responsive-gc-lessonrecord>tfoot>tr>td,
  .table.table-responsive-gc-lessonrecord>thead>tr>td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    min-height: 40px;
  }
}
table.table-responsive-gc-lessonrecord th.heading-thin {
  font-weight: normal;
}
table.table-responsive-gc-lessonrecord .lesson-record-section-title {
  width: 10%;
}
table.table-responsive-gc-lessonrecord .lesson-record-section-subtitle {
  width: 25%;
}
table.table-responsive-gc-lessonrecord .lesson-record-section-body {
  width: 65%;
}
table.table-responsive-gc-lessonrecord .student-info-lesson-demand {
  width: 20%;
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
  table.table-responsive-gc-lessonrecord th.heading-thin {
    font-weight: bold;
  }
  table.table-responsive-gc-lessonrecord .lesson-record-section-title {
    width: 100%;
  }
  table.table-responsive-gc-lessonrecord .lesson-record-section-subtitle {
    width: 100%;
  }
  table.table-responsive-gc-lessonrecord .lesson-record-section-body {
    width: 100%;
  }
  table.table-responsive-gc-lessonrecord .student-info-lesson-demand {
    width: 100%;
  }
}