table.table3{
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-collapse: collapse;
  width: 85%;
  font-size: 80%;
}
table.table3 th,
table.table3 td{
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 10px;
}
table.table3 th{
  background-color: #f4faff;
  text-align: center;
}

@media screen and (max-width: 767px) {
  table.table3{
    border: none;
  }
  table.table3 thead{
    display: none;
  }
  table.table3 tr{
    border-top: 2px solid #ccc;
    display: block;
    margin-bottom: 20px;
  }
  table.table3 td{
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    display: block;
    padding: 10px;
    text-align: right;
  }
  table.table3 td::before{
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }
}