From 2e480f93d70c710e3c550316c1f547e4107d71ab Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Fri, 12 Jul 2024 19:14:56 +0530
Subject: [PATCH] faqnav-commit

---
 faq-website.css | 15 ++++++++----
 faq.html        |  4 ++--
 styles.css      | 61 ++++++++++++++++++++++++++++++++++---------------
 3 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/faq-website.css b/faq-website.css
index a0cf1449..ff45a771 100644
--- a/faq-website.css
+++ b/faq-website.css
@@ -232,11 +232,16 @@
     color: white;
     background-color: rgb(40, 87, 241);
   }
-  
-  
-  
-  
-  
+  @media only screen and (max-width:465px){
+    .newNav img{
+      position: relative;
+      right: 14px;
+    }
+    .nav__logo{
+      position: relative;
+      right: 16px;
+    }
+  }
   
   
   
diff --git a/faq.html b/faq.html
index fb9db66d..ee5fcd02 100644
--- a/faq.html
+++ b/faq.html
@@ -172,9 +172,9 @@
           </ul>
   
   
-          <a href="newLogin.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+          <a href="newLogin.html" class="contact-btn"><button class="btn but2" id="btn-style" style="margin: 0;"
               data-aos="fade-down">Login/SignUp</button></a>
-              <a href="mapa.html" class="contact-btn"><button class="btn" id="btn-style" style="margin: 0;"
+              <a href="mapa.html" class="contact-btn"><button class="btn but" id="btn-style" style="margin: 0;"
                 data-aos="fade-down">view <map name=""></map></button></a>
   
           <a href="loginPage.html" class="contact-btn"><button class="btn" id="logout-btn" style="margin: 0; display: none;"
diff --git a/styles.css b/styles.css
index 6b769d34..ee497f54 100644
--- a/styles.css
+++ b/styles.css
@@ -1060,7 +1060,7 @@ header {
     gap: 2rem;
   }
 }
-@media screen and (max-width:768px) {
+/* @media screen and (max-width:768px) {
   .hamburger{
     position: relative;
     left: 20px;
@@ -1069,7 +1069,7 @@ header {
     position: relative;
     left: 90px;
   }
-}
+} */
 
 .image__gallary {
   display: grid;
@@ -2149,7 +2149,7 @@ body {
 .navLinks.activeHamburger {
   width: 100%;
 }
-@media screen and (max-width: 1146px) {
+/* @media screen and (max-width: 1146px) {
   .toggle-container {
     position: relative;
     right: 148px;
@@ -2158,8 +2158,16 @@ body {
     position: relative;
     right: 150px;
   }
-}
-@media screen and (max-width: 846px) {
+} */
+/* @media only screen and (max-width:957px){
+  .toggle-container{
+    left: 30px;
+  }
+  .hamburger{
+    left: 30px;
+  }
+} */
+/* @media screen and (max-width: 846px) {
   .toggle-container {
     position: relative;
     right: 200px;
@@ -2173,7 +2181,7 @@ body {
     right: 57px;
     top: 1px;
   }
-}
+} */
 @media screen and (max-width: 652px) {
   .toggle {
     width: 5vw;
@@ -2181,35 +2189,50 @@ body {
   .line {
     width: 5vw;
   }
-  .newNav {
-    height: 130px;
-  }
   .newNav img {
     position: relative;
-    bottom: 35px;
-    left: 130px;
+    bottom: 23px;
+    left: 109px;
   }
   .nav__logo {
     position: relative;
     left: 85px;
-    bottom: 35px;
+    bottom: 20px;
   }
   .btn {
     position: relative;
     top: 30px;
     left: -147px;
   }
-  .toggle-container {
+}
+@media only screen and (max-width:577px){
+  .but{
     position: relative;
-    top: 30px;
-    right: 377px;
+    top: -37px;
+    left: 85px;
   }
-  .hamburger {
+}
+@media only screen and (max-width: 465.5px){
+  .newNav img{
+    position: relative;
+    left: -58px;
+  }
+  .nav__logo{
     position: relative;
-    right: 388px;
+    left: -82px;
+  }
+  .but{
+    position: relative;
+    left:17px;
+    top: -4px;
+  }
+  .but2{
+    position: relative;
+    left: 30px;
+    top: -2px;
   }
 }
-@media screen and (max-width: 430px) {
+/* @media screen and (max-width: 430px) {
   .toggle-container {
     right: 374px;
   }
@@ -2219,7 +2242,7 @@ body {
   .nav__logo {
     left: 36px;
   }
-}
+} */
 /* New NAvbar CSS Ends Here*/
 /* #canvas {
   background: #232323;