Адаптация блочной модели шаблона - Joomla 3.x: Шаблоны, разметка и макеты вывода

Имеется стандартный двухколоночник:
Положение блоков определяется следующим CSS:
Третий блок (правая колонка) отключается PHP скриптом на мобильной версии сайта. Проблема в том, что вместо него остается пустое место. Как сохранить адаптивность двух вертикальных блоков (2 и 3), но при отсутствии третьего заставить второй растягиваться на всю ширину контейнера 1?

гуглите "css @media"

гуглите "css @media"

Медиа запросы у меня используются в зависимости от разрешения экрана, здесь дело в другом. PHP скрипт не может со 100% надежностью отключать правый блок только на мобильных устройствах, т.к. работает на основании списков User Agent - тов. Медиа корректно отключают этот блок в определенных разрешениях, но бывают случаи (например, широкие планшеты), когда медиазапрос еще не сработал, а php скрипт правый блок уже отключил, основываясь на User Agent. Вот тогда справа появляется пустое незаполненное поле.

для flex добавьте префиксы - http://autoprefixer.github.io/
http://caniuse.com/#search=flex

Создаем условие и прописываем, что "
1 – если на позиции RIGHT не опубликовано ни одного модуля ...
...Сакральный смысл – если на позиции нет ни одного модуля, мы не покажем вообще rightcolumn, но чтобы центральная колонка раздвинулась на всю оставшуюся ширину, мы к ней применяем отдельный класс centercolumn_ful ..." --- подробнее >>>>
Но уже классу centercolumn_ful задаем все необходимые правила