Адаптивный дизайн для сайта

Необходимо сделать адаптивный дизайн для сайта https://ecoline-m.ru

• Для главной: полностью каркас + все блоки. Меню на моб версии и на планшетах должно быть скрыто и открываться будет при нажатии на иконку.
• Только для ПК-версии (кроме мобильных и смарттфонов) - сделать главное меню фиксированным при прокрутке вниз. Пример тут https://www.brugmann.md/ru/%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0/
• Страница со списком материалов https://www.ecoline-m.ru/materialy/lg-hi-macs.html - таблицу с ценами и сами блоки так же сделать адаптивными. Если таблицу с ценами не получится подогнать под моб. версию, то переверстать таблицу дивами.
• Страница с конкретным материалом https://www.ecoline-m.ru/materialy/bienstone/lj-01-crystal.html

На другие страницы внимание пока не обращаем, если контент будет отображаться криво - ничего страшного. Главное - чтоб все ровно смотрелось на этих трех страницах.

Доп. требования: 

• Все ваши стили должны быть прописаны в отдельном файле. Текущие (существующие) файлы не трогаем
• Html-код правим только если это необходимо. Желательно ограничиться только добавлением новых классов (опять же, если это необходимо).
• Css код делаем минимально зависимым от текущей страницы - чтобы любой блок можно было разместить на другой странице без необходимости править css и подгонять под другую страницу. С этим проблем возникнуть не должно, так как используется один шаблон для всех страниц.
• В идеале ограничиться только CSS, без использования JS

Сайт на cms Joomla, доступ будет дан к папке с шаблоном, все файлы в нем. От вас - стоимость и сроки.