@media only screen and (max-width: 768px) {
    /* Your mobile styles here */
.navbar {
    padding: 0px 0;
    border-bottom:1px solid #cccccc;
}
.navbar:last-child() {
    border-bottom:none !important; 
}
.navbar-brand img {
    height: 50px;
}



/* Hide close icon initially */
.navbar-toggler .close-icon {
    display: none;
}

/* SHOW hamburger icon when collapsed (menu closed) */
.navbar-toggler.collapsed .open-icon {
    display: inline-block;
}

/* SHOW close icon when menu is open */
.navbar-toggler:not(.collapsed) .close-icon {
    display: inline-block;
}

/* HIDE hamburger when menu open */
.navbar-toggler:not(.collapsed) .open-icon {
    display: none;
}

.nav-link::after {
    bottom: 0px;
    height: 0px;
}
li.nav-item a {
    border-bottom: 1px solid #cccccc6b;
    padding: 15px 00px;
    font-weight: 600;
    font-size:14px !important;
}
.dropdown-menu{
    padding: 10px 20px;
    box-shadow: none;
}

    /* Make the mobile dropdown area scrollable */
    .navbar-collapse {
        max-height: 85vh;   /* takes 85% of screen height */
        overflow-y: auto;   /* enables vertical scrolling */
        z-index:9999999;
    }

    /* Optional: smooth scrolling */
    .navbar-collapse::-webkit-scrollbar {
        width: 6px;
    }
    .navbar-collapse::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
    }
li.nav-item:last-child a {
    border-bottom: none !important;
}






}