diff --git a/frontend/controllers/CategoryController.php b/frontend/controllers/CategoryController.php
index c026b9e..0358809 100755
--- a/frontend/controllers/CategoryController.php
+++ b/frontend/controllers/CategoryController.php
@@ -1,6 +1,7 @@
 <?php
     namespace frontend\controllers;
-    
+
+    use artbox\catalog\helpers\FilterHelper;
     use artbox\catalog\models\Category;
     use artbox\core\components\SeoComponent;
     use artbox\core\models\Page;
@@ -31,6 +32,7 @@
             $model = $this->findModel($id);
             /**
              * @var SeoComponent $seo
+             * @var FilterHelper $filterHelper
              */
             $seo = Yii::$app->get('seo');
             $seo->setModel($model->lang);
@@ -39,7 +41,10 @@
             $query = $filterHelper->buildQuery();
             $dataProvider = new ActiveDataProvider(
                 [
-                    'query' => $query,
+                    'query'      => $query,
+                    'pagination' => [
+                        'pageSize' => 18,
+                    ],
                 ]
             );
             
@@ -70,7 +75,7 @@
              * @var Page $model
              */
             $model = Category::findWithFilters($id)
-                             ->with('lang')
+                             ->with('lang.alias')
                              ->with('categories.lang')
                              ->with(
                                  [
@@ -83,6 +88,7 @@
                                  ]
                              )
                              ->one();
+            $seo->setAlias($model->lang->alias);
             if (!empty( $model )) {
                 if ($model->lang->alias_id !== $seo->aliasId) {
                     throw new NotFoundHttpException('Wrong language');
diff --git a/frontend/views/category/_product_item.php b/frontend/views/category/_product_item.php
new file mode 100644
index 0000000..5eb314c
--- /dev/null
+++ b/frontend/views/category/_product_item.php
@@ -0,0 +1,96 @@
+<?php
+    use artbox\catalog\models\Product;
+    use noam148\imagemanager\components\ImageManagerGetPath;
+    use yii\helpers\Html;
+    use yii\web\View;
+    
+    /**
+     * @var View                $this
+     * @var Product             $product
+     * @var ImageManagerGetPath $imageManager
+     */
+    $imageManager = \Yii::$app->get('imagemanager');
+?>
+<div class="col-md-4 col-sm-6">
+    <div class="product">
+        <div class="image">
+            <?php
+                if (!empty( $product->images )) {
+                    $image = $product->images[ 0 ]->id;
+                } else {
+                    $image = null;
+                }
+                echo Html::a(
+                    Html::img(
+                        $image ? $imageManager->getImagePath($image) : '/img/no-image.png',
+                        [
+                            'class' => 'img-responsive-image1',
+                        ]
+                    ),
+                    [
+                        'product/view',
+                        'id' => $product->id,
+                    ]
+                );
+            ?>
+        </div>
+        <!-- /.image -->
+        <div class="text">
+            <h3>
+                <?php
+                    echo Html::a(
+                        $product->lang->title,
+                        [
+                            'product/view',
+                            'id' => $product->id,
+                        ]
+                    );
+                ?>
+            </h3>
+            <p class="price">
+                <?php
+                    if ($product->variants[ 0 ]->price_old) {
+                        echo Html::tag('del', $product->variants[ 0 ]->price_old);
+                    }
+                    echo $product->variants[ 0 ]->price;
+                ?></p>
+            <p class="buttons">
+                <?php
+                    echo Html::a(
+                        Html::tag(
+                            'i',
+                            '',
+                            [
+                                'class' => 'fa fa-shopping-cart',
+                            ]
+                        ) . \Yii::t('app', 'В корзину'),
+                        '#',
+                        [ 'class' => 'btn btn-template-main' ]
+                    );
+                ?>
+            </p>
+        </div>
+        <!-- /.text -->
+        <?php
+            if ($product->is(1)) {
+                ?>
+                <div class="ribbon new">
+                    <div class="theribbon"><?php echo \Yii::t('app', 'Новое'); ?></div>
+                    <div class="ribbon-background"></div>
+                </div>
+                <?php
+            }
+            if ($product->is(2)) {
+                ?>
+                <div class="ribbon sale">
+                    <div class="theribbon"><?php echo \Yii::t('app', 'Акция'); ?></div>
+                    <div class="ribbon-background"></div>
+                </div>
+                <?php
+            }
+        ?>
+        
+        <!-- /.ribbon -->
+    </div>
+    <!-- /.product -->
+</div>
diff --git a/frontend/views/category/view.php b/frontend/views/category/view.php
index c61220c..aa3083e 100755
--- a/frontend/views/category/view.php
+++ b/frontend/views/category/view.php
@@ -5,16 +5,21 @@
     use artbox\catalog\models\Product;
     use artbox\core\components\SeoComponent;
     use yii\bootstrap\Html;
+    use yii\data\ActiveDataProvider;
     use yii\web\View;
+    use yii\widgets\LinkPager;
+    use yii\widgets\ListView;
     
     /**
-     * @var View         $this
-     * @var Category     $model
-     * @var SeoComponent $seo
-     * @var FilterHelper $filterHelper
+     * @var View               $this
+     * @var Category           $model
+     * @var SeoComponent       $seo
+     * @var FilterHelper       $filterHelper
+     * @var ActiveDataProvider $dataProvider
      */
     $seo = \Yii::$app->get('seo');
     $filterHelper = \Yii::$app->get('filter');
+    $view = $this;
     $this->params[ 'breadcrumbs' ][] = $seo->title;
 ?>
 <div id="content">
@@ -113,7 +118,10 @@ _________________________________________________________ -->
                                                 'id'     => $model->id,
                                                 'filter' => $filterHelper->buildLink($brand),
                                             ]
-                                        )
+                                        ),
+                                        [
+                                            'class' => $filterHelper->has($brand->lang->alias->value) ? 'active' : '',
+                                        ]
                                     );
                                 }
                             ?>
