Необходимо скорректировать адаптивный шаблон на HTML/CSS

В данный момент в большой левой части сайта находится 3 колонки с автоматическим увеличением под разрешение дисплея и необходимо перенастроить таким образом:



Задачи:

1. Ширина информационного блока должна быть фиксирована 220px (статично) и автоматически не увеличиваться

2. Сайт должен адаптироваться под разрешение дисплея пользователя!

3. Фиксированное расстояние между блоками 40рх, до разрешения дисплея 300рх, меньше 300рх автоматическое уменьшение блока



Необходимо:

- от 1920рх и больше – Количество колонок 4. Расстояние между колонками 40рх. 4 колонки выравниваются по центру большого правого блока.

- от 1920рх до 1451рх – Количество колонок 4. Расстояние между колонками 40рх

- от 1450рх до 561рх – Количество колонок 3. Расстояние между колонками 40рх

- от 560рх до 301px Количество колонок 2. Расстояние между колонками 40рх

- от 300рх и меньше Количество колонок 1 с автоуменьшением. Расстояние по бокам колонки 20рх



P.S. Левый блок "меню" до 1320рх включительно составляет фиксировано 370рх, при уменьшении разрешения в плоть до 960рх – Левый блок "меню" автоматически изменяется в размерах до 190рх, ниже 960рх, Левый блок "меню" исчезает и превращается в иконку "меню". Левый блок меню трогать не нужно!