@media (max-width: 900px) {
    nav {
        padding: 0 24px;
    }

    .nav-links {
        display: none;
    }

    .hero {
        grid-template-columns: 1fr;
    }

    .hero-right {
        display: none;
    }

    .hero-left {
        padding: 60px 24px;
    }

    .stats {
        flex-direction: column;
        padding: 0 24px;
    }

    .stat-item {
        border-right: none;
        border-bottom: 1px solid rgba(117, 137, 86, 0.12);
    }

    .portfolio,
    .about,
    .services,
    .testimonials,
    .contact {
        padding: 60px 24px;
    }

    .about,
    .contact {
        grid-template-columns: 1fr;
    }

    .about-visual {
        height: 320px;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .testimonials-inner {
        grid-template-columns: 1fr;
    }

    .testi-divider {
        display: none;
    }

    .testi-item {
        padding: 32px 0;
        border-bottom: 1px solid rgba(117, 137, 86, 0.12);
    }

    .footer-top {
        flex-direction: column;
        gap: 48px;
    }

    .portfolio-grid {
        grid-template-columns: 1fr 1fr;
    }

    .pg-item {
        min-height: 220px;
    }

    .footer-nav {
        flex-wrap: wrap;
        gap: 40px;
    }
}

@media (max-width: 480px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
    }

    .hero-btns {
        flex-direction: column;
        align-items: flex-start;
    }

    .stat-num {
        padding-left: 20px;
    }

    .stat-label {
        padding-left: 20px;
    }
}