table{width:100%;border-collapse:collapse;margin:20px 0;font-size:16px;font-family:Arial,sans-serif;overflow-x:auto}td,th{border:2px solid #ccc;text-align:left;padding:16px}th{background-color:#f4f4f4;color:#333;font-weight:bold}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}@media (max-width:768px){table{font-size:14px}td,th{padding:10px}th,td{display:block;width:100%;box-sizing:border-box}tr{display:block;margin-bottom:10px}th{position:relative;top:0}td:before{content:attr(data-label);font-weight:bold;text-transform:uppercase;color:#555;display:block;margin-bottom:5px}}iframe{max-width:100%!important}