From f6b2320e28c72a29bc2899ad4c47c877e4033166 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Sat, 7 Mar 2026 20:03:13 +0530
Subject: [PATCH] responsive updated

---
 src/app/globals.css                          | 133 +++++++++++++++++--
 src/components/home/home-1/ChooseSection.tsx |   4 +-
 2 files changed, 127 insertions(+), 10 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 7f16c90..1cd5bf7 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -11898,14 +11898,6 @@ body {
     font-size: 34px !important;
   }
 
-  .about-us-image-area .working-area {
-    left: 0 !important;
-    top: 0 !important;
-    position: relative !important;
-    display: inline-block !important;
-    margin-bottom: 20px !important;
-  }
-
   /* Inner page banner fixes */
   .page-header__bg {
     display: none !important;
@@ -13219,4 +13211,129 @@ body {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
+}
+
+
+@media (max-width: 1200px) {
+    
+  .brand-section{
+
+    padding-top: 90px !important;
+
+  }
+
+  .home-contact-one .appointment__form__top .sec-title__title{
+
+    font-size: 30px !important;
+
+  }
+}
+
+@media (max-width: 1024px) {
+
+.choose-section .bg-image{
+
+  display: none !important;
+
+}
+
+}
+
+@media (max-width: 992px) {
+  
+
+  .home-contact-form-container-global{
+
+    margin-top: 30px !important;
+
+  }
+
+}
+
+@media (max-width: 768px) {
+
+.banner-section {
+
+  padding-top: 60px !important;
+
+}
+
+.section-space{
+
+  padding-top: 50px !important;
+  padding-bottom: 50px !important;
+
+}
+
+.counselling-solutions__title{
+
+  padding-top: 30px;
+
+}
+
+.counter-area-two__count{
+
+  font-size: 25px !important;
+
+}
+
+.counter-area-two__text{
+
+  font-size: 12px !important;
+
+}
+}
+
+@media (max-width: 500px ){
+
+
+  .home-contact-one .appointment__form__top .sec-title__title{
+
+
+    font-size: 28px !important;
+
+  }
+
+      .banner-section {
+        padding-top: 60px !important;
+    }
+
+    .sec-title__title{
+
+      font-size: 24px !important;
+
+    }
+
+    .call-area-three__title{
+
+
+      font-size: 25px !important;
+              margin-bottom: -20px !important;
+
+    }
+
+    .sec-title {
+
+      margin-bottom: 10px !important;
+
+    }
+
+    .cta-1-section h3{
+
+      font-size: 22px !important;
+
+    }
+
+    .home-contact-one .home-contact__card__shape-two {
+
+      display: none !important;
+
+    }
+
+    .about-us-content-area{
+
+      padding-left: 0px !important;
+      padding: 0px !important;
+    }
+
 }
\ No newline at end of file
diff --git a/src/components/home/home-1/ChooseSection.tsx b/src/components/home/home-1/ChooseSection.tsx
index 3445a06..a6c7005 100644
--- a/src/components/home/home-1/ChooseSection.tsx
+++ b/src/components/home/home-1/ChooseSection.tsx
@@ -6,7 +6,7 @@ const ChooseSection = () => (
         <div className="shape-image" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-15.png)" }}></div>
         <div className="small-container">
             <div className="row g-4">
-                <div className="col-xxl-6 col-xl-6 col-lg-6 p-relative">
+                <div className="col-xxl-6 col-xl-6 col-lg-12 col-md-12 p-relative">
                     <div className="faq-one__title ">
                         <div className="sec-title">
                             <div className="sec-title__shape">
@@ -33,7 +33,7 @@ const ChooseSection = () => (
                         This is complemented by our strength in SEO strategies and digital marketing solutions, ensuring your brand not only looks good but also ranks high.
                     </div>
                 </div>
-                <div className="col-xxl-6 col-xl-6 col-lg-6 wow fadeInLeft" data-wow-delay="1.2s">
+                <div className="col-xxl-6 col-xl-6 col-lg-12 col-md-12 wow fadeInLeft" data-wow-delay="1.2s">
                     <figure className="image m-img"><img src="/assets/images/home/3/right-img.webp" alt="Diverse team collaborating over a laptop in an office setting." /></figure>
                 </div>
             </div>