table{border-collapse:collapse;width:100%;margin:20px 0}th,td{text-align:left;border:1px solid #ddd;padding:8px}th{background-color:#f4f4f4}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}@media (width<=600px){table,thead,tbody,th,td,tr{display:block}th{display:none}tr{border:1px solid #ddd;margin-bottom:10px}td{text-align:right;padding-left:50%;position:relative}td:before{content:attr(data-label);white-space:nowrap;text-align:left;width:45%;padding-right:10px;position:absolute;left:10px}}