diff --git a/index.html b/index.html
index ca717a9..a4b1494 100644
--- a/index.html
+++ b/index.html
@@ -307,6 +307,13 @@ <h2>Ajivika</h2>
     <button class="image-button1">
         <img src="./image.png" alt="Image Button1" class="image-icon1">
     </button>
+
+        <!-- hamburger menu -->
+    <button class="hamburger" onclick="toggleMenu()">
+        <span class="bar"></span>
+        <span class="bar"></span>
+        <span class="bar"></span>
+    </button>
         
         <ul class="nav-links">
             <li><a href="./index.html"><i class="fas fa-home"></i>Home</a></li>
@@ -469,6 +476,13 @@ <h2 style="color: black;">What are
             dots[slideIndex - 1].className += " active";
             setTimeout(showSlides, 2000); // Change image every 2 seconds
         }
+
+        // hamburger menu js
+        function toggleMenu() {
+            const navLinks = document.querySelector('.nav-links');
+            navLinks.classList.toggle('active');
+        }
+
     </script>
 </body>
 </html>
diff --git a/resume.html b/resume.html
index d6454db..1efe821 100644
--- a/resume.html
+++ b/resume.html
@@ -254,57 +254,57 @@
             transition: color 0.3s ease;
         }
 
-        .back-button:hover {
+        /* .back-button:hover {
             color: #d6a52b;
-        }
+        } */
         .section1{
             margin-top: 50px;
             border: 2px solid #d6a52b;
         }
         /* Navbar Container */
-.navbar {
-  display: flex;
-  align-items: center;
-  width: 100%; /* Full width of the page */
-  justify-content: space-between;
-  position: fixed; /* Navbar ko screen ke top pe fix kar de */
-  top: 0; /* Top space bilkul zero */
-  left: 0;
-  height: 80px;
-  padding: 10px 20px;
-  background-color: #333; /* Aap apna background color yahan set kar sakte hain */
-  z-index: 1000; /* Ensures it stays above other elements */
-}
+        .navbar {
+            display: flex;
+            align-items: center;
+            width: 100%; /* Full width of the page */
+            justify-content: space-between;
+            position: fixed; /* Navbar ko screen ke top pe fix kar de */
+            top: 0; /* Top space bilkul zero */
+            left: 0;
+            height: 80px;
+            padding: 10px 20px;
+            background-color: #333; /* Aap apna background color yahan set kar sakte hain */
+            z-index: 1000; /* Ensures it stays above other elements */
+        }
 
-/* Navbar items */
-.navbar ul {
-  list-style: none;
-  margin: 0; /* Removes any default margin */
-  padding: 0;
-  display: flex;
-  justify-content: space-between;
-}
+        /* Navbar items */
+        .navbar ul {
+            list-style: none;
+            margin: 0; /* Removes any default margin */
+            padding: 0;
+            display: flex;
+            justify-content: space-between;
+        }
 
-.navbar ul li {
-  display: inline-block;
-  margin-right: 10px; /* 10px gap between links */
-}
+        .navbar ul li {
+            display: inline-block;
+            margin-right: 10px; /* 10px gap between links */
+        }
 
-.navbar ul li:last-child {
-  margin-right: 0; /* Last link ke liye margin remove karna */
-}
+        .navbar ul li:last-child {
+            margin-right: 0; /* Last link ke liye margin remove karna */
+        }
 
 
-.navbar ul li a {
-  color: white; /* Text color */
-  text-decoration: none;
-  padding: 5px 15px; /* Adjust padding for a balanced look */
-  display: block;
-}
+        .navbar ul li a {
+            color: white; /* Text color */
+            text-decoration: none;
+            padding: 5px 15px; /* Adjust padding for a balanced look */
+            display: block;
+        }
 
-.navbar ul li a:hover {
-  background-color: #b08c1a; /* Hover effect */
-}
+        .navbar ul li a:hover {
+            transform: scale(1.1);
+        }
 
         .image-button {
             position: fixed;
@@ -318,10 +318,11 @@
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             transition: transform 0.3s ease;
             z-index: 1000;
+            right: 42%;
         }
 
         .image-button:hover {
-            transform: scale(1.1);
+            transform: scale(0.1);
         }
 
         .image-icon {
@@ -343,9 +344,6 @@
             margin: auto;
             transition: transform 0.3s ease;
         }
-        .resume-box:hover {
-            transform: scale(1.02);
-        }
 
         h2 {
             text-align: center;
@@ -375,9 +373,6 @@
             cursor: pointer;
             width: 100%;
         }
-        button:hover {
-            background-color: #dcb456;
-        }
         fieldset {
             background-color: #fff;
             padding: 20px;
@@ -455,10 +450,13 @@
         .navbar .logo {
             margin-left: 65px;
         }
+        .navbar h2{
+            margin-left: 56%;
+        }
         .image-button1 {
             position: fixed;
             top: 5px;
-            right: 720px; /* Aligns the button to the left side */
+            right: 44%; /* Aligns the button to the left side */
             background-color: transparent; /* Transparent background */
             border: none;
             border-radius: 50%;
diff --git a/styles.css b/styles.css
index 307ddf7..6e57720 100644
--- a/styles.css
+++ b/styles.css
@@ -38,7 +38,7 @@ body {
 .nav-links a {
     color: #fff;
     text-decoration: double;
-    font-size: 1.1em;
+    font-size: 18px;
     display: flex;
     align-items: center;
     transition: color 0.3s ease, background-color 0.3s ease;
@@ -62,7 +62,7 @@ body {
 /* Sections */
 .section {
     padding: 60px 20px;
-    max-width: 1200px;
+    max-width: 100%;
     margin: auto;
 }
 
@@ -75,6 +75,27 @@ body {
     background-color: #f47200;
 }
 
+.hamburger {
+    display: none;
+    flex-direction: column;
+    cursor: pointer;
+    justify-content: space-between;
+    background: transparent;
+    border: none;
+    padding: 0;
+}
+
+.hamburger span {
+    height: 3px;
+    width: 100%;
+    background: #fff;
+    display: block;
+    border-radius: 10px;
+    margin: 8px 0;
+    width: 45px;
+    height: 6px;
+}
+
 /* Headings */
 h1, h2 {
     margin-bottom: 20px;
@@ -104,3 +125,43 @@ footer {
     bottom: 0;
     width: 100%;
 }
+
+@media (max-width: 956px) {
+    .nav-links a {
+        font-size: 15px;
+    }
+    
+}
+
+@media (max-width: 768px) {
+    .nav-links {
+        display: none;
+    }
+
+    .hamburger {
+        display: flex;
+    }
+
+    .nav-links.active {
+        display: flex;
+        flex-direction: column;
+        position: absolute;
+        top: 70px;
+        right: 10%;
+        background-color: rgb(43, 43, 40);
+        width: 50%;
+        border-radius: 10px;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    }
+
+    .nav-links.active li {
+        margin-right: 0;
+        text-align: center;
+    }
+
+    .nav-links.active a {
+        padding: 10px 20px;
+        border-radius: 0;
+    }
+    
+}
\ No newline at end of file