diff --git a/src/app/views/pages/home/home.component.html b/src/app/views/pages/home/home.component.html
index 4c2eed9..33d2c72 100644
--- a/src/app/views/pages/home/home.component.html
+++ b/src/app/views/pages/home/home.component.html
@@ -67,7 +67,7 @@
                               <div class="english fw-700 fs-24">
                                  <!-- <div>{{ 'HOME_LETS_LEARN_ENGLISH_TOGETHER' | i18next }}</div> -->
                               </div>
-                              <div class="text-blue fs-64 fw-900">{{ "HOME_SPEAK_ENGLISH" | i18next }}</div>
+                              <div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_SPEAK_ENGLISH" | i18next }}</div>
                               <div class="fs-64 fw-900 text-pink">{{ "HOME_WITH_CONFIDENCE" | i18next }}</div>
                               <div class="english fs-16 mw-72">{{ "HOME_BANNER_FIRST_DESCRIPTION" | i18next }}</div>
                               <!-- <div class="mt-4">
@@ -86,7 +86,7 @@
                         <div class="col-lg-8 col-sm-12">
                            <div class="map-img ps-5">
                               <div class="english fw-700 fs-24">
-                                 <div class="text-blue fs-64 fw-900">{{ "HOME_IMPACT_IN_TERMS_OF_POTENTIAL" | i18next }}</div>
+                                 <div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_IMPACT_IN_TERMS_OF_POTENTIAL" | i18next }}</div>
                               </div>
                               <div class="text-yellow fs-64 fw-900">{{ "HOME_WE_ARE_BUILDING" | i18next }}</div>
                               <!-- <div class="fs-64 fw-900 text-yellow">{{ "HOME_FOR_THE_CHILDREN" | i18next }}.</div> -->
@@ -107,7 +107,7 @@
                         <div class="col-lg-8 col-sm-12">
                            <div class="map-img ps-5">
                               <div class="english fw-700 fs-24">
-                                 <div class="text-blue fs-64 fw-900">{{ "HOME_STATE_OF_THE_ART_TECHNOLOGY_MEET" | i18next }}</div>
+                                 <div class="text-blue fs-64 fw-900 mt-sm-20">{{ "HOME_STATE_OF_THE_ART_TECHNOLOGY_MEET" | i18next }}</div>
                               </div>
                               <div class="text-orange fs-64 fw-900">{{ "HOME_ACADEMIC_RESEARCH" | i18next }}</div>
                               <!-- <div class="fs-34 fw-900 text-orange">{{ "HOME_TO_DRIVE_LANGUAGE_LEARNING" | i18next }}</div> -->
@@ -126,7 +126,7 @@
       <section>
          <div class="bg-grey">
             <div class="container">
-               <div class="d-flex circle-holder justify-content-between flex-wrap">
+               <div class="d-flex circle-holder justify-content-between flex-wrap sm-around gap-40">
                   <a routerLink="/level">
                      <div class="blue-circle flex-center">
                         <div>
@@ -187,7 +187,7 @@
          <div class="container">
             <div class="item ptb-120">
                <div class="row">
-                  <div class="col-lg-5 col-sm-12">
+                  <div class="col-md-12 col-lg-5 col-sm-12">
                      <div class="text-blue fs-64 fw-900">{{ "HOME_HOW_TO_LEARN_FOR_TOMORROW" | i18next }}</div>
                      <div class="fs-16 mt-3">
                         In today’s interconnected world, it is essential for the school students to build the skills today to engage as confident global citizens of tomorrow. To achieve this, they need to have not just awareness of the world but strong communication skills to voice their thoughts. Reading and speaking a language with comfort are critical for sharing one’s thoughts and engaging with the wider world.
@@ -197,7 +197,7 @@
                      </div>
                      <div class="mt-4"><a routerLink="/learn-tommorow" href="#" class="fs-14 fw-700 text-pink header-btn">{{ "HOME_KNOW_MORE" | i18next }}</a></div>
                   </div>
-                  <div class="col-lg-7 col-sm-12">
+                  <div class="col-md-12 col-lg-7 col-sm-12 mt-sm-20">
                      <img width="716px" height="453.39px" class="img-fluid" src="../../../../assets/home-asset/second-lang.png"
                         alt="girls">
                   </div>
@@ -208,11 +208,11 @@
       <div class="container">
          <div class="item pb-120 ">
             <div class="row">
-               <div class="col-lg-7 col-sm-12">
+               <div class="col-md-12 col-lg-7 col-sm-12">
                   <img width="832px" height="486.99px" class="img-fluid" src="../../../../assets/home-asset/girls-carausel.png" alt="girls">
                </div>
-               <div class="col-lg-4 ps-5 col-sm-12">
-                        <div class="text-blue fs-34 fw-700">{{ "HOME_BREAK_THE_BARRIERS" | i18next }}</div>
+               <div class="col-md-12 col-lg-4 ps-5 col-sm-12 ps1-sm-12">
+                        <div class="text-blue fs-34 fw-700 mt-sm-20">{{ "HOME_BREAK_THE_BARRIERS" | i18next }}</div>
                         <div class="fs-14 mt-3 ">{{ "HOME_BUILDS_A_CONDUCIVE_ENVIRONMENT" | i18next }}</div>
                         <div class="fs-14 mt-3 ">{{ "HOME_THE_STUDENTS_AND_TEACHERS_WILL_USE_MOZHIGAL" | i18next }}</div>
                </div>
diff --git a/src/app/views/pages/home/home.component.scss b/src/app/views/pages/home/home.component.scss
index efaa4f4..67df72d 100644
--- a/src/app/views/pages/home/home.component.scss
+++ b/src/app/views/pages/home/home.component.scss
@@ -359,13 +359,51 @@ li.special{
     margin-right: 25px!important;
     border-right: 1px solid #e9e8e8 !important;
 }
-@media only screen and (max-width: 1524px) and (min-width: 800px) {
-    
-        .responsive-iframe{
-            width: 60% !important;
-        }
-    
-  }
+@media (max-width: 992px){
+   .mt-sm-20{
+    margin-top: 20px !important;
+   }
+   .ps1-sm-12{
+    padding-left: 12px !important;
+   }
+}
+
+@media (max-width: 1250px){
+    .responsive-iframe{
+        width: 87% !important;
+    }
+    .gap-40{
+        gap: 40px !important;
+    }
+    .sm-around{
+        justify-content: space-around !important;
+    }
+}
+@media (max-width: 1465px){
+    .follow-label{
+        left: -30px !important;
+    }
+    .follow-label2{
+        left: -30px !important;
+    }
+    .responsive-iframe{
+        width: 75% !important;
+    }
+}
+@media (max-width: 1465px){
+    .responsive-iframe{
+        width: 88% !important;
+    }
+}
+
+@media (max-width: 840px){
+    .responsive-iframe{
+        width: 95% !important;
+    }
+    .follow-label2{
+        display: none !important;
+    }
+}
 @media (max-width: 659px) {
     .responsive-iframe{
         width: 90%;