table{
width:100%;
border-collapse:collapse;
}

th,td{
border:1px solid #999;
padding:8px;
text-align:left;
}

th{
background-color:#f2f2f2;
}

@media (max-width:600px){
table,thead,tbody,th,td,tr{
display:block;
}

th{
display:none;
}

td{
border:none;
border-bottom:1px solid #999;
position:relative;
padding-left:50%;
}

td:before{
position:absolute;
top:6px;
left:6px;
width:45%;
padding-right:10px;
white-space:nowrap;
content:attr(data-label);
font-weight:700;
}
}