/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media only screen 
    and (min-width: 768px) 
    and (max-width: 1024px) 
    and (orientation: portrait) {
    
    html[data-useragent*='MOBILE_APP'] .desktop-navbar-box-style{
        display: none !important;
    }

    html[data-useragent*='MOBILE_APP'] .responsive-site-mobile-navbar{
        display: none !important;
    }

    html[data-useragent*='MOBILE_APP'] .navbar{
        display: block !important;
        height: 50px !important;
        /* background-color: aqua; */
    }

    html[data-useragent*='MOBILE_APP']  .mobile-app-navbar{
        display: block !important;
        width: 100% !important;
    }

    html[data-useragent*='MOBILE_APP'] .navbar-display-none{
        display: block !important;
    }
    
    html[data-useragent*='MOBILE_APP'] .with-top-navbar{
        padding-top: 50px !important;
    }
  
    html[data-useragent*='MOBILE_APP'] .fixed-mobile-expanded-navbar{
        width: 260px !important;
    }

    html[data-useragent*='MOBILE_APP'] .close-menu-area {
        height: 100%;
        width: calc(100% - 270px);
    }
}