diff --git a/index.html b/index.html
index a3ed5ef..b954bb5 100644
--- a/index.html
+++ b/index.html
@@ -15,9 +15,8 @@
 </head>
 <body>
     <header>
-        <section class="header">
             <nav class="navbar">
-                <div>
+                <div class="nav-head">
                     <h1>DevMind</h1>
                 </div>
                 <div class="nav-menu">
@@ -41,7 +40,6 @@ <h1 class="main-heading">Caring Mind of <span>Web Developer</span> is Very Essen
                     <img src="images/Images 2.png">
                 </div>
             </div>
-        </section>
     </header>
     <main>
         <!-- Change Your Habit Section -->
diff --git a/styles/style.css b/styles/style.css
index c9c485a..74ccc8c 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -14,7 +14,8 @@ body {
 .navbar {
     display: flex;
     justify-content: space-between;
-    width: 1070px;
+    width:auto;
+    height: auto;
     margin: 60px 200px;
 }
 .nav-menu {
@@ -28,8 +29,7 @@ body {
 }
 .hamburger {
     color: white;
-    margin: 60px 200px;
-    display: none;
+    margin: 70px 200px;    
 }
 h1 {
     color: rgb(230, 83,60);
@@ -392,17 +392,23 @@ hr {
     
     .navbar {
         /* display: flex; */
-        flex-direction: column;
+        /* flex-direction: column; */
         align-items: center;
         flex-wrap: wrap;
+        height: auto;
+        width: auto;
     }
     h1 {
         color: gold;
     }
     .nav-menu {
-        /* display: flex; */
-        flex-direction: column;
-        flex-wrap: wrap;
+        display: none;
+    }
+    .hamburger {
+        color: white;
+        justify-content: center;
+        align-items: center;
+        
     }
     .banner-container {
         flex-direction: column;
