@media only screen and (max-width:840px){table.responsive{margin-bottom:0;overflow:hidden;overflow-x:scroll;display:block;white-space:nowrap}}table{width:100%;border-collapse:collapse;border:2px solid #007bff;margin:20px 0 20px}th{background-color:#eff4ff;color:white;font-weight:bold;padding:10px;text-align:left;color:#fff}td{border:1px solid #dddddd;padding:8px}tr:nth-child(even){background-color:#f2f2f2}@media screen and (max-width:600px){th{display:none}td::before{content:attr(data-label);font-weight:bold;display:block}}