From f8afc9d22b256be70742983d43f83f5b36f439c3 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Fri, 17 Oct 2025 12:57:08 +0530
Subject: [PATCH] Responsive updated

---
 app/about-us/AboutClient.js                   |   4 +-
 .../page.js                                   |   2 +-
 app/what-to-expect/page.js                    |   4 +-
 public/assets/css/bootstrap.css               | 140 ++++---
 public/assets/css/module-css/about.css        | 385 +++++++++---------
 5 files changed, 265 insertions(+), 270 deletions(-)

diff --git a/app/about-us/AboutClient.js b/app/about-us/AboutClient.js
index 6f57d1b..7ebb0b2 100644
--- a/app/about-us/AboutClient.js
+++ b/app/about-us/AboutClient.js
@@ -108,7 +108,7 @@ export default function Home() {
                     </div>
 
                   </div>
-                  <figure className="image image-1-ho"><img src="/assets/images/about-us/section1/about-right.webp" alt="Physiotherapy at Rapharehab" /></figure>
+                  <figure className="image image-1-ho hide-img"><img src="/assets/images/about-us/section1/about-right.webp" alt="Physiotherapy at Rapharehab" /></figure>
                   <figure className="image image-2"><img src="/assets/images/about-us/section1/about-left.webp" alt="Physiotherapy at Rapharehab" /></figure>
                   <div className="icon-box new-ho"><img src="/assets/images/about-us/section1/about-icon.webp" alt="Physiotherapy at Rapharehab" /></div>
                 </div>
@@ -205,7 +205,7 @@ export default function Home() {
               <div className="image_block_two pl_30 pb_30">
                 <div className="image-box">
                   <figure className="image image-1-new "><img src="/assets/images/about-us/section3/top.webp" className="new-image-about" alt="Physiotherapy at Rapharehab" /></figure>
-                  <figure className="image image-2-new"><img src="/assets/images/about-us/section3/bottom.webp" alt="Physiotherapy at Rapharehab" /></figure>
+                  <figure className="image image-2-new hide-img"><img src="/assets/images/about-us/section3/bottom.webp" alt="Physiotherapy at Rapharehab" /></figure>
                   <div className="icon-box my-icon"><img src="/assets/images/about-us/section3/icon.webp" className="new-image-about2" alt="Physiotherapy at Rapharehab" /></div>
                 </div>
               </div>
diff --git a/app/ourapproach-physiotherapy-etobicoke/page.js b/app/ourapproach-physiotherapy-etobicoke/page.js
index 5ed2185..4ac8dc3 100644
--- a/app/ourapproach-physiotherapy-etobicoke/page.js
+++ b/app/ourapproach-physiotherapy-etobicoke/page.js
@@ -80,7 +80,7 @@ export default function About() {
                       </div>
 
                     </div>
-                    <figure className="image image-1-ho"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
+                    <figure className="image image-1-ho hide-img"><img src="/assets/images/our-approach/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
                     <figure className="image image-2"><img src="/assets/images/our-approach/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
                     <div className="icon-box new-ho"><img src="/assets/images/our-approach/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
                   </div>
diff --git a/app/what-to-expect/page.js b/app/what-to-expect/page.js
index 995b9a1..28c775c 100644
--- a/app/what-to-expect/page.js
+++ b/app/what-to-expect/page.js
@@ -68,9 +68,9 @@ export default function About() {
                                             </div>
 
                                         </div>
-                                        <figure className="image image-1"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
+                                        <figure className="image image-1 hide-img"><img src="/assets/images/what-we-expect/right.webp" alt="Physiotherapy at Rapharehab" /></figure>
                                         <figure className="image image-2"><img src="/assets/images/what-we-expect/left.webp" alt="Physiotherapy at Rapharehab" /></figure>
-                                        <div className="icon-box"><img src="/assets/images/what-we-expect/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
+                                        <div className="icon-box new-ho"><img src="/assets/images/what-we-expect/icon.webp" alt="Physiotherapy at Rapharehab" /></div>
                                     </div>
                                 </div>
                             </div>
diff --git a/public/assets/css/bootstrap.css b/public/assets/css/bootstrap.css
index dd7e63b..c4e4a53 100644
--- a/public/assets/css/bootstrap.css
+++ b/public/assets/css/bootstrap.css
@@ -162,8 +162,8 @@ p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
-/* 
-abbr[title] {
+
+/* abbr[title] {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
@@ -243,11 +243,11 @@ a {
   color: var(--theme-color);
   text-decoration: underline;
 }
-/* a:hover {
+a:hover {
   color: #101214;
 }
 
-a:not([href]):not([class]), a:not([href]):not([class]):hover {
+/* a:not([href]):not([class]), a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
 }
@@ -303,7 +303,7 @@ svg {
   vertical-align: middle;
 }
 
-/* table {
+table {
   caption-side: bottom;
   border-collapse: collapse;
 }
@@ -333,12 +333,12 @@ th {
 
 label {
   display: inline-block;
-} */
+}
 
-button {
+/* button {
   border-radius: 0;
 }
-/* 
+
 button:focus:not(:focus-visible) {
   outline: 0;
 } */
@@ -361,9 +361,9 @@ select {
 
 /* [role=button] {
   cursor: pointer;
-} */
+}
 
-/* select {
+select {
   word-wrap: normal;
 }
 select:disabled {
@@ -1930,7 +1930,7 @@ progress {
   -webkit-overflow-scrolling: touch;
 } */
 
-/* @media (max-width: 575.98px) {
+@media (max-width: 575.98px) {
   .table-responsive-sm {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
@@ -1959,8 +1959,8 @@ progress {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
-} */
-/* .form-label {
+}
+.form-label {
   margin-bottom: 0.5rem;
 }
 
@@ -1993,21 +1993,21 @@ progress {
 .form-control {
   display: block;
   width: 100%;
-     padding: 20px 30px;
- font-size: 18px;
-   color: #676767;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
   font-weight: 400;
-  border: 1px solid rgba(0, 0, 0, 0.1);
   line-height: 1.5;
+  color: #212529;
   background-color: #fff;
   background-clip: padding-box;
+  border: 1px solid #ced4da;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0.375rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-} */
-/* @media (prefers-reduced-motion: reduce) {
+}
+@media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none;
   }
@@ -2070,7 +2070,7 @@ progress {
   border-inline-end-width: 1px;
   border-radius: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-} */
+}
 /* @media (prefers-reduced-motion: reduce) {
   .form-control::-webkit-file-upload-button {
     -webkit-transition: none;
@@ -4069,8 +4069,8 @@ textarea.form-control-lg {
     padding: 0;
     overflow-y: visible;
   }
-} */
-/* @media (min-width: 1400px) {
+}
+@media (min-width: 1400px) {
   .navbar-expand-xxl {
     flex-wrap: nowrap;
     justify-content: flex-start;
@@ -4116,8 +4116,8 @@ textarea.form-control-lg {
     padding: 0;
     overflow-y: visible;
   }
-} */
-/* .navbar-expand {
+}
+.navbar-expand {
   flex-wrap: nowrap;
   justify-content: flex-start;
 }
@@ -5728,9 +5728,10 @@ textarea.form-control-lg {
 .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
   bottom: var(--bs-popover-border-width);
   border-top-color: var(--bs-popover-bg);
-}
+} */
 
-.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
+
+/* .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
   left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
   width: var(--bs-popover-arrow-height);
   height: var(--bs-popover-arrow-width);
@@ -5747,6 +5748,7 @@ textarea.form-control-lg {
   border-right-color: var(--bs-popover-bg);
 }
 
+
 .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
   top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
 }
@@ -5772,6 +5774,7 @@ textarea.form-control-lg {
   border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
 }
 
+
 .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
   right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
   width: var(--bs-popover-arrow-height);
@@ -5789,6 +5792,7 @@ textarea.form-control-lg {
   border-left-color: var(--bs-popover-bg);
 }
 
+
 .popover-header {
   padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
   margin-bottom: 0;
@@ -5849,7 +5853,8 @@ textarea.form-control-lg {
   display: block;
 } */
 
-/* .carousel-item-next:not(.carousel-item-start),
+/* 
+.carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end {
   transform: translateX(100%);
 }
@@ -5859,6 +5864,7 @@ textarea.form-control-lg {
   transform: translateX(-100%);
 }
 
+
 .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
@@ -6022,17 +6028,17 @@ textarea.form-control-lg {
   border-radius: 50%;
   -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
   animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
-}
+} */
 
-@-webkit-keyframes spinner-border {
+/* @-webkit-keyframes spinner-border {
   to {
-    transform: rotate(360deg) 
+    transform: rotate(360deg)
   }
 }
 
 @keyframes spinner-border {
   to {
-    transform: rotate(360deg) 
+    transform: rotate(360deg)
   }
 }
 .spinner-border {
@@ -7094,10 +7100,10 @@ textarea.form-control-lg {
 .d-flex {
   display: flex !important;
 }
-/* 
+
 .d-inline-flex {
   display: inline-flex !important;
-} */
+}
 
 .d-none {
   display: none !important;
@@ -7392,16 +7398,16 @@ textarea.form-control-lg {
 .flex-fill {
   flex: 1 1 auto !important;
 } */
-/* 
+
 .flex-row {
   flex-direction: row !important;
-} */
+}
 
 .flex-column {
   flex-direction: column !important;
 }
 
-/* .flex-row-reverse {
+.flex-row-reverse {
   flex-direction: row-reverse !important;
 }
 
@@ -7411,12 +7417,12 @@ textarea.form-control-lg {
 
 .flex-grow-0 {
   flex-grow: 0 !important;
-} */
+}
 
 .flex-grow-1 {
   flex-grow: 1 !important;
 }
-/* 
+
 .flex-shrink-0 {
   flex-shrink: 0 !important;
 }
@@ -7435,21 +7441,21 @@ textarea.form-control-lg {
 
 .flex-wrap-reverse {
   flex-wrap: wrap-reverse !important;
-} */
+}
 
-/* .justify-content-start {
+.justify-content-start {
   justify-content: flex-start !important;
 }
 
 .justify-content-end {
   justify-content: flex-end !important;
-} */
+}
 
 .justify-content-center {
   justify-content: center !important;
 }
 
-/* .justify-content-between {
+.justify-content-between {
   justify-content: space-between !important;
 }
 
@@ -7467,13 +7473,13 @@ textarea.form-control-lg {
 
 .align-items-end {
   align-items: flex-end !important;
-} */
+}
 
 .align-items-center {
   align-items: center !important;
 }
 
