Если не косячить, то все и так нормально отображается.
Если чуток поколдовать, то можно сделать так:
Перенести Преимущества под фото над описанием товара. Там ему и место, мне кажется.
Выделение фоном использовано только как тестовое обозначение блока. Это не дизайнерское решение.
А в Категории можно проявить скрытые Преимущества и Подарки. Сделать так:
Но возникает проблема, когда идет большой текст в описании преимущества, то он залазит под стикер для товара из нижнего ряда "лучший выбор" или иной, если он стоит в верхнем угла картинки.
Тут надо немного поработать, но все решаемо.
Не забывайте, что базовый шаблон, это самая простая реализация. Новые фишки внедряются, но времени вылизывать все до идеала нет.
Тут возможны шероховатости.
Хотите красоту, ждите адаптированный бесплатный или платный шаблон. Или сами ручками.
Чтобы поправить отображение картинки Подарок на средних экранах
надо добавить класс Img-responsive для их картинки
\catalog\view\theme\default\template\product\product.tpl
в районе 315 строки добавить 2 раза class="img-responsive"
получаем