优化类目导航css

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

@@ -23,45 +23,48 @@
         <li></li>
     </ul>
 </div>
+<div class="categories_tab">
+    <p class="shopbycate-title"> Shop By Cateogry</p>
+    <div  class="shopcatewpt">
+        <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>
+        </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/2-underbust.png" alt="" /></a>
+        </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/overbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/3-overbust.png" alt="" /></a>
+        </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/sleeved-underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/4-sleeved.png" alt="" /></a>
+        </div>
 
-<p class="shopbycate-title"> Shop By Cateogry</p>
-<div  class="shopcatewpt">
-    <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>
-    </div>
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/2-underbust.png" alt="" /></a>
-    </div>
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/overbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/3-overbust.png" alt="" /></a>
-    </div>
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/sleeved-underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/4-sleeved.png" alt="" /></a>
-    </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/full-body-shaper-shapewear"><img src="/media/wysiwyg/shopbycategory/5-fullbody.jpg" alt="" /></a>
+        </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/thongs-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/6-thongs.png" alt="" /></a>
+        </div>
 
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/full-body-shaper-shapewear"><img src="/media/wysiwyg/shopbycategory/5-fullbody.jpg" alt="" /></a>
-    </div>
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/thongs-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/6-thongs.png" alt="" /></a>
-    </div>
 
-
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/pamaleta-luggage"><img src="/media/wysiwyg/shopbycategory/7-buttlifter.png" alt="" /></a>
-    </div>
-    <div class="shop-by-cata" >
-        <a href="https://www.joshine.com/shapewear/overbust-corset"><img src="/media/wysiwyg/shopbycategory/8-waisttrainer.png" alt="" /></a>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/pamaleta-luggage"><img src="/media/wysiwyg/shopbycategory/7-buttlifter.png" alt="" /></a>
+        </div>
+        <div class="shop-by-cata" >
+            <a href="https://www.joshine.com/shapewear/overbust-corset"><img src="/media/wysiwyg/shopbycategory/8-waisttrainer.png" alt="" /></a>
+        </div>
     </div>
 </div>
 <style>
-    .top-content-home .section-element.categories_tab {
+    .top-content-home .section-element .categories_tab {
         clear: both;
     }.section-element.shop_by_categories .container {
          padding-bottom: 15px;
      }
     .shop-by-cata {
         padding:  20px;
+        width: 23%;
+        float: left;
     }
     .section-element.shop_by_categories .container {
         background:llinear-gradient(to right, #a59a8d, #756033);
@@ -84,6 +87,8 @@
     @media(max-width:789px){
         .shop-by-cata {
             padding:15px;
+            width: 40%;
+            float: left;
         }
         p.shopbycate-title{font-size:20px}
         .shopcatewpt {