@media (max-width: 991px) { 
    .navbar-nav .nav-link {
        margin-left: 0;
        padding: 10px 15px !important;
    }
    .navbar.scrolled .navbar-collapse {
        background-color: #fff;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    }
    .navbar-collapse {
         background-color: rgba(0,0,0,0.8);
         padding: 10px;
         border-radius: 5px;
    }
}

@media (max-width: 768px) {
    .hero-section .hero-subtitle {
        font-size: 2.5rem;
    }
    .hero-section .hero-title {
        font-size: 2.8rem;
    }
    .section-heading {
        font-size: 2.2rem;
    }
    #about .about-img {
        margin-bottom: 30px;
    }
    #about .about-img::after {
        left: -15px;
        bottom: -15px;
        width: 70%;
        height: 70%;
    }
}

@media (max-width: 576px) {
    .hero-section .hero-subtitle {
        font-size: 2rem;
    }
    .hero-section .hero-title {
        font-size: 2.2rem;
    }
    .btn-dark, .btn-outline-dark {
        padding: 10px 25px;
        font-size: 0.8rem;
    }
    #contact form .form-row .form-group {
        margin-bottom: 1rem;
    }
}