修补客户案例页面的移动端响应布局

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
 ------------------------------------*/