@media (max-width: 767px) {
    #navbarNav {
        margin-left: 0 !important;
    }
    .header-user-container, .banner-container {
        padding: 0 15px !important;
    }
    .header-logo-app {
        width: 60%;
    }
    .container-btn-contact-for-more-info {
        justify-content: inherit !important;
    }
    .content-nav-link-and-buttons-header {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .navbarAppHeaderUser {
        align-items: flex-start !important;
        gap: 15px !important;
    }
    .nav-link-header-user, .title-about-us-section-1 {
        text-align: left !important;
        width: fit-content !important;
    }
    .outlet-container {
        margin-top: 90px !important;
    }
    .banner-title, .title-about-us, 
    .title-about-vgo, 
    .abecedaire-title, 
    .title-page-name,
    .title-about-us-page,
    .title-become-partner,
    .title-detail-blog,
    .title-form-contact-page {
        font-size: 35px !important;
        line-height: 45px !important;
    }
    .about-us-container, 
    .abecedaire-container,
    .content-abecedaire-page,
    .section2-about-us-page,
    .container-banner-detail-blog,
    .container-form-contact {
        padding: 50px 15px !important;
    }
    .display-col-about-us-item, 
    .carousel-item,
    .about-us-section-1 {
        flex-direction: column;
    }
    .text-container {
        padding: 20px !important;
    } 
    .accordion-body-side {
        width: 70% !important;
        background: #35b38d;
    }
    .title-accordion-abecedaire {
        width: 40px !important;
        height: 40px !important;
        font-size: 25px !important;
    }
    .banner-content .btn-theme {
        background-color: #fff;
    }
    .img-deco-abecedaire, 
    .img-nous-soutenir,
    .container-display-detail-blog-page {
        width: 100% !important;
    }
    .content-abecedaire-list {
        position: relative;
        z-index: 2;
    }
    .content-accordion-abecedaire .accordion-button {
        width: 75px !important;
    }
    .content-team-card-item {
        margin-bottom: 60px;
    }
    .content-action-nous-soutenir, .become-partner-container {
        padding: 60px 15px 0 15px !important;
    }
    .home-page-content, .current-page-content {
        font-size: 15px !important;
    }
    .separator-about-us {
        display: none;
    }
    .footer-user, .container-reported {
        padding: 35px 15px !important;
    }
    .container-cgu-link {
        flex-wrap: wrap;
    }
    .text-copyright-footer {
        font-size: 14px !important;
    }
    .content-title-vgo-page,
    .content-form-contact {
        width: 100% !important;
    }
    .content-col-text-our-work {
        padding: 0 !important;
    }
    .share-to-social-media-container {
        padding: 15px !important;
    }
}

@media (max-width: 992px) {
    .headering {
        padding: 20px 10px 20px 20px !important;
    }

    .no-view-mobile {
        display: none !important;
    }
    .alling-header {
        margin-left: 0 !important;
    }
    .navbar-nav-header {
        align-items: flex-start !important;
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .navbar-collapse .nav-item {
        padding: 10px 0 !important;
    }
    #navbarNav {
        margin-left: 0 !important;
    }
    .notation-page {
        padding-top: 15px;
    }
    .error-page-code-textual-container {
        padding: 50px 15px !important;
    }
    .error-page-code {
        font-size: 150px !important;
    }
    .auth-wrapper {
        padding: 4rem 15px !important;
    }
    .admin-page-container-layout {
        width: 100% !important;
    }
    .empty-fluidy {
        left: 10px !important;
    }
    .content-img-nous-soutenir {
        position: inherit !important;
        margin-bottom: 15px;
    }
    .about-us-section-1-content-left, .end-footer-container {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .end-footer-container {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 991px) {
    .no-view-desktop {
        display: none !important;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .navbarAppHeaderUser {
        align-items: flex-start !important;
    }
    .nav-link-header-user {
        text-align: left !important;
    }
    .content-team-card-item {
        margin-bottom: 60px;
    }
    .content-text-action-nous-soutenir {
        position: relative;
        z-index: 2;
    }
    .content-nav-link-and-buttons-header {
        align-items: flex-start !important;
        flex-direction: column;
    }
}
@media (max-width: 1025px) and (min-width: 992px) {
    
}

@media (max-width: 1450px) and (min-width: 1201px) {
    #navbarNav {
        margin-left: 80px !important;
    }
    .navbar-collapse .nav-item {
        padding: 0 30px !important;
    }
    .headering {
        padding: 20px 50px 15px 100px !important;
    }
    .navbarAppHeaderUser {
        gap: 20px !important;
    }
    .header-user-container {
        padding: 0 50px !important;
    }
    .footer-user {
        padding: 35px 50px !important;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .headering {
        padding: 20px 50px 10px 60px !important;
    }
    #navbarNav {
        margin-left: 40px !important;
    }
    .navbar-collapse .nav-item {
        padding: 0 15px !important;
    }
    .alling-header {
        margin-left: 18% !important;
    }
    .headering-admin {
        padding-left: 10% !important;
    }
    .header-others-items {
        width: 12% !important;
    }
    .user-name {
        display: none;
    }
    .header-user-container {
        padding: 0 20px !important;
    }
    .navbarAppHeaderUser, .content-nav-link-and-buttons-header {
        gap: 15px !important;
    }
    .banner-container {
            padding: 0 30px !important;
    }
    .about-us-container, .content-abecedaire-page {
        padding: 50px 30px !important;
    }
}