diff --git a/index.html b/index.html
index b667b341..29bc3954 100644
--- a/index.html
+++ b/index.html
@@ -82,7 +82,7 @@
   .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
-</style>
+</style>nav
   </head>
 
   <body>
@@ -96,7 +96,7 @@ <h2>Loading<span class="dots"></span></h2>
     <a id="top"></a>  <!--added for issue 260 -->
     <!-- ================================ Header Section Start Here ================================ -->
     <header>
-      <nav class="navbar navbar-expand-lg fixed-top navbar-light bg-light">
+      <nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
         <div class="container">
           <a class="navbar-brand" href="#top">Code<span>Clip</span></a>
           <button
@@ -143,7 +143,7 @@ <h2>Loading<span class="dots"></span></h2>
             <div  data-aos="fade-right" data-aos-duration="650" class="gssocContainer shinning-effect">
               <img 
                 src="assets/images/hero-section/gssoc-log.png"
-                class="img-fluid gssoc-logo"
+                class="img-fluid gssoc-logo pt-5"
                 alt="gssoc logo"
               />
               <p>GSSOC 2025</p>
diff --git a/styles/main.css b/styles/main.css
index cfbf1794..3208cb89 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -13,28 +13,6 @@ html {
 
 /* =================== Navbar Styles Start Here ================== */
 
-.navbar {
-  background-color: #ffffff;
-}
-
-.navbar-brand {
-  font-size: 2.1rem;
-  font-weight: 900;
-  color: #2563eb;
-}
-
-.navbar-brand,.nav-link:hover {   /*========added for issue #605========*/
-  color: #2563eb;
-  nav {
-    position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: 1000;
-    background-color: #ffffff;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    transition: background-color 0.3s ease, box-shadow 0.3s ease;
-  }
-
   .navbar .container .navbar-nav {
     width: 80%;
     display: flex;
@@ -142,97 +120,10 @@ html {
       }
     }
 
-    /* Hamburger menu hidden by default */
-    .nav-toggle-label {
-      display: none;
-    }
-
-    /* ================== Mobile Styles ================== */
-    @media (max-width: 768px) {
-      /* Navbar links hidden initially */
-      .navbar .container .navbar-nav {
-        display: none;
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100vh;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        background-color: #ffffff;
-        z-index: 999;
-      }
-      .navbar .container .navbar-brand {
-        margin-left: 1rem;
-      }
-
-      /* Show menu when checkbox is checked */
-      #nav-toggle:checked ~ .navbar-nav {
-        display: flex;
-      }
-
-      /* Hamburger toggle visible on mobile */
-      .nav-toggle-label {
-        display: block;
-        cursor: pointer;
-        font-size: 1.8rem;
-        color: #2563eb;
-        z-index: 1000;
-      }
-
-      /* Close icon hidden initially */
-      .close-icon {
-        display: none;
-      }
-
-      /* Toggle hamburger and close icons */
-      #nav-toggle:checked + .nav-toggle-label .menu-icon {
-        display: none;
-      }
-      #nav-toggle:checked + .nav-toggle-label .close-icon {
-        display: inline-block;
-      }
-    }
     /* ================== Navbar Styles End Here ================== */
 
     /* ================== Hero Styles Start Here ================== */
-    .heroSection {
-      margin-top: 56px;
-      background-color: #f8fafc;
-      padding: 2rem 0;
-    }
-
-    .heroSection-Container {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .gssoc-logo {
-      height: 14px;
-      width: 17px;
-    }
-
-    .gssocContainer {
-      display: flex;
-      align-items: center;
-      max-width: 150px;
-      justify-content: center;
-      border-radius: 36px;
-      padding: 3px 0;
-      color: white;
-      background: #e0ecfa;
-      margin: 1rem 0;
-    }
-
-    .gssocContainer p {
-      margin-bottom: 0;
-      display: inline-block;
-      font-size: 12px;
-      color: #81a6d3;
-    }
-
+    
     .shinning-effect {
       mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/450% 100%;
       animation: shiningEff 2.5s infinite;
