@media screen and (max-width: 1400px){
    header nav {
        justify-content: space-between;
    }
    .menu_desktop{
        flex-direction: column;
        align-items: flex-start;
        justify-content: unset;
        gap: 2rem;
        top: 0;
        right: -1200px;
        height: 100vh;
        background-color: #ffffff;
        padding: 1rem;
        width: 80%;
        position: fixed;
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
        transition: 0.3s ease;
        z-index: 100;
        padding-top: 5rem;
    }
    header nav ul a{
        font-size: 2rem;
    }
    .menu_desktop li{
        text-align: left;
        border-bottom: 1px solid #3D3D3D;
        padding-bottom: 1rem;
        width: 100%;
    }
    #menu__toggle:checked ~ .menu_desktop{
        display: flex;
        right: 0;
    }
    #menu__toggle {
        opacity: 0;
    }
    #menu__toggle:checked + .menu__btn > span {
        transform: rotate(45deg);
    }
    #menu__toggle:checked + .menu__btn > span::before {
        top: 0;
        transform: rotate(0deg);
    }
    #menu__toggle:checked + .menu__btn > span::after {
        top: 0;
        transform: rotate(90deg);
    }
    #menu__toggle:checked ~ .menu__box {
        left: 0 !important;
    }
    .menu__btn {
        position: fixed;
        top: 20px;
        right: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 200;
    }
    
    .menu__btn > span,
    .menu__btn > span::before,
    .menu__btn > span::after {
        display: block;
        position: absolute;
        width: 20px;
        height: 2px;
        background-color: #3D3D3D;
        transition-duration: .25s;
    }
    
    .menu__btn{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        padding: 1rem;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .menu__btn > span::before {
        content: '';
        top: -8px;
    }
    .menu__btn > span::after {
        content: '';
        top: 8px;
    }
    .who_participate{
        flex-direction: column;
        align-items: center!important;
    }
    .offre .advantages > ul{
        gap: 2rem;
    }
}

@media screen and (max-width: 1300px){
    .simulator > div > div:first-child{
        display: none;
    }
}
@media screen and (max-width: 1200px){
    .home .ct_video_ceo div{
        max-width: unset;
        width: 50%;
    }
}


@media screen and (max-width: 1060px){
    .home, .offre_cal, .header_offer, .who_participate, .advantages, .offre .abondement, .offre .exit, .offre .modalites, .simulator, .simulator h1, .simulator > div > div:last-child, .documentation, footer ul, .filAriane__list, .faq, .alert, .data_privacy, .legal_mentions, .sitemap, header nav{
        padding: 2rem!important;
    }
    .home .ct_video_ceo{
        flex-direction: column;
    }
    .home .ct_video_ceo div{
        width: 100%!important;
    }  
}
@media screen and (max-width: 980px){
    .offre .abondement .rule > div{
        flex-direction: column;
        align-items: center;
    }
    .offre .abondement .rule .rule__info_abn{
        width: 100%;
    }
}
@media screen and (max-width: 880px){
    .offre_cal{
        flex-direction: column;
    }
    .offre_cal > div{
        width: 100%;
    }
    .faq .ct_faq > div:last-child{
        display: none;
    }
}
@media screen and (max-width: 750px){
    .offre .exit div:last-child{
        display: none;
    }
    header .ct__banner div:last-child{
        display: none;
    }
    header .ct__banner div:first-child{
        width: 100%;
        min-width: unset;
    }
    .offre .advantages > ul{
        flex-direction: column;
    }
    .offre .advantages > ul > li{
        width: 100%;
    }
}
@media screen and (max-width: 730px){
    .offre .abondement .rule > div > div:first-child{
        flex-direction: column;
        width: 100%;
    }
    .offre .abondement .rule > div > div:first-child > div{
        width: 100%;
    }
    .offre .abondement .rule > div > div:first-child .separator_rule, .offre .fisc_fav div:last-child, .offre .modalites div:last-child{
        width: 100%;
    }
    .offre .fisc_fav, .offre .modalites{
        flex-direction: column;
    }
}
@media screen and (max-width: 720px){
    .index > div{
        padding: 1rem;
    }
    .list__select_regions{
        flex-direction: column;
    }
    .list__select_regions li{
        width: 100%;
    }
    .list__select_regions li button{
        width: 100%!important;
    }
    .index .list__select_regions .sublist__select_country{
        position: initial;
        transform: unset;
        gap: 0;
        margin-top: 0;
        padding: 1rem;
        max-height: 300px;
        overflow: auto;
    }
    .offre .who_participate > div:first-child img{
        width: 100%;
    }
}

@media screen and (max-width: 690px){
    .sim__footer_calc{
        width: 100%;
        display: block;
        overflow: scroll;
    }
}
@media screen and (max-width: 520px){
    .offre_cal > div > ul{
        flex-direction: column;
    }
    .offre_cal > div > ul li{
        width: 100%;
    }
    .fisc_fav_inter{
        flex-direction: column;
    }
}
@media screen and (max-width: 490px){
    .documentation ul li{
        flex-direction: column;
        text-align: center;

    }
    footer ul{
        flex-direction: column;
        gap: 1rem;
    }
    footer ul li{
        width: 100%;
        text-align: center;
    }
    header .ct__banner div:first-child{
      padding-left: 2rem;
    }
    .offre .modalites div:first-child ul{
        flex-direction: column;
        align-items: center;
    }
    .offre .modalites div:first-child ul li{
        width: 100%;
    }
    .alert > div{
        padding: 1rem;
    }
    .alert > div form > div:first-of-type{
        flex-direction: column;
    }
    .rule h2{
        font-size: 3rem;
    }
}