@media only screen and (max-width:480px){
    .item1,.item2,.right,.left{
        width:calc(90vw)
    }
}
@media only screen and (max-width:500px){
    .calend{
        flex-direction: column;
    }
   
}
@media only screen and (max-width:700px){
    .conteneur{
        flex-direction: column;
        align-items: center;
        top:40% !important;
    }
    .abonnement{
        margin-top: 3%;
    }

}
@media only screen and (max-width:1000px){
   
    .boutonheader{
        height: 1000px;
    }
    .conteneur_parallaxe{
        justify-content:end ;
    }
    .services_indiv{
        display: grid;
        place-items: center;
    }
    .responsive_inverse{
        grid-template-columns: auto ;
    }
    .right,.left{
        padding: 3%;
        box-sizing: border-box;
        border: 0;
    }
    .item1 { order: 2;}
    .item2 { order: 1;
             text-align: center;
    }
    .navbar{
        flex-direction: column;
    }
    .counter{
        flex-direction: column;
        place-items: center;
    }
    .section_counter{
        width: 90%;
        place-items: center;
    }
    .titre_question{
        position: unset;
        margin-top: 3%;
    }
    .conteneur{
        top:50%;
    }
}

@media only screen and (max-width:1100px){

    .sous_triptyque {
        flex-direction: column;
        width: 100%; 
    }
    .partietriptyque,.text_propositions{
        width:80%;
        margin: 2% auto;
       padding-bottom:2% ;
    }
    .img_gauche{
        width:100%;
        height: 300px;
    }
    .texte_gauche,.img_droite{
        width: 100%;
    }
     .serv, .tiss_section,.counter-container{
        flex-direction: column;
    }
    .texte_droite{
        width:100%;
    }
    .img_tiss{
       display: block;
       margin: 0 auto;
    }
    .titre_parallaxe{
        font-size: 45px;
    }
}