Исправить HTML код для корректного отображения на мобильных устройствах

[balaban]

Требуется поправить HTML код для корректного отображения на мобильных устройствах.

На главной странице добавлен блок "Наши преимущества" через дополнение "HTML Содержимое"

ocStore 2.3, шаблон кастомный

Код содержимого:

<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="preim transition"><img src="../image/preim/propit.jpg" />
<p><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span></p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="preim transition"><img src="../image/preim/flag.jpg" />
<p><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span></p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="preim transition"><img src="../image/preim/maxresdefault.jpg" />
<p><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span><br /><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span></p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
<div class="preim transition"><img src="../image/preim/map.png" />
<p><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span><br /><span style="font-family: georgia, palatino, serif; font-size: 12pt;">Текст</span></p>
</div>
</div>
</div>

 

Как выглядит на ПК:

http://picture-host.ru/img/photo1.png

Выглядит на мобильной сейчас:

http://picture-host.ru/img/pphoto3.jpg

Поправить аналогично:

http://picture-host.ru/img/pphoto2.jpg

[SiteMix]

Подозреваю, что уже сделано, но если актуально - напишите в личку.