-/* .align-items-baseline {
+.align-items-baseline {
   align-items: baseline !important;
 }
 
@@ -7669,25 +7675,25 @@ textarea.form-control-lg {
 
 .mt-2 {
   margin-top: 0.5rem !important;
-} */
+}
 
 .mt-3 {
   margin-top: 1rem !important;
 }
 
-/* .mt-4 {
+.mt-4 {
   margin-top: 1.5rem !important;
 }
 
 .mt-5 {
   margin-top: 3rem !important;
-} */
+}
 
 .mt-auto {
   margin-top: auto !important;
 }
 
-/* .me-0 {
+.me-0 {
   margin-right: 0 !important;
 }
 
@@ -7717,7 +7723,7 @@ textarea.form-control-lg {
 
 .mb-0 {
   margin-bottom: 0 !important;
-} */
+}
 
 .mb-1 {
   margin-bottom: 0.25rem !important;
@@ -7731,15 +7737,15 @@ textarea.form-control-lg {
   margin-bottom: 1rem !important;
 }
 
-/* .mb-4 {
+.mb-4 {
   margin-bottom: 1.5rem !important;
-} */
+}
 
 .mb-5 {
   margin-bottom: 3rem !important;
 }
 
-/* .mb-auto {
+.mb-auto {
   margin-bottom: auto !important;
 }
 
@@ -7785,13 +7791,13 @@ textarea.form-control-lg {
 
 .p-3 {
   padding: 1rem !important;
-} */
+}
 
 .p-4 {
   padding: 1.5rem !important;
 }
 
