Адаптировать сайт для мобильных устройств

Сайт: srv47193.ht-test.ru/abcsy...

1. Для телефона вертикально расположенного переделать, как на скриншотах, добавить шапку и подвал.
2. Для горизонтально расположенного – оставить верстку, как есть только корзинку с телефоном чуть увеличить и ниже опустить, чтобы поровнее смотрелось, добавить шапку и подвал.
3. Для планшета вертикально добавить шапку и подвал.
4. Для планшета горизонтально оставить как есть.
5. Закомментировать проводимые изменения в файлах, с которыми будете работать.

Архив с фото прикреплен к проекту.