Здравствуйте!
1)В шаблоне style.css после строки

@media only screen and (min-width: 960px) and (max-width: 1200px) {

  добавьте строки

.promo_block li.box-4 {background-position: 0 -370px;margin-left: 124px;}
.promo_block li.box-3 {background-position: 0 -110px;margin-left: 50px;}

2)В шаблоне style.css после строки

@media only screen and (min-width: 768px) and (max-width: 959px) { 

   добавьте  

.promo_block li.box-4 {background-position: 0 -370px;margin-left: 124px;}
.promo_block li.box-3 {background-position: 0 -110px;margin-left: 50px;}

3)В шаблоне style.css после строки

@media only screen and (min-width: 480px) and (max-width: 767px) {

добавьте

.promo_block li.box-4 {background-position: 0 -370px;margin-left: 154px;}
.promo_block li.box-3 {background-position: 0 -110px;margin-left: 50px;}

4) В шаблоне style.css после строки

@media only screen and (max-width: 479px) {

добавьте

.promo_block li.box-4 {background-position: 0 -370px;margin-left: 44px;}
.promo_block li.box-3 {background-position: 0 -110px;margin-left: 44px;}

В шаблоне Товары перед строками

<br clear="all"/>
<!-- В категориях используем стандартный алгоритм отображения товаров -->
{% ELSE %}

добавьте строки

{% IF CATEGORY_DESCRIPTION %}
{CATEGORY_DESCRIPTION}
{% ENDIF %}