-/* .p-5 {
+.p-5 {
   padding: 3rem !important;
 }
 
@@ -7901,12 +7907,12 @@ textarea.form-control-lg {
 
 .pe-5 {
   padding-right: 3rem !important;
-} */
+}
 
 .pb-0 {
   padding-bottom: 0 !important;
 }
-/* 
+
 .pb-1 {
   padding-bottom: 0.25rem !important;
 }
@@ -7957,21 +7963,21 @@ textarea.form-control-lg {
 
 .gap-1 {
   gap: 0.25rem !important;
-} */
+}
 
 .gap-2 {
   gap: 0.5rem !important;
 }
 
-/* .gap-3 {
+.gap-3 {
   gap: 1rem !important;
-} */
+}
 
 .gap-4 {
   gap: 1.5rem !important;
 }
 
-/* .gap-5 {
+.gap-5 {
   gap: 3rem !important;
 }
 
@@ -8049,7 +8055,7 @@ textarea.form-control-lg {
 
 .lh-lg {
   line-height: 2 !important;
-} */
+}
 
 .text-start {
   text-align: left !important;
@@ -8063,7 +8069,7 @@ textarea.form-control-lg {
   text-align: center !important;
 }
 
-/* .text-decoration-none {
+.text-decoration-none {
   text-decoration: none !important;
 }
 
@@ -8143,7 +8149,7 @@ textarea.form-control-lg {
 .text-black {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
-} */
+}
 
 .text-white {
   --bs-text-opacity: 1;
@@ -8865,7 +8871,7 @@ textarea.form-control-lg {
   .float-md-start {
     float: left !important;
   }
-  /* .float-md-end {
+  .float-md-end {
     float: right !important;
   }
   .float-md-none {
@@ -8876,11 +8882,11 @@ textarea.form-control-lg {
   }
   .d-md-inline-block {
     display: inline-block !important;
-  } */
+  }
   .d-md-block {
     display: block !important;
   }
-  /* .d-md-grid {
+  .d-md-grid {
     display: grid !important;
   }
   .d-md-table {
@@ -8897,7 +8903,7 @@ textarea.form-control-lg {
   }
   .d-md-inline-flex {
     display: inline-flex !important;
-  } */
+  }
   .d-md-none {
     display: none !important;
   }
