table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #ddd;padding:10px;text-align:left}th{background:#2d8cb5;color:white;padding:10px;text-align:left;border:1px solid #ddd}@media(max-width:786px){.container{width:95%}th,td{padding:8px;font-size:14px}.popup{width:250px;padding:15px}.btn{padding:8px 12px;font-size:14px}}@media(max-width:425px){table{display:block;overflow-x:auto;white-space:nowrap}th,td{font-size:12px;padding:6px}.popup{width:220px;padding:12px}.btn{padding:6px 10px;font-size:12px}}ul{padding-left:20px !important}