table{width:100%;border-collapse:collapse;margin:1em 0;font-size:16px;border:1px solid #ccc}table th,table td{border:1px solid #ccc;padding:12px;text-align:left}@media screen and (max-width:768px){table,thead,tbody,th,td,tr{display:block;width:100%}thead{display:none}tr{margin-bottom:1em;border:1px solid #ccc;padding:8px}td{position:relative;padding-left:50%;border:none;border-bottom:1px solid #eee;box-sizing:border-box}td:nth-child(1)::before{content:"Topic";position:absolute;left:15px;top:12px;font-weight:bold;white-space:nowrap}td:nth-child(2)::before{content:"Details";position:absolute;left:15px;top:12px;font-weight:bold;white-space:nowrap}}