@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;
    }
    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;
        left: 20px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        z-index: 1;
    }
    
    .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;
    }
}
@media screen and (max-width: 1000px){
    .home .ct_message_ceo, .home .home_key_numbers,footer ul, .home .home__message_ceo, .plans, .ct_keys_concepts, .filAriane, .data_privacy, .legal_mentions,.sitemap{
        padding: 2rem;
    }
}
@media screen and (max-width: 880px){
  .plans .ct_plans{
      flex-direction: column;
  }
  .ct_keys_concepts > div{
      flex-direction: column;
  }
  .ct_keys_concepts > div div{
      width: 100%;
  }
}
@media screen and (max-width: 750px){
    header .ct__banner div:last-child{
        display: none;
    }
    header .ct__banner div:first-child{
        width: 100%;
        min-width: unset;
    }
    .home__message_ceo{
        flex-direction: column;
    }
    .home .home_key_numbers ul{
        flex-direction: column;
        gap: 2rem;
    }
    .home .home_key_numbers ul li{
        width: 100%;
    }
    .plans .ct_plans > div .plan_numbers ul{
        flex-direction: column;
        gap: 2rem;
    }
    .plans .ct_plans > div .plan_numbers ul li{
        width: 100%;
    }
    .plans .ct_perf_docs .performance{
        width: 100%;
    }
    .plans .ct_perf_docs{
        flex-direction: column;
        gap: 2rem;
    }
    .plans .ct_perf_docs div{
        width: 100%;
    }
}
@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;
    }
}

@media screen and (max-width: 490px){
    footer ul{
        flex-direction: column;
        gap: 1rem;
    }
    footer ul li{
        width: 100%;
        text-align: center;
    }
    .plans .ct_perf_docs ul li{
        justify-content: center;
        flex-wrap: wrap;
    }
    .plans .ct_perf_docs ul li span{
        text-align: center;
    }
    header .ct__banner div:first-child{
      padding-left: 2rem;
    }
}