diff --git a/app/about-us/page.js b/app/about-us/page.js
index 4ddbd26..9ad463f 100644
--- a/app/about-us/page.js
+++ b/app/about-us/page.js
@@ -219,7 +219,7 @@ export default function Home() {
               {teamMembers.map((member, index) => (
                 <div
                   key={member.id}
-                  className="col-lg-3 col-md-6 col-sm-12 team-block"
+                  className="col-lg-3 col-md-6 col-sm-6 col-6 team-block"
                 >
                   <div
                     className="team-block-one wow fadeInUp animated"
@@ -316,7 +316,7 @@ export default function Home() {
           <div className="auto-container">
             <div className="inner-container">
               <div className="row clearfix">
-                <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                   <div className="funfact-block-one">
                     <div className="inner-box">
 
@@ -327,7 +327,7 @@ export default function Home() {
                     </div>
                   </div>
                 </div>
-                <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                   <div className="funfact-block-one">
                     <div className="inner-box">
 
@@ -338,7 +338,7 @@ export default function Home() {
                     </div>
                   </div>
                 </div>
-                <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                   <div className="funfact-block-one">
                     <div className="inner-box">
 
@@ -349,7 +349,7 @@ export default function Home() {
                     </div>
                   </div>
                 </div>
-                <div className="col-lg-3 col-md-6 col-sm-12 funfact-block">
+                <div className="col-lg-3 col-md-6 col-sm-6 col-6 funfact-block">
                   <div className="funfact-block-one">
                     <div className="inner-box">
 
diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js
index bb28771..63d0aba 100644
--- a/components/layout/MobileMenu.js
+++ b/components/layout/MobileMenu.js
@@ -2,10 +2,9 @@
 import Link from "next/link";
 import { useState } from "react";
 import { servicesList } from "@/utils/Services.utils";
-import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils"
-import Rehabilitation from "@/utils/Rehabilitation.utils"
-import Accident from "@/utils/Accident.utils"
-
+import { areaOfInjuryData } from "@/utils/AreaOfInjery.utils";
+import Rehabilitation from "@/utils/Rehabilitation.utils";
+import Accident from "@/utils/Accident.utils";
 
 export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar }) {
   const [isActive, setIsActive] = useState({
@@ -33,172 +32,166 @@ export default function MobileMenu({ isSidebar, handleMobileMenu, handleSidebar
   return (
     <>
       <div className="mobile-menu">
+        {/* Backdrop for closing */}
         <div className="menu-backdrop" onClick={handleMobileMenu} />
-        <div className="close-btn" onClick={handleMobileMenu}><span className="far fa-times" /></div>
+        {/* Close button */}
+        <div className="close-btn" onClick={handleMobileMenu}>
+          <span className="far fa-times" />
+        </div>
+
+        {/* Mobile Navigation */}
         <nav className="menu-box">
           <div className="nav-logo">
-            <Link href="/">
-              <img src="/assets/images/logo-2.png" alt="" />
+            <Link href="/" onClick={handleMobileMenu}>
+              <img src="/assets/images/logo-2.png" alt="Logo" />
             </Link>
           </div>
+
           <div className="menu-outer">
             <div
               className="collapse navbar-collapse show clearfix"
-              id="navbarSupportedContent">
+              id="navbarSupportedContent"
+            >
               <ul className="navigation clearfix">
-                <li><Link href="/">Home</Link></li>
-                <li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
-                  <Link href="/about-us" >About Us</Link>
-                  <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
 
+                {/* Home */}
+                <li>
+                  <Link href="/" onClick={handleMobileMenu}>Home</Link>
+                </li>
+
+                {/* About Us */}
+                <li className={isActive.key == 1 ? "dropdown current" : "dropdown"}>
+                  <Link href="/about-us" onClick={handleMobileMenu}>About Us</Link>
+                  <ul style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
                     <li><Link href="/our-team-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Team</Link></li>
                     <li><Link href="/ourapproach-physiotherapy-etobicoke" onClick={handleMobileMenu}>Our Approach</Link></li>
                     <li><Link href="/gallery-physiotherapy-etobicoke" onClick={handleMobileMenu}>Gallery</Link></li>
-                    <li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19-updates</Link></li>
+                    <li><Link href="/covid-19-updates" onClick={handleMobileMenu}>Covid-19 Updates</Link></li>
                   </ul>
-                  <div className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(1)}><span className="fa fa-angle-right" /></div>
+                  <div
+                    className={isActive.key == 1 ? "dropdown-btn open" : "dropdown-btn"}
+                    onClick={() => handleToggle(1)}
+                  >
+                    <span className="fa fa-angle-right" />
+                  </div>
                 </li>
-                {/* <li><Link href="/about-us">About</Link></li> */}
-                <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
-                  <Link href="/etobicoke-treatment-service">Services</Link>
-                  <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
-                    {/* <li><Link href="/service" onClick={handleMobileMenu}>Our Services</Link></li>
-                    <li><Link href="/service-details" onClick={handleMobileMenu}>Cardioligy</Link></li>
-                                        <li><Link href="/service-details-2" onClick={handleMobileMenu}>Dental Clinic</Link></li>
-                                        <li><Link href="/service-details-3" onClick={handleMobileMenu}>NeuroSergery</Link></li>
-                                        <li><Link href="/service-details-4" onClick={handleMobileMenu}>Medical</Link></li>
-                                        <li><Link href="/service-details-5" onClick={handleMobileMenu}>Pediatrics</Link></li>
-                                        <li><Link href="/service-details-6" onClick={handleMobileMenu}>Modern Laboratory</Link></li> */}
 
-                    {servicesList.map(item => (
+                {/* Services */}
+                <li className={isActive.key == 2 ? "dropdown current" : "dropdown"}>
+                  <Link href="/etobicoke-treatment-service" onClick={handleMobileMenu}>Services</Link>
+                  <ul style={{ display: `${isActive.key == 2 ? "block" : "none"}` }}>
+                    {servicesList.map((item) => (
                       <li key={item.id}>
-                        <Link href={`/etobicoke-treatment-service/${item.slug}`}>
+                        <Link href={`/etobicoke-treatment-service/${item.slug}`} onClick={handleMobileMenu}>
                           {item.shortTitle}
                         </Link>
                       </li>
                     ))}
-
                   </ul>
-                  <div className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(2)}><span className="fa fa-angle-right" /></div>
+                  <div
+                    className={isActive.key == 2 ? "dropdown-btn open" : "dropdown-btn"}
+                    onClick={() => handleToggle(2)}
+                  >
+                    <span className="fa fa-angle-right" />
+                  </div>
                 </li>
 
+                {/* Area of Injury */}
                 <li className={isActive.key == 3 ? "dropdown current" : "dropdown"}>
-                  <Link href="/area-of-injury">Area of Injury</Link>
+                  <Link href="/area-of-injury" onClick={handleMobileMenu}>Area of Injury</Link>
                   <ul style={{ display: `${isActive.key == 3 ? "block" : "none"}` }}>
-                    {/* <li><Link href="/team" onClick={handleMobileMenu}>Our Team</Link></li>
-                        <li><Link href="/team-details" onClick={handleMobileMenu}>Team Details</Link></li> */}
-
-
-                    {areaOfInjuryData.map(item => (
+                    {areaOfInjuryData.map((item) => (
                       <li key={item.id}>
-                        <Link href={`/area-of-injury/${item.slug}`}>
+                        <Link href={`/area-of-injury/${item.slug}`} onClick={handleMobileMenu}>
                           {item.title}
                         </Link>
                       </li>
                     ))}
-
                   </ul>
-                  <div className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(3)}><span className="fa fa-angle-right" /></div>
+                  <div
+                    className={isActive.key == 3 ? "dropdown-btn open" : "dropdown-btn"}
+                    onClick={() => handleToggle(3)}
+                  >
+                    <span className="fa fa-angle-right" />
+                  </div>
                 </li>
 
-
+                {/* Rehabilitation */}
                 <li className={isActive.key == 4 ? "dropdown current" : "dropdown"}>
-                  <Link href="/rehabilitation">Rehabilitation</Link>
+                  <Link href="/rehabilitation" onClick={handleMobileMenu}>Rehabilitation</Link>
                   <ul style={{ display: `${isActive.key == 4 ? "block" : "none"}` }}>
-                    {/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
-                          <ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
-                          <li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
-                              <li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
-                              <li><Link href="/blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
-                          </ul>
-                          <div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
-                      </li> */}
-
-                    {Rehabilitation.map(item => (
+                    {Rehabilitation.map((item) => (
                       <li key={item.id}>
-                        <Link href={`/rehabilitation/${item.slug}`}>
+                        <Link href={`/rehabilitation/${item.slug}`} onClick={handleMobileMenu}>
                           {item.title}
                         </Link>
                       </li>
                     ))}
-
-
                   </ul>
-                  <div className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4)}><span className="fa fa-angle-right" /></div>
+                  <div
+                    className={isActive.key == 4 ? "dropdown-btn open" : "dropdown-btn"}
+                    onClick={() => handleToggle(4)}
+                  >
+                    <span className="fa fa-angle-right" />
+                  </div>
                 </li>
 
+                {/* Accident */}
                 <li className={isActive.key == 5 ? "dropdown current" : "dropdown"}>
-                  <Link href="/accident">Accident</Link>
+                  <Link href="/accident" onClick={handleMobileMenu}>Accident</Link>
                   <ul style={{ display: `${isActive.key == 5 ? "block" : "none"}` }}>
-                    {/* <li className={isActive.subMenuKey == 5 ? "dropdown current" : "dropdown"}><Link href="/#">News</Link>
-                          <ul style={{ display: `${isActive.subMenuKey == 5 ? "block" : "none"}` }}>
-                          <li><Link href="/blog" onClick={handleMobileMenu}>Blog Grid</Link></li>
-                              <li><Link href="/blog-2" onClick={handleMobileMenu}>Blog Sidebar</Link></li>
-                              <li><Link href="/blog-details" onClick={handleMobileMenu}>Blog Details</Link></li>
-                          </ul>
-                          <div className={isActive.subMenuKey == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(4,5)}><span className="fa fa-angle-right" /></div>
-                      </li> */}
-
-                    {Rehabilitation.map(item => (
+                    {Accident.map((item) => (
                       <li key={item.id}>
-                        <Link href={`/rehabilitation/${item.slug}`}>
+                        <Link href={`/accident/${item.slug}`} onClick={handleMobileMenu}>
                           {item.title}
                         </Link>
                       </li>
                     ))}
-
-
                   </ul>
-                  <div className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"} onClick={() => handleToggle(5)}><span className="fa fa-angle-right" /></div>
+                  <div
+                    className={isActive.key == 5 ? "dropdown-btn open" : "dropdown-btn"}
+                    onClick={() => handleToggle(5)}
+                  >
+                    <span className="fa fa-angle-right" />
+                  </div>
                 </li>
+
+                {/* Contact */}
                 <li><Link href="/contact" onClick={handleMobileMenu}>Contact</Link></li>
-                <li>
-                  <Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>
-                    Why Us
-                  </Link>
-                </li>
-                <li>
-                  <Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>
-                    Faq
-                  </Link>
-                </li>
-                <li>
-                  <Link href="/what-to-expect" onClick={handleMobileMenu}>
-                    What To Expect
-                  </Link>
-                </li>
-                <li>
-                  <Link href="/payment-insurance" onClick={handleMobileMenu}>
-                    Payment And Insurance
-                  </Link>
-                </li>
+                <li><Link href="/why-rapha-physiotherapy-etobicoke" onClick={handleMobileMenu}>Why Us</Link></li>
+                <li><Link href="/faq-physiotherapy-etobicoke" onClick={handleMobileMenu}>Faq</Link></li>
+                <li><Link href="/what-to-expect" onClick={handleMobileMenu}>What To Expect</Link></li>
+                <li><Link href="/payment-insurance" onClick={handleMobileMenu}>Payment And Insurance</Link></li>
               </ul>
             </div>
           </div>
+
+          {/* Contact Info */}
           <div className="contact-info">
             <h4>Contact Info</h4>
             <ul>
               <li>6 – 4335 Bloor Street West Etobicoke, M9C5S2</li>
-              <li><Link href="tel:+647-722-3434">647-722-3434</Link></li>
-              <li><Link href="mailto:bloor@rapharehab.ca">bloor@rapharehab.ca</Link></li>
+              <li><Link href="tel:+647-722-3434, +416-622-2873" onClick={handleMobileMenu}>647-722-3434, +416-622-2873</Link></li>
+              <li><Link href="mailto:bloor@rapharehab.ca" onClick={handleMobileMenu}>bloor@rapharehab.ca</Link></li>
             </ul>
           </div>
-          {/*Social Links*/}
+
+          {/* Social Links */}
           <div className="social-links">
             <ul className="clearfix">
-              <li><Link href="https://www.instagram.com/elrapharehab/" target="_blank"
-                rel="noopener noreferrer"><span className="fab fa-instagram"></span></Link></li>
-              <li><Link href="/"><span className="fab fa-twitter"></span></Link></li>
-              <li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
-                rel="noopener noreferrer"><span className="fab fa-facebook-square"></span></Link></li>
-              <li><Link href="/"><span className="fab fa-pinterest-p"></span></Link></li>
-              <li><Link href="/"><span className="fab fa-youtube"></span></Link></li>
+              <li><Link href="https://www.instagram.com/elrapharehab/" target="_blank" rel="noopener noreferrer"><span className="fab fa-instagram"></span></Link></li>
+              <li><Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank" rel="noopener noreferrer"><span className="fab fa-facebook-square"></span></Link></li>
             </ul>
           </div>
         </nav>
-      </div>{/* End Mobile Menu */}
-      <div className="nav-overlay" style={{ display: `${isSidebar ? "block" : "none"}` }} onClick={handleSidebar} />
+      </div>
+
+      {/* Sidebar Overlay */}
+      <div
+        className="nav-overlay"
+        style={{ display: `${isSidebar ? "block" : "none"}` }}
+        onClick={handleSidebar}
+      />
     </>
   );
-};
-
+}
diff --git a/components/layout/footer/Footer2.js b/components/layout/footer/Footer2.js
index 78f9ea6..09c3027 100644
--- a/components/layout/footer/Footer2.js
+++ b/components/layout/footer/Footer2.js
@@ -51,12 +51,12 @@ export default function Footer2() {
                                             <Link href="https://www.instagram.com/elrapharehab/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-4"></i></Link>
                                         </li>
-                                        <li>
+                                        {/* <li>
                                             <Link href="/"><i className="icon-5"></i></Link>
                                         </li>
                                         <li>
                                             <Link href="/"><i className="icon-6"></i></Link>
-                                        </li>
+                                        </li> */}
                                         <li>
                                             <Link href="https://www.facebook.com/ELRaphaRehabCenter/" target="_blank"
                                                 rel="noopener noreferrer"><i className="icon-7"></i></Link>
diff --git a/components/sections/home/MobileServicesSection.js b/components/sections/home/MobileServicesSection.js
index 1d0936f..7b53b98 100644
--- a/components/sections/home/MobileServicesSection.js
+++ b/components/sections/home/MobileServicesSection.js
@@ -8,7 +8,7 @@ export default function MobileServices() {
             <section className="feature-section sec-pad bg-color-1">
                 <div className="auto-container">
                     <div className="sec-title mb_50 centred">
-                        <span className="sub-title">Our Services</span>
+                        <span className="sub-title-1 new-color">Our Services</span>
                         <h2 className="tex-color-1">We Offer For You Medical & <br />Saving Lives</h2>
                     </div>
                     <div className="row clearfix">
@@ -23,9 +23,7 @@ export default function MobileServices() {
                                                         src={service.icon2}
                                                         alt={`${service.title} icon2`}
                                                     />
-                                                </div>                                                <h3><Link href="/">     {service?.title?.length > 20
-                                                    ? service.title.slice(0, 20) + "..."
-                                                    : service.title}</Link></h3>
+                                                </div>                                                <h3><Link href="/">     {service?.title}</Link></h3>
                                                 <div className="btn-box">
                                                     <Link 
                                                         href={`/etobicoke-treatment-service/${service.slug}`} 
@@ -44,7 +42,7 @@ export default function MobileServices() {
 
                         <div className='col-12 text-center'>
                             <div className="btn-box">
-                                <Link href="/etobicoke-treatment-service" className="theme-btn btn-one"><span>View All Services</span></Link>
+                                <Link href="/etobicoke-treatment-service" className="theme-btn btn-one-new"><span>View All Services</span></Link>
                             </div>
                         </div>
                     </div>
diff --git a/components/sections/home/ServicesSection.js b/components/sections/home/ServicesSection.js
index 4d4530e..fdbeb24 100644
--- a/components/sections/home/ServicesSection.js
+++ b/components/sections/home/ServicesSection.js
@@ -6,7 +6,7 @@ export default function ServicesSection() {
     return (
         // <section className="service-section bg-layer sec-pad bg-color-1" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}>
         <section className="service-section sec-pad bg-color-1" >
-           <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/shape/shape-12.png)' }}></div>
+           <div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/home/our-services/our-services-bg.webp)' }}></div>
            
             <div className="auto-container">
                 <div className="sec-title-1 mb_50 centred">
@@ -28,9 +28,10 @@ export default function ServicesSection() {
                                                 <div className="icon-box"><img src={service?.icon} alt="" /></div>
                                                 <h3>
                                                     <Link href={`/etobicoke-treatment-service/${service.slug}`}>
-                                                        {service?.title?.length > 25
+                                                        {service?.title}
+                                                               {/* {service?.title?.length > 25
                                                             ? service.title.slice(0, 25) + "..."
-                                                            : service.title}
+                                                            : service.title} */}
                                                     </Link>
                                                 </h3>
                                                <p>{service?.shortDescription}</p>
diff --git a/public/assets/css/module-css/chooseus.css b/public/assets/css/module-css/chooseus.css
index f01d704..19db6df 100644
--- a/public/assets/css/module-css/chooseus.css
+++ b/public/assets/css/module-css/chooseus.css
@@ -54,6 +54,25 @@
   margin-bottom: 10px;
 }
 
+/* lets cmnt */
+
+@media only screen and (max-width: 426px) {
+.chooseus-block-one .inner-box h3{
+  display: block;
+  font-size: 18px;
+  line-height: 20px;
+  font-weight: 600;
+  color: #fff;
+  margin-bottom: 8px;
+}
+
+.chooseus-block-one .inner-box p{
+ font-size: 15px !important;
+}
+}
+
+/* lets cmnt */
+
 .chooseus-block-one .inner-box p{
   color: #fff;
 }
diff --git a/public/assets/css/module-css/process.css b/public/assets/css/module-css/process.css
index 3627bb9..b452aa2 100644
--- a/public/assets/css/module-css/process.css
+++ b/public/assets/css/module-css/process.css
@@ -56,9 +56,9 @@
   color: rgba(0, 0, 0, 0.1);
 }
 
-.processing-block-one:nth-child(2) .inner-box .count-text{
+/* .processing-block-one:nth-child(2) .inner-box .count-text{
   left: -110px;
-}
+} */
 
 .process-section .arrow-shape{
   position: absolute;
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 472b690..9371cf9 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -818,6 +818,11 @@
    margin-bottom: 15px;
  }
 
+ .new-color{
+
+  color: #fff !important;
+
+ }
  .sec-title h2 {
    position: relative;
    display: block;
@@ -1036,12 +1041,19 @@
    }
  }
 
- @media screen and (max-width: 1024px) {
+ @media screen and (max-width: 426px) {
    .header-top .social-links {
      display: none !important;
    }
  }
 
+ @media (max-width: 426px) {
+  .top-inner .info-list li:nth-child(2) {
+    display: none !important;
+  }
+}
+
+
 
  /* .header-top .top-inner .social-links li a:hover {
    color: #fff;
@@ -1059,6 +1071,17 @@
    .header-top .top-inner .social-links {
      gap: 15px;
    }
+      .header-top .top-inner .social-links li{
+     display: none !important;
+   }
+
+   .header-top .top-inner{
+    
+    justify-content: center;
+
+   }
+
+
  }
 
  @media only screen and (max-width: 1024px) {
@@ -2213,6 +2236,14 @@
    margin-bottom: 30px;
  }
 
+ @media only screen and (max-width: 426px) {
+.main-footer .widget-title h3 {
+
+    text-align: start;
+
+ }
+}
+
  .main-footer .widget-title h3 {
    font-size: 26px;
    line-height: 36px;
@@ -2287,6 +2318,18 @@
    opacity: 0.5;
  }
 
+ .pattern-1{
+
+  opacity: 0.3;
+
+ }
+
+ .pattern-2{
+
+  opacity: 0.3;
+
+ }
+
  .main-footer .pattern-layer .pattern-2 {
    position: absolute;
    left: 70px;
diff --git a/public/assets/images/home/our-services/our-services-bg.webp b/public/assets/images/home/our-services/our-services-bg.webp
index be58172..1002516 100644
Binary files a/public/assets/images/home/our-services/our-services-bg.webp and b/public/assets/images/home/our-services/our-services-bg.webp differ