update main bar layout

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"