diff --git a/index.html b/index.html
index be4d082..c168a7a 100644
--- a/index.html
+++ b/index.html
@@ -126,10 +126,10 @@
     <!-- main navbar end -->
 
     <!-- main middle start -->
-    <div class="w-full flex flex-col grow-[1] pt-[100px] overflow-hidden">
+    <div class="w-full flex flex-col grow-[1] pt-[100px] overflow-hidden max-lg:pt-[52px]">
 
       <!-- hero start -->
-      <div class="w-full flex flex-col gap-[25px] justify-center items-center relative h-[calc(100vh-100px)] relative overflow-hidden border-b-[1px] border-bgMain2/15">
+      <div class="w-full flex flex-col gap-[25px] justify-center items-center relative h-[calc(100vh-100px)] relative overflow-hidden border-b-[1px] border-bgMain2/15 max-lg:h-auto">
         <!-- <img src="./assets/images/bghero.jpg" class="w-full h-full absolute inset-[0] object-cover opacity-[0.25]"></img> -->
         <div class="w-full h-full z-[-1] opacity-[0.2] absolute bg-gradient-to-t from-bgMain to-transparent">
           <video src="https://video.nostr.build/bb4d7552229a1a31411936acad24e5be9cb5e86afa8c0ac213e5782005ef09fb.mp4" autoplay muted loop class="w-full h-full object-cover"></video>
@@ -137,9 +137,9 @@
         </div>
         <div class="w-full flex flex-col grow-[1] justify-end items-center">
           <div class="max-w-[1400px] w-full grow-[1] flex flex-col justify-center items-center px-[10px] relative">
-            <div class="w-full flex flex-col gap-[35px] grow-[1] justify-center items-center pt-[10vh]">
-              <h1 data-aos="fade-down" data-aos-duration="1500" class="text-6xl font-[900] text-center">Everyone's a Critic</h1>
-              <p data-aos="fade-down" data-aos-duration="2000" data-aos-delay="1000" class="text-2xl text-center px-[100px]">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+            <div class="w-full flex flex-col gap-[35px] grow-[1] justify-center items-center pt-[10vh] max-lg:pt-[25px]">
+              <h1 data-aos="fade-down" data-aos-duration="1500" class="text-6xl font-[900] text-center max-lg:text-3xl">Everyone's a Critic</h1>
+              <p data-aos="fade-down" data-aos-duration="2000" data-aos-delay="1000" class="text-2xl text-center px-[100px] max-lg:px-[0px] max-lg:text-lg">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
               <div data-aos="fade-down" data-aos-duration="2000" data-aos-delay="2000" class="w-full grid grid-cols-5 gap-[6px] justify-center items-center max-w-[1000px] max-lg:grid-cols-1">
                 <div class="w-full h-full grid grid-cols-5 gap-[4px] flex-wrap col-span-4 max-lg:col-span-1 max-lg:grid-cols-3 max-md:grid-cols-2 max-sm:grid-cols-1">
                   <button popupAction="openFilterSearch" class="text-bgMain bg-bgMain2 text-sm flex flex-col items-start relative grow-[1]">
@@ -218,10 +218,10 @@
       <!-- hero end -->
 
       <!-- info section start -->
-      <div class="w-full flex flex-col justify-center items-center bg-bgmain min-h-[60vh]">
+      <div class="w-full flex flex-col justify-center items-center bg-bgmain min-h-[60vh] pt-[50px]">
         <div class="max-w-[1400px] w-full grow-[1] flex flex-col justify-center items-center px-[10px] relative">
-          <div class="w-full flex flex-row gap-[50px] flex-wrap">
-            <div class="w-full max-w-[500px] flex flex-col gap-[25px] justify-center items-start">
+          <div class="w-full flex flex-row gap-[50px] flex-wrap justify-center">
+            <div class="w-full max-w-[500px] flex flex-col gap-[25px] justify-center items-start max-lg:max-w-[250px]">
               <img src="./assets/images/sBG1.png" class="w-full max-w-[400px]"></img>
             </div>
             <div class="w-full max-w-[750px] flex flex-col gap-[25px]">
@@ -466,7 +466,7 @@
             <div class="w-full flex flex-col gap-[25px]">
               <h2 data-aos="fade-left" data-aos-duration="1500" class="text-5xl font-bold">Join & Socialize</h2>
               <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-              <div class="w-full flex flex-row gap-[100px]">
+              <div class="w-full flex flex-row gap-[100px] max-lg:flex-col">
                 <div class="w-full flex flex-col justify-ceter items-center gap-[25px]">
                   <div class="w-full flex flex-row justify-center items-center">
                     <div class="grow-[1] h-[2px] bg-bgMain2"></div>
diff --git a/product.html b/product.html
index 2862378..ce830f2 100644
--- a/product.html
+++ b/product.html
@@ -47,11 +47,6 @@
                   </div>
                 </div>
               </div>
-              <div class="lg:hidden">
-                <button class="flex flex-col justify-center items-center">
-                  <i class="bx bx-menu text-3xl"></i>
-                </button>
-              </div>
             </div>
           </div>
         </div>
diff --git a/search.html b/search.html
index d00b57f..d2791f4 100644
--- a/search.html
+++ b/search.html
@@ -47,11 +47,6 @@
                   </div>
                 </div>
               </div>
-              <div class="lg:hidden">
-                <button class="flex flex-col justify-center items-center">
-                  <i class="bx bx-menu text-3xl"></i>
-                </button>
-              </div>
             </div>
           </div>
         </div>