@media screen and (max-width: 880px){
    body{
        font-size:.9rem;
    }
    .container_blog {
        margin: 150px 15px;
    }
    .content_all_post .all_post{
        width: 100%;
    }
    .blog_first_content .pres_blog{
        width: 100%;
    }
    .blog_first_content .epingle_post{
        width: 100%;
        margin-top: 20px;
    }

    .form-control {
        flex-wrap: wrap;
    }
    .container_product {
        margin: 150px 0px !important;
    }
    .container_product_top {
        flex-direction: column;
    }
    .all_carousel{
        margin-bottom: 50px;
    }

    /* GAME */
    .container_mygame{
        margin: 0 15px !important; 
    }

    .part_game{
        margin: 50px 15px !important;
    }

    /* POST */
    .container_create_post {
        color: white;
        padding: 100px 15px;
    }

    /* Annonce */
    .container_myannonce{
        margin: 0 15px !important; 
    }
    .container_article .article{
        margin: 0 15px !important; 
    }
    .container_article .container_reponse{
        margin: 0 15px !important; 
    }
    .container_article .number_commentaire{
        margin: 0 15px !important; 
    }
    .container_article .commentaire_content{
        margin: 0 15px !important; 
    }
}
@media screen and (max-width: 700px) {
    .container-profil .content-profil .align{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 1375px) {
    .link_game {
        width: 46%;
    }
}
@media screen and (max-width: 1175px) {
    .info-game{
        flex-direction: column;
    }
}
@media screen and (max-width: 955px) {
    .close_part {
        justify-content: center;
    }
    .all_part{
        justify-content: center;
    }
    .link_game {
        width: 100%;
    }
    .container_rencontre_ind {
        margin: 150px 10px !important;
    }
    /* Style pour le contenu du modal */
    .modal-content {
        width: 90% !important; 
    }
}

@media screen and (max-width: 600px) {
    .menu_profil .content_menu_profil {
        flex-direction: column;
    }
    .menu_profil .content_menu_profil svg {
        margin-right: 0px !important;
    }
}



@media screen and (max-width: 425px) {
    .part_game{
        margin: 0px;
    }
}