@media (max-width: 767px) {
    /* Styles pour les petits écrans */
    .section-5{
        padding: 1rem;
    }

    .justify-content-around {
        justify-content: space-around !important;
        flex-direction: column;
        text-align: center;
    }
    .not-mobile{
        display: none;
    }
    .footer-nav li {
        padding: 1rem;
    }
    .cyan-bloc {
        margin-left: 0;
    }
    .orange-bloc{
        margin-right: 0;
        margin-left: 0;
    }
    .test-icon-svg{
        display: none;
    }
    .svg-pot {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }
    .icon-section .svg-envelope{
        display: none;
    }
    .section-4{
        padding: 1rem;
    }
    .section-3{
        padding: 1rem;
    }
    .section-3-cta-btn{
        display: flex;
        flex-direction: column;
    }
    .section-3-cta-btn a {
        min-width: 100%;
        margin: 1rem auto;
    }
    .mobile-column{
        flex-direction: column;
    }
    .section-2{
        padding: 1rem;
    }
    .privilege-bloc {
        padding: 1rem;
    }
    .section-1 {
        padding: 3rem 1rem !important;
        background-image: none;
    }
    .walli-description-p h1 {
        font-size: 41px;
        padding: 0;
    }
    .home-img{
        display: none;
    }
    .section-1 .container-fluid {
        margin-bottom: 0;
    }
    h1{
        padding-top: 1rem !important;
    }

    .header-cta-btn a{
        display: block;
        width: 100%;
        margin: .6rem 0;
        max-width: 100%;
    }
    .mobile-only-home{
        display: block !important;
    }
    .navbar .container-fluid, .section-diff .container-fluid{
        padding: 0 1rem;
    }
    .bloc-testo{
        flex-direction: column;
    }
    .testo-text,
    .testo-img{
        width: 100%;
    }

    .testo-text{
        padding-top: 1rem;
    }
    .section-8 {
        padding: 4rem 1rem 2rem 1rem;
    }
    .navbar-collapse{
        padding-top: 1rem;
    }
    .section-2-img-bloc p {
        padding: 0.6rem;
        font-size: .8rem;
    }
    .home-img-elm{
        border-radius: 31px;
    }
    .text-target h2{
        font-weight: 700;
    }
    .price-img{
        display: none;
    }
    .section-1-price{
        padding: 3rem 1rem 0 1rem;
    }
    .section-1-price .col-6{
        width: 100%;
    }
    .price-description p{
        font-size: 1.5rem;
        padding: .6rem;
        margin: 0;
    }
    .svg-price-heart svg{
        height: 5rem;
    }
    .section-2-price{
        padding: 1rem;
    }
    .hand-price-top{
        text-align: center;
        margin: 0;
    }
    .hand-price-bottom {
         margin-left: 0;
        text-align: center;
    }
    .cta-white-btn{
        padding: 0.9rem
    }
    .price-middle-bloc{
        margin: 1rem 0;
    }

    /*page soutenir une cause*/
    .website-container{
        max-width: 100%;
    }
    body{
        background-image: none;
    }
    .website-container, .profile-container{
        margin-top: 3rem;
    }
    .pot-balance{
        font-size: 1rem !important;
    }

    /*page profile & modifier mon profile */

    .profile-body{
        padding: 0 1rem;
    }
    .profile-body .container{
        width: auto;
    }

    .kyc-verify span{
        font-size: 1.3rem;
    }

    .pot-name{
        font-size: 1.3rem;
    }
    .share-copy{
        font-size: 1rem;
    }
    .profile-body button{
        height: auto;
    }
    .share-copy-flex{
        flex-direction: column;
    }
    .share-copy-flex .btn{
        margin: .6rem !important;
    }
    .mobile-pills button.nav-link{
        font-size: .8rem !important;
    }
    .profile-zone, .kyc-zone{
        padding: 1rem;
    }
    .form-select-lg{
        font-size: 1rem;
    }
    .kyc-bloc h2{
        font-size: 1.5rem;
    }

    /*page pot single */
    .pot-single-description{
        padding: 1rem;
    }
    .pot-action-btn button:first-child{
        margin: 0 0 1rem 0 !important;
    }
    .single-pot-page{
        flex-direction: column;
    }
    .pot-participant-number{
        line-height: 1.8 !important;
    }
    .sticky-column {
        position: relative;
        top: auto;
        max-height: unset;
        overflow-y: auto;
        margin-bottom: 1rem;
    }
    .reaction-column .nav-pills .nav-link{
        font-size: .9rem !important;
    }
    a.no-participate-btn{
        font-size: 1rem!important;
    }
    .return-back-link{
        line-height: 1.5rem;
    }
    .footer-contact{
        flex-direction: column;
    }
    .footer-contact li span {
        justify-content: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Styles pour les écrans de taille moyenne */
    .section-5{
        padding: 1rem;
    }

    .justify-content-around {
        justify-content: space-around !important;
        flex-direction: column;
        text-align: center;
    }
    .not-mobile{
        display: none;
    }
    .footer-nav li {
        padding: 1rem;
    }
    .cyan-bloc {
        margin-left: 0;
    }
    .test-icon-svg{
        display: none;
    }
    .svg-pot {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }
    .icon-section .svg-envelope{
        display: none;
    }
    .section-4{
        padding: 1rem;
    }
    .section-3{
        padding: 1rem;
    }
    .section-3-cta-btn{
        display: flex;
        flex-direction: column;
    }
    .section-3-cta-btn a {
        min-width: 100%;
        margin: 1rem auto;
    }
    .mobile-column{
        flex-direction: column;
    }
    .section-2{
        padding: 1rem;
    }
    .privilege-bloc {
        padding: 1rem;
    }
    .section-1 {
        padding: 3rem 1rem !important;
        background-image: none;
    }
    .walli-description-p h1 {
        font-size: 41px;
        padding: 0;
    }
    .home-img{
        display: none;
    }
    .section-1 .container-fluid {
        margin-bottom: 0;
    }
    h1{
        padding-top: 1rem !important;
    }

    .header-cta-btn a{
        display: block;
        width: 100%;
        margin: .6rem 0;
        max-width: 100%;
    }
    .mobile-only-home{
        display: block !important;
    }
    .navbar .container-fluid, .section-diff .container-fluid{
        padding: 0 1rem;
    }
    .bloc-testo{
        flex-direction: column;
    }
    .testo-text,
    .testo-img{
        width: 100%;
    }

    .testo-text{
        padding-top: 1rem;
    }
    .section-8 {
        padding: 4rem 1rem 2rem 1rem;
    }
    .navbar-collapse{
        padding-top: 1rem;
    }
    .section-2-img-bloc p {
        padding: 0.6rem;
        font-size: .8rem;
    }
    .home-img-elm{
        border-radius: 31px;
    }
    .text-target h2{
        font-weight: 700;
    }
    .price-img{
        display: none;
    }
    .section-1-price{
        padding: 3rem 1rem 0 1rem;
    }
    .section-1-price .col-6{
        width: 100%;
    }
    .price-description p{
        font-size: 1.5rem;
        padding: .6rem;
        margin: 0;
    }
    .svg-price-heart svg{
        height: 5rem;
    }
    .section-2-price{
        padding: 1rem;
    }
    .hand-price-top{
        text-align: center;
        margin: 0;
    }
    .hand-price-bottom {
        margin-left: 0;
        text-align: center;
    }
    .cta-white-btn{
        padding: 0.9rem
    }
    .price-middle-bloc{
        margin: 0;
    }
    /*    page soutenir une cause*/
    .website-container{
        max-width: 100%;
    }
    body{
        background-image: none;
    }
    .website-container, .profile-container{
        margin-top: 3rem;
    }
    .pot-balance{
        font-size: 1rem !important;
    }

    /*page profile */

    .profile-body{
        padding: 0 1rem;
    }
    .profile-body .container{
        width: auto;
    }

    .kyc-verify span{
        font-size: 1.3rem;
    }

    .pot-name{
        font-size: 1.3rem;
    }
    .share-copy{
        font-size: 1rem;
    }
    .profile-body button{
        height: auto;
    }
    .share-copy-flex{
        flex-direction: column;
    }
    .share-copy-flex .btn{
        margin: .6rem !important;
    }
    .mobile-pills button.nav-link{
        font-size: .8rem !important;
    }
    .profile-zone, .kyc-zone{
        padding: 1rem;
    }
    .form-select-lg{
        font-size: 1rem;
    }
    .kyc-bloc h2{
        font-size: 1.5rem;
    }

    /*page pot single */
    .pot-single-description{
        padding: 1rem;
    }
    .pot-action-btn button:first-child{
        margin: 0 0 1rem 0 !important;
    }
    .single-pot-page{
        flex-direction: column;
    }
    .pot-participant-number{
        line-height: 1.8 !important;
    }
    .sticky-column {
        position: relative;
        top: auto;
        max-height: unset;
        overflow-y: auto;
        margin-bottom: 1rem;
    }
    .reaction-column .nav-pills .nav-link{
        font-size: .9rem !important;
    }
    a.no-participate-btn{
        font-size: 1rem!important;
    }
    .return-back-link{
        line-height: 1.5rem;
    }
    .footer-contact{
        flex-direction: column;
    }
    .footer-contact li span {
        justify-content: center;
    }
    .orange-bloc{
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    /* Styles pour les grands écrans */
    .walli-description-p h1{
        font-size: 40px;
    }
    .pot-single-block .pot-balance{
        font-size: 1rem !important;
    }
    .profile-body .container{
        width: 55%;
    }
    .website-container {
        max-width: 100%;
    }

}

@media (min-width: 1200px) {
    /* Styles pour les écrans très larges */
    .walli-description-p h1{
        font-size: 45px;
    }
    .pot-single-block .pot-balance{
        font-size: 2rem;
    }
    .website-container {
        max-width: 70%;
    }
    .profile-body .container {
        width: 50%;
    }
}

@media (min-width: 1600px) {
    /* Styles pour les écrans ultra-larges */
    .walli-description-p h1{
        font-size: 50px;
    }
    .profile-body .container {
        width: 33.33333%;
    }
}