table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{color:#fff;background-color:#4caf50}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}@media (width<=600px){th,td{width:100%;display:block}tr{margin-bottom:15px;display:block}th{text-align:right}td{text-align:left;border:none;padding-left:50%;position:relative}td:before{content:attr(data-label);white-space:nowrap;text-align:left;width:45%;padding-right:10px;font-weight:700;position:absolute;left:10px}}