diff --git a/assets/css/style.css b/assets/css/style.css
index f094ba0..f1fe559 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1251,8 +1251,9 @@ color:#ffffff;
 
 @media (max-width: 991px) {
   .service-sidebar {
-    max-width: 300px;
-    margin-top: 80px;
+    width: 100%;
+    max-width: none;
+    margin-top: 30px;
   }
 }
 
@@ -1497,6 +1498,89 @@ color:#ffffff;
   }
 }
 
+@media (max-width: 767px) {
+  .page-title {
+    height: 220px;
+  }
+
+  .page-title h2 {
+    font-size: 30px;
+    font-size: 1.875rem;
+    line-height: 1.25;
+  }
+
+  .page-path {
+    line-height: 1.6;
+    word-break: break-word;
+  }
+
+  .features-section-s2 {
+    padding-top: 20px;
+  }
+
+  .project-single-content .content-area > h2:first-child {
+    margin-top: 25px !important;
+    font-size: 24px;
+    line-height: 1.35;
+  }
+
+  .project-single-content .content-area > p:first-of-type {
+    margin: 20px 0 22px !important;
+    line-height: 1.8;
+  }
+
+  .challange-solution-section {
+    margin-top: 10px;
+  }
+
+  .service-sidebar {
+    margin-top: 24px;
+  }
+
+  .service-sidebar > .widget + .widget {
+    margin-top: 24px;
+  }
+
+  .service-sidebar .contact-widget {
+    padding: 28px 22px;
+  }
+
+  .service-sidebar .contact-widget h5 {
+    font-size: 18px;
+    margin: 0.5em 0;
+  }
+
+  .service-sidebar .contact-widget a {
+    margin-top: 15px;
+  }
+
+  .service-sidebar .related-products-widget {
+    padding: 16px;
+  }
+
+  .service-sidebar .related-product-card .product-image {
+    height: auto;
+  }
+
+  .service-sidebar .related-product-card .product-image img {
+    height: auto;
+  }
+
+  .service-sidebar .related-product-card .product-info {
+    padding: 12px 0 0;
+  }
+
+  .service-sidebar .related-product-card .product-title {
+    font-size: 15px;
+    line-height: 1.4;
+  }
+
+  .service-sidebar .related-product-card .product-desc {
+    font-size: 13px;
+    line-height: 1.7;
+  }
+}
+
 /*------------------------------------
 	blog sidebar
 ------------------------------------*/
