From fb091853a533317cc9766a3f7a2e34f74df83252 Mon Sep 17 00:00:00 2001
From: Shubhojeet Bera <shubhobera98@gmail.com>
Date: Sat, 11 Mar 2023 21:15:32 +0530
Subject: [PATCH] updating home page media queries

---
 src/Components/Deals.js   |  4 ++++
 src/Components/navbar.css | 40 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/src/Components/Deals.js b/src/Components/Deals.js
index 9e1e0bb..6e56200 100644
--- a/src/Components/Deals.js
+++ b/src/Components/Deals.js
@@ -7,6 +7,7 @@ import { AddToList, RemoveList } from "../action/List";
 import { useSelector, useDispatch } from "react-redux";
 import Footer from "./Footer";
 import Spinner from "./Spinner";
+import LowerNav from "./LowerNav";
 import { NavLink } from "react-router-dom";
 
 function Deals() {
@@ -101,6 +102,9 @@ function Deals() {
             );
           })}
       </div>
+      <div className="lowerNav">
+        <LowerNav />
+      </div>
       <Footer />
     </div>
   );
diff --git a/src/Components/navbar.css b/src/Components/navbar.css
index 11ae85d..ea5399a 100644
--- a/src/Components/navbar.css
+++ b/src/Components/navbar.css
@@ -243,3 +243,43 @@ a {
   color: inherit;
   text-decoration: none;
 }
+.lowerNav{
+  display: none;
+}
+
+
+/* MEDIA QUERIES */
+
+@media (max-width: 990px) {
+  .search-bar{
+    margin-left: 55px;
+  }
+  .search-box{
+    width: 240px;
+  }
+}
+
+@media (max-width: 830px) {
+  .search-bar{
+    margin-left: 25px;
+  }
+  .search-box{
+    width: 180px;
+  }
+}
+
+@media (max-width: 720px) {
+  .search-bar{
+    position: absolute;
+    right: 65px;
+  }
+  .search-box{
+    width: 180px;
+  }
+  .right-section{
+    display: none;
+  }
+  .lowerNav{
+    display: block;
+  }
+}
\ No newline at end of file