table{border-collapse:collapse;width:100%;margin:20px 0}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{background-color:#f4f4f4}@media (width<=600px){th,td{text-align:right;display:block}th{background-color:#e2e2e2;position:relative}th:after{content:":";position:absolute;right:10px}td{text-align:left;border:none;border-bottom:1px solid #ddd;padding-left:50%;position:relative}td:before{content:attr(data-label);text-align:left;width:45%;padding-left:10px;font-weight:700;position:absolute;left:10px}}