spacing updated

components/sections/home/AreaOfInjury.js

@@ -25,8 +25,8 @@ export default function AreaOfInjury() {
                 {/* <div className="shape-3 float-bob-x" style={{ backgroundImage: 'url(assets/images/shape/shape-16.png)' }}></div> */}
             </div>
             <div className="auto-container">
-                <div className="sec-title-1 mb_50">
-                    <span className="sub-title-1">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span>
+                <div className="sec-title-2 mb_50">
+                    <span className="sub-title-1 text-white">Start Your Treatment Today! <br /> Visit our healthcare team in Etobicoke.</span>
                     <h2 className='h3-white' style={{ fontWeight: "bold" }}>
                        Area Of Injury
                     </h2>

public/assets/css/module-css/sidebar.css

@@ -320,6 +320,14 @@
 
 }
 
+@media only screen and (max-width: 767px) {
+  .service-details {
+    padding: 30px 0;
+  }
+}
+
+
+
 @media only screen and (max-width: 599px) {}
 
 @media only screen and (max-width: 499px) {
@@ -337,4 +345,4 @@
     padding-right: 0px;
   }
 
-}
+}

public/assets/css/module-css/solutions.css

@@ -118,6 +118,13 @@
 
 }
 
+@media only screen and (max-width: 767px) {
+  .solutions-section {
+    padding: 30px 0;
+  }
+}
+
+
 @media only screen and (max-width: 599px){
   .image_block_two .image-box{
     padding: 0px;

public/assets/css/module-css/video.css

@@ -218,6 +218,13 @@
 
 }
 
+@media (max-width: 435px) {
+  .video-section {
+    padding: 30px 0 !important;
+  }
+}
+
+
 @media only screen and (max-width: 599px) {}
 
 @media only screen and (max-width: 499px) {}

public/assets/css/style.css

@@ -825,13 +825,21 @@
    margin-bottom: 15px;
  }
 
+ @media (max-width: 425px) {
+  .sec-title .sub-title {
+    font-size: 18px;
+    line-height: 26px;
+  }
+}
+
+
  .new-color {
    color: #fff !important;
  }
 
  .new-color2 {
    color: #fff !important;
-   font-size: 24px;
+   font-size: 18px;
  }
 
  .sec-title h2 {
@@ -3025,7 +3033,7 @@
 
 
    .sec-title h2 {
-     font-size: 26px;
+     font-size: 22px;
      line-height: 34px;
    }
 
@@ -3323,22 +3331,22 @@
  }
 
  @media (max-width: 425px) {
-  .sec-title-1 {
+  .sec-title-2 {
     display: flex;
     flex-direction: column;
   }
 
-  .sec-title-1 h2 {
+  .sec-title-2 h2 {
     order: -1; 
     font-weight: normal; 
-    font-size: 24px;     
+    font-size: 18px;     
     color: inherit;     
   }
 
-  .sec-title-1 span {
+  .sec-title-2 span {
     order: 1; 
     font-weight: bold; 
-    font-size: 26px !important;  
+    font-size: 22px !important;  
     color: #fff; 
     display: block;
     margin-top: 8px;
@@ -3349,3 +3357,50 @@
     padding: 30px 7px !important;
   }
 }
+@media (max-width: 768px) {
+  .blog-details-content .news-block-one .inner-box .lower-content h2 {
+    font-size: 38px !important;
+    line-height: 36px;
+  }
+}
+
+@media (max-width: 425px) {
+  .blog-details-content .news-block-one .inner-box .lower-content h2 {
+    font-size: 22px !important;
+    line-height: 23px;
+  }
+}
+@media (max-width: 768px) {
+  .service-details-content h2 {
+    font-size: 38px !important;
+  }
+}
+
+@media (max-width: 425px) {
+  .service-details-content h2 {
+    font-size: 22px !important;
+  }
+}
+@media (max-width: 425px) {
+  .pb_90 {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
+}
+@media (max-width: 425px) {
+  .pt_90 {
+    padding-top: 30px !important;
+  }
+}
+@media (max-width: 425px) {
+  .sec-pad {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
+}
+@media (max-width: 425px) {
+  .chooseus-section {
+    padding-top: 30px !important;
+    padding-bottom: 30px !important;
+  }
+}