<div style=”overflow-x: auto;”>
<table style=”width: 100%; border-collapse: collapse; text-align: left; border: 1px solid #ddd; font-family: Arial, sans-serif;”>
<thead style=”background-color: #e41e26; color: #fff;”>
<tr>
<th style=”padding: 10px;”>MODEL NUMBER</th>
<th style=”padding: 10px;”>WATTS</th>
<th style=”padding: 10px;”>BEAM ANGLE</th>
<th style=”padding: 10px;”>DIMENSIONS (MM)</th>
</tr>
</thead>
<tbody>
<tr>
<td style=”padding: 8px;”>JUPITER-60</td>
<td style=”padding: 8px;”>10W</td>
<td style=”padding: 8px;”>12°, 24°, 38°, 55°</td>
<td style=”padding: 8px;”>60mm x 180mm</td>
</tr>
<tr>
<td style=”padding: 8px;”>JUPITER-70</td>
<td style=”padding: 8px;”>20W</td>
<td style=”padding: 8px;”>12°, 24°, 38°, 55°</td>
<td style=”padding: 8px;”>70mm x 180mm</td>
</tr>
<tr>
<td style=”padding: 8px;”>JUPITER-80</td>
<td style=”padding: 8px;”>30W</td>
<td style=”padding: 8px;”>12°, 24°, 38°, 55°</td>
<td style=”padding: 8px;”>80mm x 180mm</td>
</tr>
<tr>
<td style=”padding: 8px;”>JUPITER-90</td>
<td style=”padding: 8px;”>40W</td>
<td style=”padding: 8px;”>12°, 24°, 38°, 55°</td>
<td style=”padding: 8px;”>90mm x 180mm</td>
</tr>
</tbody>
</table>
</div>
<style>
@media screen and (max-width: 768px) {
table {
width: 100%;
display: block;
overflow-x: auto;
white-space: nowrap;
}
table th, table td {
font-size: 14px;
padding: 6px;
}
}
</style>
