优化类目导航css

app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml

@@ -23,9 +23,9 @@
         <li></li>
         <li></li>
     </ul>
     </ul>
 </div>
 </div>
-
-<p class="shopbycate-title"> Shop By Cateogry</p>
-<div  class="shopcatewpt">
+<div class="categories_tab">
+    <p class="shopbycate-title"> Shop By Cateogry</p>
+    <div  class="shopcatewpt">
         <div class="shop-by-cata" >
         <div class="shop-by-cata" >
             <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/strap-control-shorts-shapewear"><img src="/media/wysiwyg/shopbycategory/1-strap.png" alt="" /></a>
             <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/strap-control-shorts-shapewear"><img src="/media/wysiwyg/shopbycategory/1-strap.png" alt="" /></a>
         </div>
         </div>
@@ -53,15 +53,18 @@
         <div class="shop-by-cata" >
         <div class="shop-by-cata" >
             <a href="https://www.joshine.com/shapewear/overbust-corset"><img src="/media/wysiwyg/shopbycategory/8-waisttrainer.png" alt="" /></a>
             <a href="https://www.joshine.com/shapewear/overbust-corset"><img src="/media/wysiwyg/shopbycategory/8-waisttrainer.png" alt="" /></a>
         </div>
         </div>
+    </div>
 </div>
 </div>
 <style>
 <style>
-    .top-content-home .section-element.categories_tab {
+    .top-content-home .section-element .categories_tab {
         clear: both;
         clear: both;
     }.section-element.shop_by_categories .container {
     }.section-element.shop_by_categories .container {
          padding-bottom: 15px;
          padding-bottom: 15px;
      }
      }
     .shop-by-cata {
     .shop-by-cata {
         padding:  20px;
         padding:  20px;
+        width: 23%;
+        float: left;
     }
     }
     .section-element.shop_by_categories .container {
     .section-element.shop_by_categories .container {
         background:llinear-gradient(to right, #a59a8d, #756033);
         background:llinear-gradient(to right, #a59a8d, #756033);
@@ -84,6 +87,8 @@
     @media(max-width:789px){
     @media(max-width:789px){
         .shop-by-cata {
         .shop-by-cata {
             padding:15px;
             padding:15px;
+            width: 40%;
+            float: left;
         }
         }
         p.shopbycate-title{font-size:20px}
         p.shopbycate-title{font-size:20px}
         .shopcatewpt {
         .shopcatewpt {