@@ -144,7 +152,12 @@ _________________________________________________________ -->
                                                         'id'     => $model->id,
                                                         'filter' => $filterHelper->buildLink($option),
                                                     ]
-                                                )
+                                                ),
+                                                [
+                                                    'class' => $filterHelper->has(
+                                                        $option->lang->alias->value
+                                                    ) ? 'active' : '',
+                                                ]
                                             );
                                         }
                                     ?>
@@ -175,7 +188,12 @@ _________________________________________________________ -->
                                                         'id'     => $model->id,
                                                         'filter' => $filterHelper->buildLink($option),
                                                     ]
-                                                )
+                                                ),
+                                                [
+                                                    'class' => $filterHelper->has(
+                                                        $option->lang->alias->value
+                                                    ) ? 'active' : '',
+                                                ]
                                             );
                                         }
                                     ?>
@@ -206,7 +224,12 @@ _________________________________________________________ -->
                                                         'id'     => $model->id,
                                                         'filter' => $filterHelper->buildLink($option),
                                                     ]
-                                                )
+                                                ),
+                                                [
+                                                    'class' => $filterHelper->has(
+                                                        $option->lang->alias->value
+                                                    ) ? 'active' : '',
+                                                ]
                                             );
                                         }
                                     ?>
@@ -237,7 +260,12 @@ _________________________________________________________ -->
                                                         'id'     => $model->id,
                                                         'filter' => $filterHelper->buildLink($option),
                                                     ]
-                                                )
+                                                ),
+                                                [
+                                                    'class' => $filterHelper->has(
+                                                        $option->lang->alias->value
+                                                    ) ? 'active' : '',
+                                                ]
                                             );
                                         }
                                     ?>
@@ -261,474 +289,43 @@ _________________________________________________________ -->
     _________________________________________________________ -->
             
             <div class="col-sm-9">
