@media screen and (max-width: 1300px) {
    #main-menu-header .container-fluid {
        width: 100%; 
        max-width: 100%; 
        padding: 0 2%!important; 
    }
    #main-menu-header .navbar-nav .nav-link {
        font-size: 12px; 
    }
    .carousel-inner {
        align-items: flex-start; 
    }
    .caption-hero .right-hero {
        padding-top: 0; 
    }
    .caption-hero .left-hero .hero-right-banner {
        /* height: 55vw; */
    }

    div.top-menu-main .container-fluid {
        width: 100%; 
        max-width: 100%; 
    }
    div.top-menu-main .right-side-top-menu {
        margin-right: 0; 
    }

    /******** RESPONSIVE SECTION ABOUT HOME ********/
    #about-home .container-fluid {
        width: 100%; 
        max-width: 100%; 
    }
    .float-bottom-section {
        margin-left: -8px; 
    }

    .our-causes .container-fluid {
        width: 100%; 
        max-width: 100%; 
        margin-top: 0px!important; 
        margin-bottom: 0px!important; 
        padding: 0px 15px!important; 
    }

    .section-06 .container-fluid {
        width: 100%!important; 
        margin: 0 0px!important; 
    }

    .social-list__icon {
        margin-right: 0.5rem; 
    }
    .social-list a {
        font-size: 12px; 
    }
    .social-list__icon {
        width: 2.2rem; 
        height: 2.2rem; 
    }
    .social-list__icon::before {
        height: 1.2rem; 
        width: 1.2rem; 
    }

    .section-contribution-main .sune-counter .text {
        font-size: 15px; 
        line-height: 15px; 
    }
    .section-contribution-main .sune-counter .text .sune-primary-color {
        font-size: 1.8rem; 
        line-height: 35px; 
    }

    .section-recentes-eventes {
        
    }
    .section-recentes-eventes .container-fluid {
        padding: 0 0px!important; 
    }

    .section-2-activities {
        padding: 40px 0px!important; 
    }

    section.section-02-mission .container-fluid {
        padding: 0 10px!important; 
    }
}

@media screen and (max-width: 1182px) {
    .caption-hero .left-hero .hero-right-banner h3 {
        width: 115px;
        min-width: 115px;
        height: 115px;
        min-height: 115px;
        border: 10px solid #fff;
    }
    .caption-hero .left-hero .hero-right-banner {
        width: 315px; 
    }
    .caption-hero .left-hero .hero-right-banner h4 {
        margin-top: 15px; 
    }
    #about-home #btn-hero-don {
        padding: 10px 10px!important; 
    }

    .navbar .navbar-nav .nav-link {
        font-size: 13px; 
    }
    .navbar .navbar-brand img {
        max-height: 51px; 
    }

    .section-nos-causes .container-fluid {
        padding: 25px 15px!important; 
    }
    .section-nos-causes .container-fluid .row {
        padding: 25px 15px!important; 
    }
    .section-nos-causes .container-fluid .row .col-lg-6.wow {
        margin-top: 0px!important; 
    }

    .section-evenements .container-fluid h1.text-capitalise {
        font-size: 22px!important; 
    }
}