diff --git a/classiccase/anhui_port_hefei.html b/classiccase/anhui_port_hefei.html
index 58c4118..9adc271 100644
--- a/classiccase/anhui_port_hefei.html
+++ b/classiccase/anhui_port_hefei.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">安徽港口集团合肥有限公司</h2>
@@ -149,7 +149,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/canal_logistics_supervision.html b/classiccase/canal_logistics_supervision.html
index 4b8b402..54dc7ca 100644
--- a/classiccase/canal_logistics_supervision.html
+++ b/classiccase/canal_logistics_supervision.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">济宁港航建设有限公司</h2>
@@ -148,7 +148,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/guangzhou_anzhida_logistics.html b/classiccase/guangzhou_anzhida_logistics.html
index 7bc7f2a..1ec8f66 100644
--- a/classiccase/guangzhou_anzhida_logistics.html
+++ b/classiccase/guangzhou_anzhida_logistics.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">广州安之达物流有限公司</h2>
@@ -149,7 +149,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/guangzhou_port_authority.html b/classiccase/guangzhou_port_authority.html
index c02e84b..79aaa54 100644
--- a/classiccase/guangzhou_port_authority.html
+++ b/classiccase/guangzhou_port_authority.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">广州市港务局</h2>
@@ -153,7 +153,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <!-- <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/hainan_strait_shipping.html b/classiccase/hainan_strait_shipping.html
index a48b8fc..ff2545b 100644
--- a/classiccase/hainan_strait_shipping.html
+++ b/classiccase/hainan_strait_shipping.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">海南海峡航运股份有限公司</h2>
@@ -143,7 +143,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <!-- <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/hengtong_logistics.html b/classiccase/hengtong_logistics.html
index ba7da45..3a4eb18 100644
--- a/classiccase/hengtong_logistics.html
+++ b/classiccase/hengtong_logistics.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">恒通物流股份有限公司</h2>
@@ -145,7 +145,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/huanghua_vehicle_analysis.html b/classiccase/huanghua_vehicle_analysis.html
index 7346087..2ffaf8e 100644
--- a/classiccase/huanghua_vehicle_analysis.html
+++ b/classiccase/huanghua_vehicle_analysis.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">黄骅港</h2>
@@ -145,7 +145,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/jiahua_shipping_system.html b/classiccase/jiahua_shipping_system.html
index 5a1fc8b..d417127 100644
--- a/classiccase/jiahua_shipping_system.html
+++ b/classiccase/jiahua_shipping_system.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">嘉华航运(香港)有限公司</h2>
@@ -149,7 +149,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/jinjiang_shipping_ecommerce.html b/classiccase/jinjiang_shipping_ecommerce.html
index cddb1d3..6662424 100644
--- a/classiccase/jinjiang_shipping_ecommerce.html
+++ b/classiccase/jinjiang_shipping_ecommerce.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">上海锦江航运（集团）股份有限公司</h2>
@@ -151,7 +151,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/lianyungang_china_korea_ferry.html b/classiccase/lianyungang_china_korea_ferry.html
index 14254bc..aadb1f1 100644
--- a/classiccase/lianyungang_china_korea_ferry.html
+++ b/classiccase/lianyungang_china_korea_ferry.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">连云港中韩轮渡有限公司</h2>
@@ -147,7 +147,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/mobile_machinery_dispatch.html b/classiccase/mobile_machinery_dispatch.html
index cabb4e5..5ab0f2b 100644
--- a/classiccase/mobile_machinery_dispatch.html
+++ b/classiccase/mobile_machinery_dispatch.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">秦皇岛港股份有限公司流动机械分公司</h2>
@@ -143,7 +143,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/qiaoyi_logistics.html b/classiccase/qiaoyi_logistics.html
index 2eb2a74..21a4f39 100644
--- a/classiccase/qiaoyi_logistics.html
+++ b/classiccase/qiaoyi_logistics.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">侨益物流股份有限公司</h2>
@@ -147,7 +147,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/qinhuangdao_cargo_system.html b/classiccase/qinhuangdao_cargo_system.html
index 8f4ccb6..ee292b9 100644
--- a/classiccase/qinhuangdao_cargo_system.html
+++ b/classiccase/qinhuangdao_cargo_system.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">秦皇岛港股份有限公司</h2>
@@ -152,7 +152,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/qinzhou_xianglong_logistics.html b/classiccase/qinzhou_xianglong_logistics.html
index 735628a..44296a9 100644
--- a/classiccase/qinzhou_xianglong_logistics.html
+++ b/classiccase/qinzhou_xianglong_logistics.html
@@ -118,7 +118,7 @@
         <!-- start blog-single-section -->
         <section class="features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">广西钦州市祥龙物流有限公司</h2>
@@ -181,7 +181,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                         <div class="widget related-products-widget">
                             <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/rizhao_hongyuan_logistics.html b/classiccase/rizhao_hongyuan_logistics.html
