@media (min-width: 768px) {
    .member-content { margin-left: 0; }
}

@media (max-width: 991.98px) {
    .navbar-toggler .icon-bar { margin: 7px; display: block; width: 30px; height: 2px; background-color: #000000; border-radius: 1px; transition: 0.5s ease; } 
    .crossIcon .toggler-icon1 { transform: rotate(45deg); margin: 0px 7px 0px 0px; }
    .crossIcon .toggler-icon2 { display: none; }
    .crossIcon .toggler-icon3 { transform: rotate(-45deg); margin: -2px 7px 0px 0px; }
    .mainNavbar .navbar-collapse { position: fixed; top: 66px; left: 0; width: 100%; height: calc(100vh - 66px); background: white; overflow-y: auto; }
    .mainNavbar .nav-link { color: #333 !important; font-weight: 500; border-top: 1px solid #eee; padding: 10px 20px; }
    .mainNavbar .navbar-nav > li:nth-last-child(1) > a,
    .mainNavbar .navbar-nav > li:nth-last-child(2) > a { border-top: none !important; }
    .member-sidebar .list-group-item { font-size: 14px;}
    
    
}

@media (max-width: 767.98px) {
    .hero-section { min-height: auto; padding: 100px 0 50px; }
    .display-3 { font-size: 2.5rem; }
    .navbar-brand img { height: 30px; }
    .navbar-brand { font-size: 1rem; }
    .container {  padding-left: 15px; padding-right: 15px; }
    .btn-lg {  font-size: 1rem; padding: 0.75rem 1.5rem;}
    .sidebar-toggle { display: block; }    
    .member-sidebar { position: fixed; top: 57px; height: calc(100vh - 57px); left: -280px; width: 280px; z-index: 1040; box-shadow: none; }    
    .member-sidebar.show { left: 0; }
    .sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1030; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
    .sidebar-overlay.show { opacity: 1; visibility: visible; }
    .member-content { margin-left: 0 !important; padding-left: 15px !important; margin-top: 50px; }
    .mainNavbar .navbar-collapse { top: 56px; height: calc(100vh - 56px); }
    .member-navbar-toggle { top: 5px; right: 10px !important; left: auto; }
    .member-navbar .navbar-nav { margin-right: 50px;  font-size: 14px; }
    .member-navbar { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 1031; }


       
}