@media screen and (max-width: 991px) {
    #navbarSupportedContent_menu_mobile {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        border-bottom: 2px solid #ccc; 
        margin-right: 25px; 
        position: absolute; 
        right: 0; 
    }
    #navbarSupportedContent_menu_mobile .navbar-toggler-icon-menu-mobile {
        font-size: 17px; 
        margin-left: 5px; 
    }
    #navbarSupportedContent_menu_mobile i {
        color: #ffffff; 
    }
    #close-menu-mobile {
        width: 42px; 
        height: 42px; 
        display: flex;
        align-items: center;
        justify-self: center;
        position: absolute;
        right: 15px;
        top: 105px;
        color: #ccc; 
        font-size: 22px; 
        border-radius: 50px; 
        border: 1px solid; 
        padding-left: 12px; 
    }
    #close-menu-mobile i {
        font-size: 22px; 
    }

    ul.social-list {
        list-style: none; 
        width: 100%; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        margin-top: 30px; 
        padding: 0; 
    }
    ul.social-list li.social-list__item {
        margin: 0 10px; 
    }
    ul.social-list li.social-list__item a {
        font-size: 14px; 
        color: #ffffff; 
        font-weight: 300;
    }
    ul.social-list li.social-list__item a i {
        color: #8f9700; 
        font-size: 1.4rem; 
        margin-right: 8px; 
        border-radius: 50%; 
    }

    /*** HERO SLIDESHOW ***/
    .caption-hero .left-hero .hero-right-banner {
        height: 65.5vw; 
        width: 300px; 
    }
    .caption-hero .left-hero .hero-right-banner h3 {
        width: 105px;
        min-width: 105px;
        height: 105px;
        min-height: 105px;
        border: 10px solid #fff;
    }
    .caption-hero .right-hero {        
        height: 100%;
        padding: 15% 0%;
        padding-left: 8%;
        padding-right: 2%;
        display: flex; 
        align-items: flex-start; 
        flex-direction: column; 
        justify-content: center; 
    }
    .carousel-inner {
        height: 66vw; 
        /*min-height: 40.5rem; */
    } 
    .caption-hero .left-hero .hero-right-banner h2 {
        font-size: 1.3rem;
    }
    section#section-header-page .container-fluid .content-header-desc {
        width: 95%!important; 
    }
    section#section-header-page .container-fluid .content-header-desc h1.title-header-page {
        font-size: 2.5rem; 
        line-height: 3.4rem; 
        margin-top: 1.1rem; 
    }
    section#section-header-page .container-fluid .content-header-desc p.text-desc-header-page {
        font-size: 1.4rem; 
        line-height: 1.8rem; 
    }

    #btn-hero-don {
        width: 215px; 
    }
    .navbar .navbar-brand img {
        max-height: 60px; 
    }

    #main-menu-header .logo-main-menu {
        margin-top: -10px; 
    }
    .navbar-toggler-icon {
        margin-top: -8px; 
    }

    div.top-menu-main {
        padding: 8px 2px; 
    }

    section#section-header-page .container-fluid .content-header-desc p.text-desc-header-page br {
        display: none!important; 
    }

    /******** RESPONSIVE SECTION ABOUT HOME ********/
    #about-home {
        padding-bottom: 20px;
    }
    #about-home .wow.fadeInUp {
        padding: 2% 35px!important; 
    }
    #about-home .left-about-home {
        margin: 0; 
    }
    #about-home .right-about-home p.fs-3 {
        font-size: 1.2rem!important; 
        margin-bottom: 15px!important; 
    }

    section.section-about-01 .left-section-02-about {
        padding: 25px 25px!important; 
    }

    .our-causes {
        padding: 0 15px; 
    }
    .our-causes .container-fluid .row {
        padding: 0 10px; 
    }
    .our-causes .container-fluid .row p {
        font-size: 17px!important; 
    }

    .s-social {
        width: 100%; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
    }


    .section-contribution-main {}
    .section-contribution-main .container {
        margin: 0 auto; 
        width: 100%; 
        max-width: 100%; 
        padding: 0px 0px; 
    }
    .section-contribution-main .container .facts-counter .h-100 {
        padding: 2.5rem 0!important; 
    } 
    
    .section-nos-causes .container-fluid .row {
        padding: 25px 0px!important; 
    }

    .section-recentes-eventes .container-fluid .row.gx-5 {
        padding: 0px 10px!important; 
    }
    .section-recentes-eventes .container-fluid .row.gx-5 .col-lg-4 {
        width: 50%; 
    }

    section.contact-page .row .col-lg-6.wow {
        padding-bottom: 0px!important; 
        margin-bottom: 0px!important; 
        padding-top: 32px!important; 
        padding-left: 25px!important; 
        padding-right: 25px!important; 
    }
    section.contact-page .section-infos-contact-page {
        padding: 0px!important; 
    }
    section.contact-page .fs-2-custom {
        font-size: 15px; 
    }
    section.contact-page .row .col-lg-12.col-md-12 p {
        margin-bottom: 5px!important; 
    }

    div.content-form-benevole {
        padding-left: 35px!important; 
        padding-right: 35px!important; 
    } 
    div.left-side-benevole {
        display: none!important; 
    }

    .confidentialite-text-form {
        font-size: 12px!important;  
    }


    div.prices-data div.payment-content-main-opt .content-section-active {
        flex-direction: column; 
    }
    div.prices-data div.payment-content-main-opt .content-section-active .left-side-prices {
        width: 100%; 
        max-width: 100%; 
        justify-content: center; 
    }
    div.prices-data div.payment-content-main-opt .content-section-active .right-side-form-price {
        width: 100%; 
        max-width: 100%; 
        margin-top: 30px; 
    }

}
@media screen and (max-width: 768px) {
    .caption-hero .left-hero .hero-right-banner {
        width: 250px; 
        margin-right: 15px; 
    }
    .carousel-inner {
        min-height: 510px;
        /* width: 135%!important; */
        max-width: 135%!important;
        padding-top: 0;
    }
    .caption-hero .left-hero .hero-right-banner h2 {
        font-size: 1.2rem;
    }
    .caption-hero .right-hero { 
        padding-left: 8%; 
        padding-right: 7%; 
    }
    #carouselExampleIndicators {
        /*background: #4f503d; */
        background: #ccc; 
    }

    .caption-hero {
        display: flex; 
    }
    .carousel-inner .carousel-item {        
        height: 100%; 
        min-height: 650px; 
    }
    .carousel-inner .carousel-item.active {
        width: 135%!important; 
        height: 100%; 
    }
    .carousel-inner .carousel-item img{
        height: auto; 
    }

    .navbar-toggler-icon {
        margin-left: -32px; 
    }
    div.top-menu-main .right-side-top-menu ul.social-medias-top-menu li.item {
        margin: 0 2px; 
    }

    /****** RESPONSIVE HERO HEADER ******/
    .caption-hero {
        flex-direction: column-reverse; 
    }
    .caption-hero .left-hero {
        width: 100%; 
        display: none;
    }
    .caption-hero .right-hero {
        width: 100%; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        padding: 15px!important; 
        flex-direction: column; 
    }
    .caption-hero .right-hero h1.title-hero {
        text-align: center; 
        line-height: 31px;
        font-size: 28px; 
        width: 100%; 
    }
    .caption-hero .right-hero p.desc-hero {
        text-align: center; 
    }

    .s-footer .row .col-sm-12 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .s-footer .row .col-sm-12 a.site-footer-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .s-footer .row .col-sm-12 p {
        text-align: center!important; 
    }
    .s-footer .row .col-sm-12 li {
        text-align: center!important; 
    }


    section#section-header-page .container-fluid .content-header-desc h1.title-header-page {
        font-size: 2.1rem;
        line-height: 2.6rem;
    }
    section#section-header-page .container-fluid .content-header-desc p.text-desc-header-page {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .row.footer-bottom .ss-copyright {
        display: flex; 
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
        width: 100%; 
    }

    section.section-about-main-page {}
    section.section-about-main-page .col-lg-6.wow {
        padding-left: 12px; 
        padding-right: 12px; 
    }
    section.section-about-main-page .wow .fs-5 {
        font-size: 17px!important; 
    }  
    
    .section-recentes-eventes .container-fluid .row.gx-5 .col-lg-4 {
        width: 100%; 
    }

    .section-2-activities .container-fluid {
        padding: 0 15px!important; 
    }

    .container-fluid.footer {} 
    .container-fluid.footer .site-footer-logo {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .container-fluid.footer .site-footer-logo img {
        max-height: 50px!important; 
    } 
    .container-fluid.footer .text-left {
        text-align: center!important;
    } 
    .container-fluid.footer .col-lg-3.col-md-6 {
        display: flex;         
        align-items: center; 
        justify-content: center; 
        flex-direction: column; 
    }


    div.prices-data {
        margin-top: 30px; 
    }
    div.prices-data .menu-payment-opt {
        padding: 0; 
    }
    div.prices-data .menu-payment-opt ul.nav.nav-pills li {
        margin-right: 12px; 
    }
    div.prices-data .menu-payment-opt ul.nav.nav-pills li a {
        width: 150px; 
        padding: 8px 15px; 
    }
    div.prices-data div.payment-content-main-opt .content-section-active .form-check {
        width: 45%; 
        margin-right: 15px; 
    }
    div.prices-data div.payment-content-main-opt .content-section-active .form-check input {
        left: 30px; 
    }

}
@media screen and (max-width: 425px) {
    .navbar .navbar-brand img {
        max-height: 50px;
    }
    #navbarSupportedContent_menu_mobile  {
        right: 0; 
    }    

    .main-hero-slider {
        margin-top: 65px;
    }
    .carousel-inner {
        min-height: 510px; 
        width: 100%!important; 
        max-width: 100%!important; 
    }
    .carousel-inner .carousel-item.active {
        width: 100%!important; 
        height: 100%; 
    }
    .carousel-inner .carousel-item img{
        width: 100%;
        height: 100%; 
    }

    .section-contribution-main .vc_row.wpb_row {
        flex-direction: column;
        align-items: flex-start;
    }
    .section-contribution-main .vc_row.wpb_row .wpb_column.vc_column_container {
        width: 100%; 
        margin-bottom: 15px; 
    }
    .section-contribution-main {
        padding-left: 0;
        padding-right: 0;
    }

    section#section-header-page .container-fluid .content-header-desc h1.title-header-page {
        font-size: 1.8rem; 
        line-height: 2.5rem; 
        margin-top: 1.1rem; 
    }
    section#section-header-page .container-fluid .content-header-desc p.text-desc-header-page {
        font-size: 1.1rem; 
        line-height: 1.2rem; 
    }
}