/************************************************************************************
                                    RESPONSIVE
************************************************************************************/


@media (max-width: 900px) {

    .mobile-invis {
        display: none;
    }

    .mobile-visible {
        display: block !important;
    }

    .navbar>.container {
        background-color: white !important;
        z-index: 999;
    }

    .mgc-nav {
        padding: 0 20px;
    }

    .mgc-nav-links {
        display: none;
    }

    .mgc-hero {
        grid-template-columns: 1fr;
        padding: 100px 24px 60px;
    }

    .mgc-hero-visual {
        display: none;
    }

    .mgc-section, .mgc-features, .mgc-cta {
        padding: 70px 24px;
    }

    .mgc-stats {
        padding: 36px 24px;
    }

    .mgc-footer {
        padding: 32px 24px;
        flex-direction: column;
        text-align: center;
    }

    .profil-wrapper {
        grid-template-columns: 1fr;
        padding: 88px 16px 60px;
    }

    .profil-card {
        position: static;
    }

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

    #profile_settings_appareilsNumeriques {
        flex-wrap: wrap;
    }

    .hero-defis {
        padding: 40px 20px 32px;
    }

    .hero-stat {
        padding: 10px 10px;
    }

    .hero-defis-text h1 {
        font-size: 1.7rem;
    }

    .defis-layout {
        grid-template-columns: 1fr;
        padding: 24px 16px 60px;
    }

    .defis-termines-section {
        grid-column: 1;
    }

    .mgc-actu-hero {
        padding: 60px 20px 100px;
    }

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

    .mgc-toolbar {
        flex-direction: column;
    }
}

@media (max-width: 1200px) {

    .register-info {
        display: none;
    }

    .register-containment {
        display: block;
    }
}