diff --git a/CSS/front_page.css b/CSS/front_page.css
index 0ab400e..98ed76d 100644
--- a/CSS/front_page.css
+++ b/CSS/front_page.css
@@ -71,6 +71,42 @@ header
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
 }
+/* Setting media queries for the transbox2-Hardik */
+@media only screen and (max-width:765px){
+    .logo1{
+        display: none;
+    }
+    .logo2{
+        display: none;
+    }
+    .transbox2 .heading1{
+        font-size: 2.7em;
+    }
+    .transbox2 .heading2 span{
+        font-size: 1em;
+    }
+    .transbox2 .heading2{
+        font-size: 2.9em;
+    }
+    .transbox2 .heading3{
+        font-size: 1.5em;
+    }
+}
+@media only screen and (max-width:485px){
+    .transbox2 .heading2 span{
+        font-size: 0.8em;
+    }
+    .transbox2 .heading1{
+        font-size: 2.6em;
+    }
+    .transbox2 .heading2{
+        font-size: 2.2em;
+    }
+    .transbox2 .heading3{
+        font-size: 1.3em;
+    }
+}
+/* Media uery setup of transbox2 ends here */
 .Text{/*common properties for all the text present on the blue box*/ 
     display: inline-block;
     text-align: center;
@@ -204,9 +240,12 @@ span{/*Setting properties for < and > symbol which is present before and after t
             align-items: center;
         }
         .transbox3{
-            height: 30rem;
+            height: 17rem;
             
         }
+        .Gallery{
+            height: 20vh;
+        }
 }
 /* For ipad */
 @media (max-width:1024px) and (min-width: 769px)
@@ -222,6 +261,7 @@ span{/*Setting properties for < and > symbol which is present before and after t
         .item{
             margin-left: 2vw;
         }
+        
        
 }
 
@@ -279,6 +319,13 @@ span{/*Setting properties for < and > symbol which is present before and after t
         align-items: center;
         padding: 1.0rem;
         overflow-x: scroll;
+        height: 15vh;
+    }
+    .transbox3{
+        height: 10rem;
+    }
+    .item{
+        height: 100px;
     }
     .leftgallerybttn, .rightgallerybttn{
         /* display: none; */