Сделать таблицу адаптивной

Есть сайт: paket24.ru/meshki-dlya-mu... там таблицы с ценами и они масштабируются до определённой ширина, а дальше перестают и получается, что на мобильном таблица видна не полностью.

Надо исправить код таблицы так, чтоб она масштабировалась под любой размер экрана. 
Исправить надо одну таблицу, и показать мне что было исправлено, чтоб я сам остальные поправил.

Вот код таблицы:

<style type="text/css">
.tftable {font-size:18px;color:#333333;width:100%;border-width: 1px;border-color: #333333;border-collapse: collapse;}
.tftable th {font-size:18px;background-color:#00b7f4;border-width: 1px;padding: 8px;border-style: solid;border-color: #333333;text-align:center;}
.tftable tr {background-color:#ffffff;}
.tftable td {font-size:18px;border-width: 1px;padding: 8px;border-style: solid;border-color: #333333;}
.tftable tr:hover {background-color:#ffff99;}
</style>

<table class="tftable" border="1">
<tr><th  rowspan="2">Размер, см</th><th  rowspan="2">Цвет</th><th  rowspan="2">Толщина, мкм</th><th  rowspan="2">Штук в рулоне</th><th  rowspan="2">Рулонов в упаковке</th><th colspan="3">Цена за упаковку</th></tr>

<tr align="center"><td>до 5 упаковок</td><td align="center">5 – 30 упаковок</td><td align="center">более 30 упаковок</td></tr>
<tr align="center"><td>90х110</td><td  rowspan="5">Черный
Синий
Зелёный
Желтый
Красный
Белый
Прозрачный
Любой цвет под заказ!</td><td>40</td><td>10</td><td>25</td><td>1210 руб.</td><td>1160 руб.</td><td>1100 руб.</td></tr>
<tr align="center"><td>90х110</td><td>60</td><td>10</td> <td>20</td><td>1290 руб.</td><td>1230 руб.</td><td>1170 руб.</td></tr>
<tr align="center"><td>90х110</td><td>40</td><td>25</td> <td>10</td><td>1230 руб.</td><td>1160 руб.</td><td>1100 руб.</td></tr>
<tr align="center"><td>90х110</td><td>55</td><td>25</td> <td>10</td><td>1290 руб.</td><td>1230 руб.</td><td>1170 руб.</td></tr>

<tr align="center"><td>90х110</td><td>60</td><td>25</td> <td>10</td><td>1690 руб.</td><td>1640 руб.</td><td>1580 руб.</td></tr>

</table>