index c560268..05f45e3 100644
--- a/classiccase/rizhao_hongyuan_logistics.html
+++ b/classiccase/rizhao_hongyuan_logistics.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">日照泓源物流有限公司</h2>
@@ -145,7 +145,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/rizhao_huahai_shipping.html b/classiccase/rizhao_huahai_shipping.html
index 6af6a7b..d14de2c 100644
--- a/classiccase/rizhao_huahai_shipping.html
+++ b/classiccase/rizhao_huahai_shipping.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">日照华海国际船舶代理有限公司</h2>
@@ -151,7 +151,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/shanghai_haihua_shipping.html b/classiccase/shanghai_haihua_shipping.html
index 0acec6b..7a976de 100644
--- a/classiccase/shanghai_haihua_shipping.html
+++ b/classiccase/shanghai_haihua_shipping.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">上海海华轮船有限公司</h2>
@@ -153,7 +153,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/shanghai_penghua_platform.html b/classiccase/shanghai_penghua_platform.html
index cb1dbff..dc32c76 100644
--- a/classiccase/shanghai_penghua_platform.html
+++ b/classiccase/shanghai_penghua_platform.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">上海鹏华船务有限公司</h2>
@@ -145,7 +145,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/shanghai_port_coastal_system.html b/classiccase/shanghai_port_coastal_system.html
index 06cd833..067f9bb 100644
--- a/classiccase/shanghai_port_coastal_system.html
+++ b/classiccase/shanghai_port_coastal_system.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">上海港船务代理有限公司</h2>
@@ -152,7 +152,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/shanghai_xinhai_freight.html b/classiccase/shanghai_xinhai_freight.html
index 921c20b..aeeb8cd 100644
--- a/classiccase/shanghai_xinhai_freight.html
+++ b/classiccase/shanghai_xinhai_freight.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">上海新海国际船舶代理有限公司</h2>
@@ -154,7 +154,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/smart_wuzhou_port.html b/classiccase/smart_wuzhou_port.html
index 9244594..b1cb789 100644
--- a/classiccase/smart_wuzhou_port.html
+++ b/classiccase/smart_wuzhou_port.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">梧州市港务发展集团有限公司</h2>
@@ -154,7 +154,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/tangshan_bigdata_platform.html b/classiccase/tangshan_bigdata_platform.html
index 488c9bd..2bd7ce9 100644
--- a/classiccase/tangshan_bigdata_platform.html
+++ b/classiccase/tangshan_bigdata_platform.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">唐山港口实业集团有限公司</h2>
@@ -146,7 +146,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <!-- <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/tangshan_haitong_shipping.html b/classiccase/tangshan_haitong_shipping.html
index 2419606..e152277 100644
--- a/classiccase/tangshan_haitong_shipping.html
+++ b/classiccase/tangshan_haitong_shipping.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">唐山海港海通海运代理有限公司</h2>
@@ -151,7 +151,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/tangshan_ore_terminal.html b/classiccase/tangshan_ore_terminal.html
index 6b125ff..2ae05f1 100644
--- a/classiccase/tangshan_ore_terminal.html
+++ b/classiccase/tangshan_ore_terminal.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">唐山港集团有限公司</h2>
@@ -151,7 +151,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/tianjin_zhongyun_shipping.html b/classiccase/tianjin_zhongyun_shipping.html
index b1f8364..65eecb2 100644
--- a/classiccase/tianjin_zhongyun_shipping.html
+++ b/classiccase/tianjin_zhongyun_shipping.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">天津中运海运集团有限公司</h2>
@@ -153,7 +153,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/weihai_gate_yard.html b/classiccase/weihai_gate_yard.html
index cd74db4..3c4d9c5 100644
--- a/classiccase/weihai_gate_yard.html
+++ b/classiccase/weihai_gate_yard.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">威海港通信息科技有限公司</h2>
@@ -150,7 +150,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/yantai_hanitek_container.html b/classiccase/yantai_hanitek_container.html
index e3a5e54..8ddfa33 100644
--- a/classiccase/yantai_hanitek_container.html
+++ b/classiccase/yantai_hanitek_container.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">烟台哈尼泰克集装箱租赁有限公司</h2>
@@ -150,7 +150,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/yulong_terminal_system.html b/classiccase/yulong_terminal_system.html
index 3e8e3e2..b44ca67 100644
--- a/classiccase/yulong_terminal_system.html
+++ b/classiccase/yulong_terminal_system.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">山东裕龙港务有限公司</h2>
@@ -153,7 +153,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/zhongshan_xiaolan_remote.html b/classiccase/zhongshan_xiaolan_remote.html
index 85a42d8..4b3db36 100644
--- a/classiccase/zhongshan_xiaolan_remote.html
+++ b/classiccase/zhongshan_xiaolan_remote.html
@@ -84,7 +84,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="    margin-top: 50px;">中山市小榄港货运联营有限公司</h2>
@@ -149,7 +149,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>
diff --git a/classiccase/zhujiang_shipping.html b/classiccase/zhujiang_shipping.html
index 95a92bc..f3f8447 100644
--- a/classiccase/zhujiang_shipping.html
+++ b/classiccase/zhujiang_shipping.html
@@ -82,7 +82,7 @@
         <!-- start blog-single-section -->
         <section class=" features-section-s2">
             <div class="container">
-                <div class="col col-xs-8">
+                <div class="col col-xs-12 col-md-8">
                     <div class="project-single-content">
                         <div class="content-area">
                             <h2 style="margin-top: 50px;">珠江船务企业（集团）有限公司</h2>
@@ -145,7 +145,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col col-md-4">
+                <div class="col col-xs-12 col-md-4">
                     <div class="service-sidebar">
                             <div class="widget related-products-widget">
                                 <h4 class="widget-title widget-title-decorated">相关产品</h4>