@media screen and (max-width:600px)
{
table.tabble-responsive
{
  border: 0;
  width:100% !important;
}
table caption
{
  font-size: 1.3em;
}
tr.header-table
{
  display: none;
}
table tr
{
  border-bottom: 3px solid #ddd;
  display: block;
  margin-bottom: 0.625em;
}
table td
{
  border-bottom: 1px solid #ddd;
  display: block;
  text-align: right;
}
table td:before
{
  content: attr(aria-label);
  float: left;
  font-weight: bold;
}
table td:last-child
{
  border-bottom: 0;
}
}