-                
-                <div class="row products">
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat with very but very very long name</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Armani</a></h3>
-                                <p class="price">
-                                    <del>$280</del>
-                                    $143.00
-                                </p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                            
-                            <div class="ribbon sale">
-                                <div class="theribbon">Скидки</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            
-                            <!-- /.text -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat with very but very very long name</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Armani</a></h3>
-                                <p class="price">
-                                    <del>$280</del>
-                                    $143.00
-                                </p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                            
-                            <div class="ribbon sale">
-                                <div class="theribbon">Скидки</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            
-                            <!-- /.text -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat with very but very very long name</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Armani</a></h3>
-                                <p class="price">
-                                    <del>$280</del>
-                                    $143.00
-                                </p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            </div>
-                            <!-- /.text -->
-                            
-                            <div class="ribbon sale">
-                                <div class="theribbon">Скидки</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product3.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Black Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product2.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">White Blouse Versace</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            
-                            <!-- /.text -->
-                            
-                            <div class="ribbon new">
-                                <div class="theribbon">Новое</div>
-                                <div class="ribbon-background"></div>
-                            </div>
-                            <!-- /.ribbon -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    
-                    <div class="col-md-4 col-sm-6">
-                        <div class="product">
-                            <div class="image">
-                                <a href="shop-product.html">
-                                    <img src="/img/product1.jpg" alt="" class="img-responsive image1">
-                                </a>
-                            </div>
-                            <!-- /.image -->
-                            <div class="text">
-                                <h3><a href="shop-product.html">Fur coat</a></h3>
-                                <p class="price">$143.00</p>
-                                <p class="buttons">
-                                    <a href="shop-basket.html" class="btn btn-template-main"><i class="fa fa-shopping-cart"></i>В корзину</a>
-                                </p>
-                            
-                            </div>
-                            <!-- /.text -->
-                        </div>
-                        <!-- /.product -->
-                    </div>
-                    <!-- /.col-md-4 -->
-                </div>
-                <!-- /.products -->
-                
-                <div class="pages">
-                    <!--
-                                                <p class="loadMore">
-                                                    <a href="#" class="btn btn-template-main"><i class="fa fa-chevron-down"></i> Load more</a>
-                                                </p>
-                     -->
-                    <ul class="pagination">
-                        <li><a href="#">&laquo;</a>
-                        </li>
-                        <li class="active"><a href="#">1</a>
-                        </li>
-                        <li><a href="#">2</a>
-                        </li>
-                        <li><a href="#">3</a>
-                        </li>
-                        <li><a href="#">4</a>
-                        </li>
-                        <li><a href="#">5</a>
-                        </li>
-                        <li><a href="#">&raquo;</a>
-                        </li>
-                    </ul>
-                </div>
-            
+    
+                <?php
+                    echo ListView::widget(
+                        [
+                            'options'      => [
+                                'class' => 'row products',
+                            ],
+                            'itemOptions'  => [
+                                'tag' => false,
+                            ],
+                            'layout'       => '{items}',
+                            'dataProvider' => $dataProvider,
+                            'itemView'     => function ($model) use ($view) {
+                                /**
+                                 * @var Product $model
+                                 */
+                                return $view->render(
+                                    '_product_item',
+                                    [
+                                        'product' => $model,
+                                    ]
+                                );
+                            },
+                        ]
+                    );
+                    echo Html::tag(
+                        'div',
+                        LinkPager::widget(
+                            [
+                                'pagination' => $dataProvider->pagination,
+                            ]
+                        ),
+                        [
+                            'class' => 'pages',
+                        ]
+                    );
+                ?>
             
             </div>
             <!-- /.col-md-9 -->
diff --git a/frontend/views/site/_slider_product.php b/frontend/views/site/_slider_product.php
index 99ef772..92d10fc 100644
--- a/frontend/views/site/_slider_product.php
+++ b/frontend/views/site/_slider_product.php
@@ -22,7 +22,7 @@
                 }
                 echo Html::a(
                     Html::img(
-                        $image ? $imageManager->getImagePath($image) : '/no-image.png',
+                        $image ? $imageManager->getImagePath($image) : '/img/no-image.png',
                         [
                             'class' => 'img-responsive-image1',
                         ]
diff --git a/frontend/web/css/style.css b/frontend/web/css/style.css
index 97ded00..a51b177 100644
--- a/frontend/web/css/style.css
+++ b/frontend/web/css/style.css
@@ -2806,6 +2806,10 @@ p.no-margin {
 .products {
     content: " ";
     display: table;
+
+}
+
+.row.products {
     width: 100%;
 }
 
@@ -2827,6 +2831,7 @@ p.no-margin {
     -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
+    max-width: 100%;
 }
 
 .product-video {
--
libgit2 0.21.4