diff --git a/app/ourapproach-physiotherapy-etobicoke/page.js b/app/ourapproach-physiotherapy-etobicoke/page.js
index fed856f..38f167e 100644
--- a/app/ourapproach-physiotherapy-etobicoke/page.js
+++ b/app/ourapproach-physiotherapy-etobicoke/page.js
@@ -10,7 +10,7 @@ export default function About() {
         <section className="about-style-two pt_90 pb_90">
           <div className="pattern-layer">
             <div className="pattern-1 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-8.webp)" }}></div>
-            <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.png)" }}></div>
+            <div className="pattern-2 rotate-me" style={{ backgroundImage: "url(/assets/images/shape/shape-9.webp)" }}></div>
             <div className="pattern-3" style={{ backgroundImage: "url(/assets/images/shape/shape-11.webp)" }}></div>
             <div className="pattern-4" style={{ backgroundImage: "url(/assets/images/shape/shape-35.webp)" }}></div>
           </div>
diff --git a/components/sections/home/AboutSection.js b/components/sections/home/AboutSection.js
index f0dd42c..6eb4ddf 100644
--- a/components/sections/home/AboutSection.js
+++ b/components/sections/home/AboutSection.js
@@ -6,7 +6,7 @@ export default function AboutSection() {
         <section className="about-style-two pt_90 pb_90">
             <div className="pattern-layer">
                 <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-8.webp)' }}></div>
-                <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.png)' }}></div>
+                <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(/assets/images/shape/shape-9.webp)' }}></div>
                 <div className="pattern-3" style={{ backgroundImage: 'url(/assets/images/shape/shape-11.webp)' }}></div>
             </div>
             <div className="auto-container">
diff --git a/components/sections/home1/About.js b/components/sections/home1/About.js
index ad3eefc..4739087 100644
--- a/components/sections/home1/About.js
+++ b/components/sections/home1/About.js
@@ -7,7 +7,7 @@ export default function about() {
       <div className="pattern-layer">
         <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
-        <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+        <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
         <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
diff --git a/components/sections/home2/About.js b/components/sections/home2/About.js
index 2c085de..a9d8f9c 100644
--- a/components/sections/home2/About.js
+++ b/components/sections/home2/About.js
@@ -5,7 +5,7 @@ export default function About() {
     <section className="about-style-two pt_90 pb_90">
       <div className="pattern-layer">
         <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
-        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+        <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
         <div className="pattern-3" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
       <div className="auto-container">
diff --git a/components/sections/home3/Banner.js b/components/sections/home3/Banner.js
index bc65a15..31aac5e 100644
--- a/components/sections/home3/Banner.js
+++ b/components/sections/home3/Banner.js
@@ -26,7 +26,7 @@ export default function Banner() {
                         <div className="image-box">
                             <div className="image-shape">
                                 <div className="shape-1" style={{ backgroundImage: 'url(assets/images/shape/shape-31.png)' }}></div>
-                                <div className="shape-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+                                <div className="shape-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
                                 <div className="shape-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
                                 <div className="shape-4" style={{ backgroundImage: 'url(assets/images/shape/shape-32.png)' }}></div>
                             </div>
diff --git a/components/sections/onepage/About.js b/components/sections/onepage/About.js
index 7be61fd..4f47f01 100644
--- a/components/sections/onepage/About.js
+++ b/components/sections/onepage/About.js
@@ -7,7 +7,7 @@ export default function about() {
       <div className="pattern-layer">
         <div className="pattern-1 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
         <div className="pattern-2 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-8.webp)' }}></div>
-        <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.png)' }}></div>
+        <div className="pattern-3 rotate-me" style={{ backgroundImage: 'url(assets/images/shape/shape-9.webp)' }}></div>
         <div className="pattern-4" style={{ backgroundImage: 'url(assets/images/shape/shape-10.png)' }}></div>
         <div className="pattern-5" style={{ backgroundImage: 'url(assets/images/shape/shape-11.webp)' }}></div>
       </div>
diff --git a/public/assets/css/module-css/contact.css b/public/assets/css/module-css/contact.css
index cb02f6c..f3fcd10 100644
--- a/public/assets/css/module-css/contact.css
+++ b/public/assets/css/module-css/contact.css
@@ -194,57 +194,4 @@
     padding: 40px 0px 70px 0px;
   }
 
-}
-
-@media only screen and (max-width: 599px){
-
-}
-
-@media only screen and (max-width: 499px){
-
-
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}
\ No newline at end of file
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index b962471..585111b 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -2958,6 +2958,34 @@
    }
 
 
+ }
+
+ @media only screen and (max-width : 426px){
+
+   .default-form .form-group input[type='text'],
+ .default-form .form-group input[type='email'],
+ .default-form .form-group textarea {
+   position: relative;
+   display: block;
+   width: 100%;
+   height: 55px;
+   border: 1px solid rgba(0, 0, 0, 0.1);
+   border-radius: 10px;
+   padding: 10px 30px;
+   font-size: 18px;
+   color: #676767;
+   transition: all 500ms ease;
+ }
+
+ .default-form .form-group textarea {
+   height: 80px;
+   resize: none;
+ }
+
+ .contact-style-three .default-form .form-group{
+  margin-bottom: 15px;
+}
+
  }
 
  blockquote {
diff --git a/public/assets/images/shape/shape-9.webp b/public/assets/images/shape/shape-9.webp
new file mode 100644
index 0000000..1bbe7af
Binary files /dev/null and b/public/assets/images/shape/shape-9.webp differ