diff --git a/views/components/header/header.css b/views/components/header/header.css
index 0106bd3..7ecb8d4 100644
--- a/views/components/header/header.css
+++ b/views/components/header/header.css
@@ -299,20 +299,6 @@
   .banner-container {
     height: 350px;
   }
-
-  /* Hide desktop nav, show sidebar button on tablet */
-  .nav-container {
-    display: none;
-  }
-
-  .header-contact-section {
-    display: none;
-  }
-
-  /* Show floating menu button on tablet */
-  .floating-menu-btn {
-    display: flex;
-  }
 }
 
 @media (max-width: 768px) {
@@ -325,6 +311,10 @@
     margin: 0 10px;
   }
 
+  .nav-container {
+    display: none; /* Hide desktop nav on mobile */
+  }
+
   .mobile-menu-btn {
     display: block;
   }
@@ -339,6 +329,10 @@
     flex-grow: 1;
   }
 
+  .header-contact-section {
+    display: none; /* Hide contact info on mobile - it will be in sidebar */
+  }
+
   .logo {
     width: 60px;
   }
@@ -355,6 +349,11 @@
   .banner-container {
     height: 300px;
   }
+
+  /* Show floating menu button on mobile */
+  .floating-menu-btn {
+    display: flex;
+  }
 }
 
 @media (max-width: 576px) {
diff --git a/views/components/sidebar/sidebar.css b/views/components/sidebar/sidebar.css
index 4aff720..20146ce 100644
--- a/views/components/sidebar/sidebar.css
+++ b/views/components/sidebar/sidebar.css
@@ -108,7 +108,7 @@
 }
 
 /* Media Queries for Sidebar */
-@media (max-width: 992px) {
+@media (max-width: 768px) {
   .floating-menu-btn {
     display: flex;
   }