/* responsive */
    /* read blog */
            
        /* sous-titre et contenu */
            @media screen and (max-width: 480px) {
                .container_article .post_img{
                    height: 250px;
                }
            }

            @media screen and (max-width: 380px) {
                .container_article .post_img{
                    height: 200px;
                }
            }
        /* sous-titre et contenu */
    /* read blog */

    /* like comments share */
        @media screen and (max-width: 610px) {
            .comment_share, .comment_share i{
                font-size: 17px;
            }

            .share_social a i{
                font-size: 30px;
            }
        }

        @media screen and (max-width: 500px) {
            .comment_share{
                gap: 20px;
            }

            .comment_share, .comment_share i{
                font-size: 17px;
            }

            .share_social{
                gap: 14px;
            }

            .share_social a i{
                font-size: 25px;
            }
        }

        @media screen and (max-width: 480px) {
            .comment_share, .comment_share i{
                font-size: 15px;
            }
        }

        @media screen and (max-width: 380px) {
            .comment_share, .comment_share i{
                font-size: 14px;
            }

            .share_social a i{
                font-size: 22px;
            }
        }

        @media screen and (max-width: 350px) {
            .comment_share{
                gap: 14px;
            }
        }
    /* like comments share */

    /* form add comment */
        @media screen and (max-width: 500px) {
            .comments_container .add_comment textarea{
                height: 80px;
                margin: 5px 0;
            }
        }

        @media screen and (max-width: 480px) {
            .add_comment input, .add_comment textarea{
                font-size: 14px;
            }
        }

        @media screen and (max-width: 380px) {
            .add_comment input, .add_comment textarea{
                font-size: 13px;
            }
        }
    /* form add comment */

    /* comment */
        @media screen and (max-width: 850px) {
            .comments_container{
                max-width: 600px; 
            }

            .comments_container .comment_title{
                font-size: 19px;
            }
        }

        @media screen and (max-width: 650px) {
            .comments_container{
                max-width: 500px; 
            }

            .comments_container .comment_title{
                padding: 10px 0;
            }
        }

        @media screen and (max-width: 610px) {
            .comments_container .comment_title{
                font-size: 18px;
            }

            .comment_username{
                font-size: 15px;
            }
        }

        @media screen and (max-width: 530px){
            .comments_container{
                max-width: 400px; 
            }

            .user_comments_container{
                padding: 10px 0;
            }

            .profile_comment_user{
                height: 24px;
                width: 24px;
                margin-right: 5px;
            }

            .btn_action{
                margin-right: 8px;
            }

            .comment_box .comment{
                margin-left: 20px;
            }
        }

        @media screen and (max-width: 480px) {
            .comments_container .comment_title{
                font-size: 17px;
            }

            .comment_username, .comment_box .comment{
                font-size: 14px;
            }
        }

        @media screen and (max-width: 430px){
            .comments_container{
                max-width: 350px; 
            }

            .btn_reply > #reponse{
                display: none;
            }
        }

        @media screen and (max-width: 380px) {
            .comments_container .comment_title{
                font-size: 16px;
            }

            .comment_username, .comment_box .comment{
                font-size: 13px;
            }
        }

        @media screen and (max-width: 370px){
            .comments_container{
                max-width:  310px; 
            }
        }

        @media screen and (max-width: 330px){
            .comments_container{
                max-width:  290px; 
            }
        }
    /* comment */

    /*reply comment*/
        @media screen and (max-width: 850px){
            .reply{
                width: 480px;
                margin: 0 auto;
            }

            .profile_reply_comment_user{
                height: 24px;
                width: 24px;
                margin-right: 5px;
            }

            .reply_comment_box .reply_comment{
                margin-left: 20.8px;
            }
        }

        @media screen and (max-width: 610px){
            .reply_comment_username{
                font-size: 15px;
            }

            .reply_comment_box .reply_comment{
                font-size: 14px;
            }
        }

        @media screen and (max-width: 530px){
            .reply{
                width: 350px;
            }
        }

        @media screen and (max-width: 480px){
            .reply_comment_username{
                font-size: 14px;
            }

            .reply_comment_box .reply_comment{
                font-size: 13px;
            }
        }

        @media screen and (max-width: 380px){
            .reply_comment_username{
                font-size: 13px;
            }

            .reply_comment_box .reply_comment{
                font-size: 12px;
            }
        }

        @media screen and (max-width: 430px){
            .reply{
                width: 288px;
            }  
        }

        @media screen and (max-width: 350px){
            .reply{
                width: 100%;
            }

            .show_reply_comments{
                max-width: 400px;
            }
        }
    /* reply comment*/
/* responsive */