diff --git a/index.html b/index.html
index 162d71a..808caa8 100644
--- a/index.html
+++ b/index.html
@@ -97,12 +97,14 @@
         </div>
         <div class="carousel-inner">
           <div class="carousel-item active">
+            <!-- changing the size of the image here!! -->
             <img
               src="images/Welcome.png"
-              class="d-block w-100 i1"
+              class="d-block w-100 i1 Welcome-Image"
               alt="welcome"
               height="500px"
             />
+            <!-- till here!! -->
             <div class="carousel-caption d-none d-md-block"></div>
           </div>
           <div class="carousel-item">
@@ -374,6 +376,7 @@ <h2 class="community-title mb-3 mt-5">TESTIMONIALS</h2>
                         height="20px"
                         style="border: 1px solid #fa698b; border-radius: 50%"
                       />
+                      <!--  CHANGING THSI TO BLOCK IN MEDIA QUERY -->
                       <div class="card-body">
                         <h5 class="card-title">Priya Sharma</h5>
                         <p class="card-text">
diff --git a/src/childcare.css b/src/childcare.css
index 2a568c4..468e1dd 100644
--- a/src/childcare.css
+++ b/src/childcare.css
@@ -478,3 +478,156 @@ footer {
 .subscribeBtn {
     background: var(--second) !important;
 }
+
+
+
+
+@media (max-width: 800px) and (min-width: 400px) {
+    .text h1 {
+      font-size: 40px;
+      padding-top: 20px;
+    }
+  
+    .text p {
+      font-size: 14px;
+      padding: 20px;
+      padding-bottom: 0px;
+    }
+  
+    .tagline p {
+      font-size: 20px;
+      font-weight: 500;
+    }
+  
+    .buttons a {
+      font-size: 13px !important;
+      padding: 8px 15px !important;
+      display: inline-block !important;
+      text-align: center !important;
+    }
+  
+    .buttons {
+      text-align: center;
+    }
+  
+    .babies-section h1 {
+      font-size: 20px !important;
+      font-weight: 500;
+    }
+  
+    .babies-section p {
+      font-size: 13px;
+    }
+  
+    .top-row,
+    .bottom-row {
+      display: flex;
+      flex-direction: column;
+    }
+  
+    .boxs {
+      margin-bottom: 20px;
+      width: 70%;
+      height: 100%;
+      margin-left: 70px;
+      margin-right: 70px;
+    }
+  
+    .boxs h1 {
+      font-size: 20px;
+      margin-bottom: 10px;
+    }
+  
+    .boxs p {
+      font-size: 13px;
+      line-height: 1.5;
+      margin-bottom: 10px;
+    }
+  
+    .main .text h1 {
+      font-size: 40px;
+      padding-top: 20px;
+    }
+  
+    .main .text p {
+      font-size: 14px;
+      padding: 20px;
+      padding-bottom: 0;
+    }
+  
+    .main .tagline p {
+      font-size: 20px;
+      font-weight: 500;
+    }
+  
+    .main .buttons a {
+      font-size: 13px !important;
+      padding: 8px 15px !important;
+      display: inline-block !important;
+      text-align: center !important;
+    }
+  
+    .main .buttons {
+      text-align: center;
+    }
+  
+    .babies-section h1 {
+      font-size: 20px !important;
+      font-weight: 500;
+    }
+  
+    .babies-section p {
+      font-size: 13px;
+    }
+  
+    .top-row,
+    .bottom-row {
+      display: flex;
+      flex-direction: column;
+    }
+  
+    .boxs {
+      margin-bottom: 20px;
+      width: 70%;
+      height: 100%;
+      margin-left: 70px;
+      margin-right: 70px;
+    }
+  
+    .boxs h1 {
+      font-size: 20px;
+      margin-bottom: 10px;
+    }
+  
+    .boxs p {
+      font-size: 13px;
+      line-height: 1.5;
+      margin-bottom: 10px;
+    }
+  
+    .contain .top-row,
+    .contain .bottom-row {
+      display: flex;
+      flex-direction: column;
+    }
+  
+    .contain .boxs {
+      margin-bottom: 20px;
+      width: 70%;
+      height: 100%;
+      margin-left: 70px;
+      margin-right: 70px;
+    }
+  
+    .contain .boxs h1 {
+      font-size: 20px;
+      margin-bottom: 10px;
+    }
+  
+    .contain .boxs p {
+      font-size: 13px;
+      line-height: 1.5;
+      margin-bottom: 10px;
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/parenting.css b/src/parenting.css
index e67b687..7b7be26 100644
--- a/src/parenting.css
+++ b/src/parenting.css
@@ -525,3 +525,94 @@ footer {
 .subscribeBtn {
     background: var(--second) !important;
 }
+
+
+
+
+
+@media (max-width: 800px) and (min-width:400px) {
+    .text h1{
+      font-size: 40px;
+      padding-top: 20px;
+    }
+  
+    .text p{
+      font-size: 14px;
+      padding: 20px;
+      padding-bottom: 0px;  
+    }
+
+    .tagline p{
+        font-size: 20px;
+        font-weight: 500;
+    }
+
+    
+    .buttons a {
+        font-size: 13px !important; 
+        padding: 8px 15px !important; 
+        display: inline-block !important;
+        text-align: center !important;
+    }
+
+    .buttons {
+        text-align: center;
+    }
+
+    .top-row,
+    .bottom-row {
+      display: flex;
+      flex-direction: column;
+    }
+  
+    .boxs {
+      margin-bottom: 20px;
+      width: 70%;
+      height: 100%;
+      margin-left: 70px;
+      margin-right: 70px;
+    }
+  
+    .boxs h1 {
+      font-size: 20px; 
+      margin-bottom: 10px; 
+    }
+  
+    .boxs p {
+      font-size: 13px;
+      line-height: 1.5;
+      margin-bottom: 10px; 
+    }
+
+    .sleepblock p {
+        font-size: 14px;
+        line-height: 1.5;
+        margin-bottom: 20px; 
+      }
+    
+      .sleepblock h1 {
+        font-size: 24px; 
+        margin-bottom: 10px; 
+      }
+    
+      .sleeptracker {
+        text-align: center;
+        margin: 0 auto; 
+        max-width: 80%; 
+      }
+    
+      #sleep-form {
+        max-width: 300px; 
+        margin: 0 auto; 
+        text-align: left; 
+      }
+
+      .babies-section h1{
+        font-size: 20px !important;
+        font-weight: 500;
+      }
+
+      .babies-section p{
+        font-size: 13px;
+      }
+   }
diff --git a/src/style.css b/src/style.css
index a37bd72..2ed3387 100644
--- a/src/style.css
+++ b/src/style.css
@@ -118,9 +118,34 @@ h5 {
 }
 @media (min-width: 24px) {
     .card img {
-      height: 11em;
+      height: 11em;      
     }
  }
+
+ /* skajbfhbhad */
+
+@media (max-width:515px){
+  .cards-wrapper{
+    flex-direction: column;
+    align-items: center;
+    gap: 40px;
+  }
+
+  .card{
+    width: 80%;
+  }
+}
+
+.Welcome-Image{
+  height: 500px;
+}
+
+@media (max-width: 515px) {
+  .Welcome-Image{
+    height: 350px;
+  }
+}
+
 /*footer*/
 .footer {
   background-color: #f3c9d3;