From 147ae42397e1c1ffb5cbc8e8596dad6860aed2b0 Mon Sep 17 00:00:00 2001
From: "jason.lam" <jason.lam@2fi-solutions.com.hk>
Date: Thu, 4 Jan 2024 18:03:42 +0800
Subject: [PATCH] update main bar layout

---
 src/layout/MainLayout/Header/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layout/MainLayout/Header/index.js b/src/layout/MainLayout/Header/index.js
index 242a1d7..e93427a 100644
--- a/src/layout/MainLayout/Header/index.js
+++ b/src/layout/MainLayout/Header/index.js
@@ -361,7 +361,7 @@ function Header(props) {
               alignItems="center"
               spacing={0}
             >
-              <Box sx={{ flexGrow: 1, display: { xs: 'none', sm: 'block' } }}>
+              <Box sx={{ flexGrow: 1, display: { xs: 'none', sm: 'none', md: 'block' } }}>
                 <Stack direction="row" justifyContent="flex-start" alignItems="center">
                   <Logo />
                   <Stack justifyContent="flex-start" alignItems="center">
@@ -378,7 +378,7 @@ function Header(props) {
               >
                 <MenuIcon style={{ color: '#0C489E' }} />
               </IconButton>
-              <Box sx={{ flexGrow: 1, mr: 2, display: { xs: 'block', sm: 'none' } }}>
+              <Box sx={{ flexGrow: 1, mr: 2, display: { sm: 'block', md: 'none' } }}>
 
                 <Stack direction="row" justifyContent="space-between" alignItems="center">
                   <MobileLogo />
@@ -392,7 +392,7 @@ function Header(props) {
                 </Stack>
               </Box>
             </Stack>
-            <Box sx={{ display: { xs: 'none', sm: 'block' }, width: "75%" }}>
+            <Box sx={{ display: { xs: 'none', sm: 'none', md: 'block' }, width: "75%" }}>
               <Stack
                 direction="row"
                 justifyContent="space-between"