优化底部样式css

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

@@ -76,28 +76,28 @@
     <div class="container-before-footer clearfix">
     <div class="container-before-footer clearfix">
         <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="row">
         <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="row">
 
 
-                <div class="col-md-2 col-xs-4">
+                <div class="baozhang_before_footer">
                     <span>
                     <span>
                         <picture><img src="/media/wysiwyg/freeshipping.png" alt=""></picture>
                         <picture><img src="/media/wysiwyg/freeshipping.png" alt=""></picture>
                     </span> <p> <a href="/shipping-policy">Free Shipping $69+ </a></p>
                     </span> <p> <a href="/shipping-policy">Free Shipping $69+ </a></p>
                 </div>
                 </div>
-                <div class="col-md-2 col-xs-4"><span>      <picture>
+                <div class="baozhang_before_footer"><span>      <picture>
         <img src="/media/wysiwyg/15-dayreturns.png" alt="">    </picture>
         <img src="/media/wysiwyg/15-dayreturns.png" alt="">    </picture>
 
 
  </span> <p> <a href="/return-exchange-policy">15-Days Returns </a></p></div>
  </span> <p> <a href="/return-exchange-policy">15-Days Returns </a></p></div>
-                <div class="col-md-2 col-xs-4"><span>      <picture>
+                <div class="baozhang_before_footer"><span>      <picture>
         <img src="/media/wysiwyg/365-daywarranty.png" alt="">    </picture>
         <img src="/media/wysiwyg/365-daywarranty.png" alt="">    </picture>
 
 
  </span> <p> <a href="/365-days-warranty">365-Days Warranty </a></p></div>
  </span> <p> <a href="/365-days-warranty">365-Days Warranty </a></p></div>
-                <div class="col-md-2 col-xs-4"><span>      <picture>
+                <div class="baozhang_before_footer"><span>      <picture>
         <img src="/media/wysiwyg/secureshopping.png" alt="">    </picture>
         <img src="/media/wysiwyg/secureshopping.png" alt="">    </picture>
 
 
  </span> <p><a href="/security-privacy-policy">Secure Shopping </a></p></div>
  </span> <p><a href="/security-privacy-policy">Secure Shopping </a></p></div>
-                <div class="col-md-2 col-xs-4"> <span>     <picture>
+                <div class="baozhang_before_footer"> <span>     <picture>
         <img src="/media/wysiwyg/impeccablequality.png" alt="">    </picture>
         <img src="/media/wysiwyg/impeccablequality.png" alt="">    </picture>
 
 
  </span> <p> <a href="/about-our-products">Impeccable Quality </a></p></div>
  </span> <p> <a href="/about-our-products">Impeccable Quality </a></p></div>
-                <div class="col-md-2 col-xs-4"><span>      <picture>
+                <div class="baozhang_before_footer"><span>      <picture>
         <img src="/media/wysiwyg/size.png" alt="">    </picture>
         <img src="/media/wysiwyg/size.png" alt="">    </picture>
 
 
  </span> <p><a href="/size-guide">Size Inclusive </a></p></div>
  </span> <p><a href="/size-guide">Size Inclusive </a></p></div>
@@ -148,16 +148,9 @@
                     text-align: center;
                     text-align: center;
                     margin: 10px;
                     margin: 10px;
                 }
                 }
-
-                .select-element.section-before-footer.clearfix .col-md-2.col-xs-6 {
-                    border-right: 1px #000 dotted;
-
-                }
-
-                .select-element.section-before-footer.clearfix .col-md-2.col-xs-6:last-child {
-                    border: none;
-                }
+                
                 .select-element.section-before-footer.clearfix span img {max-height: 100%;width: auto;}
                 .select-element.section-before-footer.clearfix span img {max-height: 100%;width: auto;}
+                .baozhang_before_footer{width: 17%;}
                 @media(max-width:789px){
                 @media(max-width:789px){
                     .col-md-3.col-xs-12.social_block {
                     .col-md-3.col-xs-12.social_block {
                         padding: 0;
                         padding: 0;
@@ -171,17 +164,11 @@
                         padding: 20px 10px !important;
                         padding: 20px 10px !important;
                     }
                     }
                     .cms-index-index .box-blog{padding-bottom:0;}
                     .cms-index-index .box-blog{padding-bottom:0;}
-
-                    .container-before-footer.clearfix .col-md-2.col-xs-4 {
-                        padding: 0;
-                    }
+                    .baozhang_before_footer{width: 30%;}
 
 
                     .select-element.section-before-footer.clearfix{ background: #f2f2f2;padding: 20px 10px;}
                     .select-element.section-before-footer.clearfix{ background: #f2f2f2;padding: 20px 10px;}
                     .select-element.section-before-footer.clearfix p{height:60px;font-size: 14px;}
                     .select-element.section-before-footer.clearfix p{height:60px;font-size: 14px;}
-                    .select-element.section-before-footer.clearfix .col-md-2.col-xs-6{margin-bottom:20px;}
-                    .select-element.section-before-footer.clearfix .col-md-2.col-xs-6:nth-child(3n+1) {
-                        border-right:none;
-                    }
+
                     .select-element.section-before-footer.clearfix span {height:25px;}
                     .select-element.section-before-footer.clearfix span {height:25px;}
                 }
                 }