Адаптация существующего меню css или создание нового

На сайте есть рабочее адаптивное меню moscow-lumineers.ru , при уменьшении экрана оно адаптируется.

Нужно переделать его, чтобы оно работало по такому типу

dabblet.com/gist/2030070, и по такому же типу адаптации при просмотре на

мобильных устройствах. Но  расстояния между блоками должно быть больше,

чем по этой ссылке.

То есть, блоки с одной ссылкой, которые при адаптации смещаются один под другой. 

Вот так должно выглядеть меню при адаптации http://moscow-lumineers.ru/wp-content/uploads/Screenshot_20160612-042927.png

ВНИМАНИЕ! 

Категорически не допускается параллельно дублирующее меню скрываемое display: none или visibility: hidden. 

Если не получается переделать это меню, то можно написать новое, но чтобы оно визуально было похоже на существующее.

В компьютерной версии оно выпадающее с под меню, в мобильно версии это просто кнопки (без под меню)