@media (min-width: 991px) and (max-width: 1280px) {
    .nav-link {
        font-size: 0.80rem; /* Reduce nav link font size */
        margin-right: 5px; /* Slightly reduce margin for tighter spacing */
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        background-color: white;
        padding: 1rem;
        margin: 15px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        z-index: 1001; /* Ensure it appears above other content */
    }
}

@media (max-width: 525px) {
    .logo-name{
        font-size: 0.60rem;
    }
    img{
        height: 35px;
        width: 35px;
    }
    @media (min-width: 400px) and (max-width: 525px){
        .logo-name{
            font-size: 1.2rem;
        }
    }
    @media (min-width: 350px){
        .logo-name{
            font-size: 0.75rem;
        }
    }
    @media (min-width: 400px){
        .logo-name{
            font-size: 0.95rem;
        }
    }
}