From d43cc28698092d639cfb4450bbd1c9db4297fbd4 Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Thu, 16 Feb 2023 14:55:12 +0500
Subject: [PATCH] nav responsive styling

---
 src/styles/_nav.scss | 52 ++++++++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/styles/_nav.scss b/src/styles/_nav.scss
index 82a27b9..8073e19 100644
--- a/src/styles/_nav.scss
+++ b/src/styles/_nav.scss
@@ -162,36 +162,42 @@
 
 // Media
 @media screen and (max-width: 850px) {
-  .nav-burger {
-    display: block;
-    width: 3rem;
-    height: 3rem;
+  // .nav-burger {
+  //   display: block;
+  //   width: 3rem;
+  //   height: 3rem;
 
-    .line {
-      position: absolute;
-      width: 100%;
-      border-radius: 1rem;
-      background: $black;
-      height: 0.33rem;
+  //   .line {
+  //     position: absolute;
+  //     width: 100%;
+  //     border-radius: 1rem;
+  //     background: $black;
+  //     height: 0.33rem;
 
-      &-1 {
-        top: 15%;
-      }
-      &-2 {
-        top: 50%;
-        transform: translateY(-50%);
-      }
-      &-3 {
-        top: 75%;
-      }
-    }
-  }
-  .nav-left,
+  //     &-1 {
+  //       top: 15%;
+  //     }
+  //     &-2 {
+  //       top: 50%;
+  //       transform: translateY(-50%);
+  //     }
+  //     &-3 {
+  //       top: 75%;
+  //     }
+  //   }
+  // }
+  .search,
   .nav-right {
     display: none;
   }
+
+  .nav-left {
+    padding-right: 0;
+  }
+
   .nav-inner {
     display: flex;
+    flex-direction: row-reverse;
     gap: 1.6rem;
     justify-content: space-between;
     padding: 2.4rem 0;