@media(max-width: 767px){
    .articles-headline{
        width: 764px;
        margin-top: 120px;
    }
    
    .articles-headline-text .col-1 img{
        width: 20px;
    }

    .articles-headline-text .col-1{
        row-gap: 10px;
        width: 440px;
    }

    .articles-headline-text h1{
        width: 440px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    
    .articles-headline-text .col-3-block{
        width: 440px;
        height: 480px;
        border-radius: 30px;
        padding: 40px;
    }
    
    .articles-headline-text .col-3-block .hashtag{
        padding: 10px 
        25px;
        border-radius: 30px;
        font-size: 16px;
        line-height: 19px;
    }

    .articles-headline-text .col-3-block .under-text{
        flex-direction: column;
    }

    .articles-headline-text .col-3-block .under-text .rows img{
        width: 16px;
        margin-right: 7px;
    }
    
    .articles-headline-text .col-3-block .under-text .rows .row-text{
        font-size: 16px;
        line-height: 21px;
    }
    
    .articles-headline-text .col-3-block .under-text .row-1{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
    .articles-headline-text .col-3-block .under-text .row-2{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
    .articles-headline-text .col-content-headline{
        margin-top: 32px;
        margin-bottom: 19px;
    }
    
    .articles-headline-text .cols-content{
        margin-top: 20px;
    }
    
    /* --------------------------------- */
    
    .articles-text-1{
        width: 440px;
        margin-top: 29px;
    }
    
    .articles-text-1 .foreword{
        width: 440px;
    }
    
    .articles-text-1 .foreword .cols-foreword{
        margin-bottom: 20px;
    }
    
    .articles-text-1 .questions{
        margin-top: 33px;
        width: 440px;
    }
    
    .articles-text-1 .question-cols{
        margin-top: 20px;
    }
    
    .articles-text-1 .share-article{
        margin-top: 30px;
    }
    
    .articles-text-1 .share-article .share-text{
        font-size: 16px;
        line-height: 21px;
        margin-top: 10px;
        margin-right: 20px;
    }
    
    .articles-text-1 .share-article .share-soc-net{
        grid-template-rows: 50px 
        50px;
        grid-template-columns: 50px 
        50px 
        50px 
        50px 
        50px 
        50px;
    }

    .articles-text-1 .share-article .share-soc-net img{
        width: 35px;
        height: 35px;
    }
    
    /* ----------------------------- */
    
    .articles-page .comments-block{
        margin-top: 80px;
    }

    .articles-page .comments-block .comments-headline{
        width: 440px;
    }
    
    .articles-page .comments-block .text-space-comments{
        border-radius: 30px;
        width: 440px;
        padding: 40px;
        margin-top: 30px;
        margin-bottom: 59px;
    }
    
    .articles-page .comments-block .text-space-comments textarea{
        border-radius: 20px;
        padding: 30px;
        font-size: 18px;
        line-height: 22px;
        height: 192px;
    }
    
    .articles-page .comments-block .text-space-comments textarea::placeholder{
        font-size: 18px;
        line-height: 22px;
    }
    
    .articles-page .comments-block .col-2-comments{
        margin-top: 14px;
    }

    .articles-page .comments-block .col-2-comments-text{
        margin-right: 20px;
        font-size: 16px;
        line-height: 21px;
    }
    
    .articles-page .comments-block .col-2-comments-soc-net img{
        margin-right: 20px;
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 12px;
    }
    
    .articles-page .comments-block .col-3-comments{
        border-radius: 15px;
        padding: 19px 
        40px;
        margin-top: 18px;
    }
    
    .comment{
        margin-bottom: 24px;
    }
    
    .comment .user-avatar{
        width: 60px;
        margin-right: 20px;
    }
    
    .comment .user-comment-text{
        width: 360px;
        border-radius: 30px 
        30px 
        30px 
        0px;
        padding: 40px 
        20px 
        20px 
        40px;
    }
    
    .comment .user-comment-text .up-col-comment{
        width: 295px;
        margin-bottom: 13px;
    }

    .comment .user-comment-text .down-col-comment{
        font-size: 16px;
        line-height: 19px;
    }
    
    /* ------------------------ */
    
    .articles-page .request-block{
        margin-top: 70px;
    }
    
    .articles-page .articles-block{
        margin-top: 80px;
        margin-bottom: 70px;
    }
}