diff --git a/public/assets/css/module-css/about.css b/public/assets/css/module-css/about.css
index 0cef396..d77549d 100644
--- a/public/assets/css/module-css/about.css
+++ b/public/assets/css/module-css/about.css
@@ -1,17 +1,16 @@
-
 /** about-section **/
-/* 
-.about-section{
-  position: relative;
-} */
 
-.image_block_one .image-box{
+.about-section {
+  position: relative;
+}
+
+.image_block_one .image-box {
   position: relative;
   display: block;
   padding-left: 30px;
 }
 
-/* .image_block_one .image-box .image{
+.image_block_one .image-box .image {
   position: relative;
   display: block;
   filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
@@ -19,12 +18,12 @@
   max-width: 600px;
 }
 
-.image_block_one .image-box .image img{
+.image_block_one .image-box .image img {
   width: 100%;
   border-radius: 300px 0px 300px 300px;
-} */
+}
 
-.image_block_one .image-box .icon-one{
+.image_block_one .image-box .icon-one {
   position: absolute;
   left: 30px;
   top: 0px;
@@ -39,7 +38,7 @@
   background: #bc0000;
 }
 
-.image_block_one .image-box .icon-two{
+.image_block_one .image-box .icon-two {
   position: absolute;
   right: 0px;
   bottom: 0px;
@@ -53,7 +52,7 @@
   border-radius: 15px;
 }
 
-/* .image_block_one .image-box .text-box{
+.image_block_one .image-box .text-box {
   position: absolute;
   left: -70px;
   bottom: 40px;
@@ -65,7 +64,7 @@
   padding: 30px;
 }
 
-.image_block_one .image-box .text-box h3{
+.image_block_one .image-box .text-box h3 {
   position: relative;
   display: block;
   font-size: 22px;
@@ -73,7 +72,7 @@
   font-weight: 500;
 }
 
-.image_block_one .image-box .text-box span{
+.image_block_one .image-box .text-box span {
   position: relative;
   display: block;
   font-size: 16px;
@@ -82,39 +81,39 @@
   color: var(--secondary-color);
 }
 
-.image_block_one .image-box .shape{
+.image_block_one .image-box .shape {
   position: absolute;
   left: -70px;
   bottom: 210px;
   width: 98px;
   height: 27px;
   background-repeat: no-repeat;
-} */
+}
 
-.content_block_one .content-box{
+.content_block_one .content-box {
   position: relative;
   display: block;
   margin-top: -6px;
 }
 
-.content_block_one .content-box .list-style-one li{
+.content_block_one .content-box .list-style-one li {
   float: left;
   width: 100%;
 }
 
-/* .content_block_one .content-box h6{
+.content_block_one .content-box h6 {
   display: block;
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
   margin-bottom: 30px;
-} */
+}
 
 /* .content_block_one .content-box p{
   margin-bottom: 30px;
 } */
 
-/* .about-section .pattern-layer .pattern-1{
+.about-section .pattern-layer .pattern-1 {
   position: absolute;
   left: 100px;
   top: 164px;
@@ -123,7 +122,7 @@
   background-repeat: no-repeat;
 }
 
-.about-section .pattern-layer .pattern-2{
+.about-section .pattern-layer .pattern-2 {
   position: absolute;
   right: 172px;
   top: 360px;
@@ -132,7 +131,7 @@
   background-repeat: no-repeat;
 }
 
-.about-section .pattern-layer .pattern-3{
+.about-section .pattern-layer .pattern-3 {
   position: absolute;
   left: 60%;
   top: 55px;
@@ -141,7 +140,7 @@
   background-repeat: no-repeat;
 }
 
-.about-section .pattern-layer .pattern-4{
+.about-section .pattern-layer .pattern-4 {
   position: absolute;
   top: 0px;
   right: 0px;
@@ -150,66 +149,66 @@
   background-repeat: no-repeat;
 }
 
-.about-section .pattern-layer .pattern-5{
+.about-section .pattern-layer .pattern-5 {
   position: absolute;
   right: 255px;
   bottom: 132px;
   width: 105px;
   height: 126px;
   background-repeat: no-repeat;
-} */
+}
 
 
 /** about-style-two **/
 
-.about-style-two{
+.about-style-two {
   position: relative;
 }
 
-.about-style-two .image_block_one .image-box{
+.about-style-two .image_block_one .image-box {
   padding: 0px;
 }
 
-.image_block_one .image-box .image-2{
+.image_block_one .image-box .image-2 {
   position: relative;
   display: block;
   margin-left: 30px;
 }
 
-.image_block_one .image-box .image-2 img{
+.image_block_one .image-box .image-2 img {
   width: 100%;
 }
 
-.image_block_one .image-box .image-shape{
+.image_block_one .image-box .image-shape {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 965px;
   height: 820px;
   background-repeat: no-repeat;
 }
 
-.about-style-two .content_block_one .content-box .list-style-one li{
+.about-style-two .content_block_one .content-box .list-style-one li {
   float: none;
   width: 100%;
 }
 
-.about-style-two .content_block_one .content-box p{
+.about-style-two .content_block_one .content-box p {
   margin-bottom: 17px;
 }
 
-.about-style-two .content_block_one .content-box .list-style-one li:before{
+.about-style-two .content_block_one .content-box .list-style-one li:before {
   background: #ffe6e6;
 }
 
-/* .content_block_one .content-box .lower-box{
+.content_block_one .content-box .lower-box {
   position: relative;
   display: flex;
   align-items: center;
 }
 
-.content_block_one .content-box .lower-box .experience-box{
+.content_block_one .content-box .lower-box .experience-box {
   position: relative;
   display: block;
   background: #FFFFFF;
@@ -221,7 +220,7 @@
   width: 316px;
 }
 
-.content_block_one .content-box .lower-box .experience-box .icon-box{
+.content_block_one .content-box .lower-box .experience-box .icon-box {
   position: absolute;
   display: inline-block;
   left: 30px;
@@ -236,7 +235,7 @@
   background: var(--theme-color);
 }
 
-.content_block_one .content-box .lower-box .experience-box h3{
+.content_block_one .content-box .lower-box .experience-box h3 {
   display: block;
   font-size: 22px;
   line-height: 32px;
@@ -244,7 +243,7 @@
   color: var(--theme-color);
 }
 
-.content_block_one .content-box .lower-box .experience-box .designation{
+.content_block_one .content-box .lower-box .experience-box .designation {
   position: relative;
   display: block;
   font-size: 16px;
@@ -252,7 +251,7 @@
   color: var(--secondary-color);
 }
 
-.content_block_one .content-box .lower-box .author-thumb{
+.content_block_one .content-box .lower-box .author-thumb {
   position: relative;
   display: inline-block;
   width: 100px;
@@ -263,12 +262,12 @@
   margin-right: 30px;
 }
 
-.content_block_one .content-box .lower-box .author-thumb img{
+.content_block_one .content-box .lower-box .author-thumb img {
   width: 100%;
   border-radius: 50%;
-} */
+}
 
-.about-style-two .pattern-layer .pattern-1{
+.about-style-two .pattern-layer .pattern-1 {
   position: absolute;
   left: 100px;
   top: 165px;
@@ -277,7 +276,7 @@
   background-repeat: no-repeat;
 }
 
-.about-style-two .pattern-layer .pattern-2{
+.about-style-two .pattern-layer .pattern-2 {
   position: absolute;
   top: 65px;
   left: 65%;
@@ -285,7 +284,7 @@
   height: 33px;
 }
 
-.about-style-two .pattern-layer .pattern-3{
+.about-style-two .pattern-layer .pattern-3 {
   position: absolute;
   right: 200px;
   bottom: 285px;
@@ -294,73 +293,76 @@
   background-repeat: no-repeat;
 }
 
-/* .about-style-two .pattern-layer .pattern-4{
+.about-style-two .pattern-layer .pattern-4 {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 699px;
   height: 341px;
   background-repeat: no-repeat;
-} */
+}
 
 
 /** about-style-three **/
-/* 
-.about-style-three{
+
+.about-style-three {
   position: relative;
 }
 
-.about-style-three .content_block_one .content-box .list-style-one li{
+.about-style-three .content_block_one .content-box .list-style-one li {
   float: none;
   width: 100%;
-} */
+}
 
-.image_block_three .image-box{
+.image_block_three .image-box {
   position: relative;
   display: block;
   margin-right: 36px;
   padding-left: 294px;
 }
 
-.image_block_three .image-box .image-1{
-  position: relative;
-  filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
-  border-radius: 20px;
-  z-index: 1;
-}
-.image_block_three .image-box .image-1-ho{
+.image_block_three .image-box .image-1 {
   position: relative;
   filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
   border-radius: 20px;
   z-index: 1;
 }
 
-.image_block_three .image-box .image-1 img{
+.image_block_three .image-box .image-1-ho {
+  position: relative;
+  filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
+  border-radius: 20px;
+  z-index: 1;
+}
+
+.image_block_three .image-box .image-1 img {
   width: 100%;
   border-radius: 20px;
 }
 
 
-/* 
+
 @media (max-width: 768px) {
   .billing-table table {
     font-size: 12px;
-  line-height: 22px;  }
+    line-height: 22px;
+  }
 }
 
 @media (max-width: 426px) {
   .billing-table table {
     font-size: 9px;
-  line-height: 12px;  }
+    line-height: 12px;
+  }
 }
 
 
-.image_block_three .image-box .image-1-ho img{
+.image_block_three .image-box .image-1-ho img {
   width: 100%;
   border-radius: 20px;
-} */
+}
 
-.image_block_three .image-box .image-2{
+.image_block_three .image-box .image-2 {
   position: absolute;
   left: -10px;
   top: 60px;
@@ -370,7 +372,7 @@
   transform: rotate(-15deg);
 }
 
-.image_block_three .image-box .image-2-new{
+.image_block_three .image-box .image-2-new {
   position: absolute;
   left: -10px;
   top: 60px;
@@ -380,17 +382,17 @@
   transform: rotate(-15deg);
 }
 
-.image_block_three .image-box .image-2 img{
+.image_block_three .image-box .image-2 img {
   width: 100%;
   border-radius: 20px;
 }
 
-.image_block_three .image-box .image-2-new img{
+.image_block_three .image-box .image-2-new img {
   width: 100%;
   border-radius: 20px;
 }
 
-.image_block_three .image-box .icon-box{
+.image_block_three .image-box .icon-box {
   position: absolute;
   display: inline-block;
   right: 195px;
@@ -406,7 +408,7 @@
   z-index: 1;
 }
 
-.image_block_three .image-box .image-shape .shape-1{
+.image_block_three .image-box .image-shape .shape-1 {
   position: absolute;
   width: 29px;
   height: 33px;
@@ -415,7 +417,7 @@
   background-repeat: no-repeat;
 }
 
-.image_block_three .image-box .image-shape .shape-2{
+.image_block_three .image-box .image-shape .shape-2 {
   position: absolute;
   left: -45px;
   top: 20px;
@@ -424,16 +426,16 @@
   background-repeat: no-repeat;
 }
 
-/* .image_block_three .image-box .image-shape .shape-3{
+.image_block_three .image-box .image-shape .shape-3 {
   position: absolute;
   left: -100px;
   bottom: 25px;
   width: 98px;
   height: 27px;
   background-repeat: no-repeat;
-} */
+}
 
-.image_block_three .image-box .image-shape .shape-4{
+.image_block_three .image-box .image-shape .shape-4 {
   position: absolute;
   right: 104px;
   bottom: -100px;
@@ -442,7 +444,7 @@
   background-repeat: no-repeat;
 }
 
-.image_block_three .image-box .image-shape .shape-5{
+.image_block_three .image-box .image-shape .shape-5 {
   position: absolute;
   right: 0px;
   bottom: -165px;
@@ -450,8 +452,8 @@
   height: 126px;
   background-repeat: no-repeat;
 }
-/* 
-.about-style-three .pattern-layer{
+
+.about-style-three .pattern-layer {
   position: absolute;
   opacity: 0.8;
   top: 0px;
@@ -459,7 +461,7 @@
   width: 699px;
   height: 341px;
   background-repeat: no-repeat;
-} */
+}
 
 
 
@@ -469,28 +471,28 @@
 
 /** RTL-CSS **/
 
-/* .rtl .image_block_one .image-box .text-box{
+.rtl .image_block_one .image-box .text-box {
   left: 0px;
 }
 
-.rtl .content_block_one .content-box .list-style-one li{
+.rtl .content_block_one .content-box .list-style-one li {
   float: right;
 }
 
-.rtl .content_block_one .content-box .lower-box .experience-box{
+.rtl .content_block_one .content-box .lower-box .experience-box {
   margin-right: 0px;
   margin-left: 30px;
 }
 
-.rtl .content_block_one .content-box .lower-box .author-thumb{
+.rtl .content_block_one .content-box .lower-box .author-thumb {
   margin-right: 0px;
   margin-left: 30px;
 }
 
-.rtl .image_block_three .image-box{
+.rtl .image_block_three .image-box {
   margin-right: 0px;
   margin-left: 36px;
-} */
+}
 
 
 
@@ -499,31 +501,31 @@
 /** RESPONSIVE-CSS **/
 
 
-@media only screen and (max-width: 1024px){
+@media only screen and (max-width: 1024px) {
 
-  .image_block_one .image-box .text-box{
+  .image_block_one .image-box .text-box {
     left: 0px;
   }
 
-  .image_block_one .image-box{
+  .image_block_one .image-box {
     margin-bottom: 30px;
   }
 
-  .image_block_three .image-box{
+  .image_block_three .image-box {
     margin-bottom: 30px;
   }
 
-  .image_block_three .image-box .icon-box{
+  .image_block_three .image-box .icon-box {
     bottom: 0px;
   }
 
-  .imge-new-element img{
+  .imge-new-element img {
 
-      display: none;
+    display: none;
 
   }
 
-  .image-new-align{
+  .image-new-align {
 
     position: relative;
     left: -140px;
@@ -531,77 +533,79 @@
   }
 
 }
-@media only screen and (max-width: 991px){
 
-  .image_block_one .image-box .text-box{
+@media only screen and (max-width: 991px) {
+
+  .image_block_one .image-box .text-box {
     left: 0px;
   }
 
-  .image_block_one .image-box{
+  .image_block_one .image-box {
     margin-bottom: 30px;
   }
 
-  .image_block_three .image-box{
+  .image_block_three .image-box {
     margin-bottom: 30px;
   }
 
-  .image_block_three .image-box .icon-box{
+  .image_block_three .image-box .icon-box {
     bottom: 0px;
   }
 
 }
 
-@media only screen and (max-width: 767px){
+@media only screen and (max-width: 767px) {
 
-  .content_block_one .content-box .list-style-one li{
+  .content_block_one .content-box .list-style-one li {
     float: none;
     width: 100%;
   }
 
-  .content_block_one .content-box{
+  .content_block_one .content-box {
     margin: 0px;
   }
 
-  .image_block_one .image-box{
+  .image_block_one .image-box {
     padding-left: 0px;
   }
 
-  .about-section .pattern-layer{
+  .about-section .pattern-layer {
     display: none;
   }
 
-  .about-section{
+  .about-section {
     padding: 70px 0px;
   }
 
-  .content_block_one .content-box .lower-box{
+  .content_block_one .content-box .lower-box {
     display: block;
   }
 
   .content_block_one .content-box .lower-box .experience-box,
-  .content_block_one .content-box .lower-box .author-thumb{
+  .content_block_one .content-box .lower-box .author-thumb {
     margin-right: 0px;
     margin-bottom: 30px;
   }
 
-  .about-style-two{
+  .about-style-two {
     padding: 70px 0px;
   }
 
-  .about-style-two .pattern-layer{
+  .about-style-two .pattern-layer {
     display: none;
   }
 
-  .image_block_three .image-box .image-1{
+  .image_block_three .image-box .image-1 {
     max-width: 306px;
     margin: 0 auto;
   }
 
-    .image_block_three .image-box .image-1-ho{
+  .image_block_three .image-box .image-1-ho {
     max-width: 306px;
     margin: 0 auto;
   }
-  .image_block_three .image-box .image-2{
+
+  .image_block_three .image-box .image-2 {
     position: relative;
     left: 0px;
     top: 0px;
@@ -611,7 +615,7 @@
     margin-top: 30px;
   }
 
-    .image_block_three .image-box .image-2-new{
+  .image_block_three .image-box .image-2-new {
     position: relative;
     left: 0px;
     top: 0px;
@@ -621,79 +625,79 @@
     margin-top: 30px;
   }
 
-  .image_block_three .image-box{
+  .image_block_three .image-box {
     padding: 0px;
   }
 
-  .image_block_three .image-box .image-shape{
+  .image_block_three .image-box .image-shape {
     display: none;
   }
 
-  .image_block_three .image-box .icon-box{
+  .image_block_three .image-box .icon-box {
     right: 0px;
   }
 
-  .about-style-three{
+  .about-style-three {
     padding: 70px 0px;
   }
 
 }
 
-@media only screen and (max-width: 1024px){
+@media only screen and (max-width: 1024px) {
 
-.image_block_three .image-box .image-2-new{
-  position: absolute;
-  left: -10px;
-  top: 60px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
-  border-radius: 20px;
-  transform: rotate(-15deg);
-}
+  .image_block_three .image-box .image-2-new {
+    position: absolute;
+    left: -10px;
+    top: 60px;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    filter: drop-shadow(0px 2px 70px rgba(0, 0, 0, 0.1));
+    border-radius: 20px;
+    transform: rotate(-15deg);
+  }
 
-.image_block_three .image-box .image-1-ho {
+  .image_block_three .image-box .image-1-ho {
     position: relative;
     filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
     border-radius: 20px;
     z-index: 1;
     margin-right: -134px;
     left: -104px;
-}
+  }
 
 
-.image_block_three .image-box .new-ho{
+  .image_block_three .image-box .new-ho {
 
-top: 309px;
+    top: 309px;
     left: 279px;
 
-}
+  }
 
 }
 
 
 @media only screen and (max-width: 768px) {
-  
-    .image_block_three .image-box .image-1-ho {
-        position: relative;
-        filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
-        border-radius: 20px;
-        z-index: 1;
-        margin-right: 0px !important;
-        left: 0px !important;
-    }
+
+  .image_block_three .image-box .image-1-ho {
+    position: relative;
+    filter: drop-shadow(-10px 20px 50px rgba(75, 183, 241, 0.3));
+    border-radius: 20px;
+    z-index: 1;
+    margin-right: 0px !important;
+    left: 0px !important;
+  }
 
 
-    .image_block_three .image-box .new-ho{
+  .image_block_three .image-box .new-ho {
 
 
     top: 337px;
     left: 239px;
-}
+  }
 }
 
 @media only screen and (max-width: 500px) {
-  
-  .image_block_three .image-box .image-1-ho img{
+
+  .image_block_three .image-box .image-1-ho img {
 
     display: none;
 
@@ -701,15 +705,15 @@ top: 309px;
 
 }
 
-@media only screen and (max-width: 499px){
+@media only screen and (max-width: 499px) {
 
-  .image_block_one .image-box .text-box{
+  .image_block_one .image-box .text-box {
     position: relative;
     width: 100%;
   }
 
   .image_block_one .image-box .icon-one,
-  .image_block_one .image-box .icon-two{
+  .image_block_one .image-box .icon-two {
     display: none;
   }
 
@@ -717,33 +721,33 @@ top: 309px;
 
 @media only screen and (max-width: 426px) {
 
-    .image_block_three .image-box .image-1 img{
-  width: 100%;
-  border-radius: 20px;
-  display: none !important;
-}
+  .image_block_three .image-box .image-1 img {
+    width: 100%;
+    border-radius: 20px;
+    display: none !important;
+  }
 
-    .image_block_three .image-box .image-1-ho img{
-  width: 100%;
-  border-radius: 20px;
-  display: none !important;
-}
+  .image_block_three .image-box .image-1-ho img {
+    width: 100%;
+    border-radius: 20px;
+    display: none !important;
+  }
 
 }
 
 @media only screen and (max-width: 426px) {
 
-.new-icon-box-faq{
+  .new-icon-box-faq {
 
-  display: none !important;
+    display: none !important;
 
-}
+  }
 
 }
 
 @media only screen and (max-width: 500px) {
 
-  .image-new-align{
+  .image-new-align {
 
     left: -0px !important;
 
@@ -752,8 +756,8 @@ top: 309px;
 }
 
 @media screen and (max-width: 376px) {
-  
-  .image_block_three .image-box .new-ho{
+
+  .image_block_three .image-box .new-ho {
 
     left: 200px;
 
@@ -761,46 +765,31 @@ top: 309px;
 
 }
 
+@media (max-width: 767px) and (min-width: 427px) {
+  .hide-img {
+    display: none !important;
+  }
+}
+
+@media only screen and (max-width: 376px) and (min-width: 200px) {
+  
+  .image_block_three .image-box .icon-box{
+
+    display: none !important;
 
 
+  }
 
+  .image_block_two .image-box .icon-box{
 
+      display: none !important;
 
+  }
 
+  .image_block_three .image-box{
 
+    margin-right: 0px !important;
 
+  }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+}
\ No newline at end of file