@media (max-width: 1440px) {
    .lm-txt {
        padding: 190px 0px 0px 160px !important;
    }

    .h2 {
        font-size: 50px;
    }

    .lm-side {
        left: -30px;
    }

    .lm {
        background-position: 70% 100%;
    }

    .lm-img {
        padding: 0 0 0 0;
    }

    .lm-text-our-story {
        padding: 70px 0px 0px 40px !important;
    }
}


@media (max-width: 1200px) {
    .cont {
        max-width: 1100px;
    }

    .footer-grid {
        gap: 32px;
    }
}

@media (max-width: 1024px) {
    .nav-links {
        gap: 14px;
    }

    .about-grid,
    .comm-grid,
    .lm-grid,
    .wk-grid {
        grid-template-columns: 1fr;
    }

    .about-img img,
    .lm-img img,
    .wk-img img {
        min-height: 320px;
        height: 320px;
    }

    .meta-cards,
    .mem-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .nav-links {
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        padding: 12px 20px 18px;
        background: rgba(10, 10, 10, 0.98);
        border-top: 2px solid var(--red);
        box-shadow: 0 16px 24px rgba(0, 0, 0, 0.35);
    }

    .nav-links.open {
        display: flex;
    }

    .nav-links li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .nav-links a {
        display: block;
        padding: 12px 0;
    }

    .hb {
        display: flex;
    }
}

@media (max-width: 768px) {
    .nav {
        padding: 0 18px;
    }

    .hero-inner,
    .about-txt,
    .comm-txt,
    .lm-txt,
    .wk-txt,
    .cont {
        padding-left: 18px;
        padding-right: 18px;
    }

    .hero-inner {
        padding-top: 90px;
        padding-bottom: 56px;
    }

    .prog-top,
    .prog-bot,
    .meta-cards,
    .mem-cards,
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .comm-circle-wrap {
        width: 200px;
        height: 200px;
        right: 12px;
        bottom: 18px;
    }

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

    .fcta {
        padding: 82px 0;
    }
}

@media (max-width: 540px) {
    .nav-logo img {
        height: 32px;
    }

    .hero-h1 {
        font-size: 42px;
        line-height: 1.02;
    }

    .prog-top,
    .prog-bot,
    .meta-cards,
    .mem-cards,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .about-img img,
    .lm-img img,
    .wk-img img {
        min-height: 260px;
        height: 260px;
    }

    .comm-img-col {
        min-height: 320px;
    }

    .foot-bot {
        flex-direction: column;
        align-items: flex-start;
    }
}