@media (max-width: 1200px) {
    .demos__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .demos__hero-map {
        font-size: 1.5rem;
    }

    .demos__team b {
        font-size: 2.25rem;
    }

    .demos__hero-content {
        padding: 1rem;
    }
}

@media (max-width: 992px) {
    .demos-setup__columns {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 768px) {
    .demos-settings__toggles {
        grid-template-columns: minmax(0, 1fr);
    }

    .demos-setup__intro {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 576px) {
    .demos-setup__row-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.125rem;
    }
}

@media (max-width: 768px) {
    .demos__hero-thumb {
        width: 7.5rem;
    }
}

@media (max-width: 576px) {
    .demos__hero-head {
        gap: 0.875rem;
    }

    .demos__hero-thumb {
        width: 5.5rem;
        border-radius: var(--br-8);
    }
}