Вопрос Уменьшение (изменение) размера модуля при переходе на мобильную версию сайта

Здравствуйте. Сайт-визитка http://2tax.by/ (Joomla 3.6.2. шаблон Protostar). Не могли бы вы подсказать. Значит, структура сайта такая: на всех (шести) страницах привязаны одни и те же модули. Ну и текст посередине. Сейчас интересуют 4 модуля (состоящие из картинок), два слева и два справа от текста на каждой из страниц. Как сделать, чтобы при просмотре сайта в мобильной версии, эти изображения уменьшились? А еще лучше, чтобы они расположились рядом, а не так как сейчас (в мобильной версии), две крупные картинки (это те, которые в обычном расширении, стоят слева от текста), потом идет текст, а потом и следующие две картинки (модули). А так они красиво стояли бы рядом (маленькие, в виде квадрата 2х2), и уже вниз шел бы текст. Ну или вначале текст, а потом четыре картинки, не принципиально. Кстати, при плавном уменьшении размера окна в браузере на компьютере, модули пытаются вначале уменьшить размер, а когда окно становится еще меньше - они снова вырастают.

И еще, может вообще сделать, чтобы не было мобильной версии у сайта. По мне так лучше на смартфоне или планшете просто масштабировать вручную. Как считаете, насколько это актуально? Спасибо.

 

Просто я долго ждал ответа, и за это время где-то нашел и поменял строчку в index.php на

<meta name="viewport" content="width=1200px, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

Не знаю правильно или нет, но сейчас он выглядит так как есть, и так как Вы говорите. Т.е. в адаптивной верстке. А вообще интересовало, как сделать (не знаю display: none, или нет), чтобы не был такой вид в смартфоне примерно:

А нужно, чтобы модули с картинками уменьшались в размере.