@media(max-width: 479px){
    .articles-headline{
        width: 320px;
        margin-top: 94px;
    }
    
    .articles-headline-text .col-1 img{
        width: 15px;
    }

    .articles-headline-text .col-1{
        width: 280px;
        align-items: center;
    }

    .articles-headline-text .col-1 .color-page-2{
        width: 185px;
    }

    .articles-headline-text h1{
        width: 280px;
        margin-top: 31px;
        margin-bottom: 22px;
    }
    
    .articles-headline-text .col-3-block{
        width: 280px;
        height: 360px;
        padding: 30px;
    }
    
    .articles-headline-text .col-3-block .hashtag{
        padding: 6px 
        15px;
        font-size: 12px;
        line-height: 14px;
    }

    .articles-headline-text .col-3-block .under-text .rows img{
        margin-right: 10px;
    }
    
    .articles-headline-text .col-3-block .under-text .rows .row-text{
        font-size: 12px;
        line-height: 16px;
    }
    
    .articles-headline-text .col-3-block .under-text .row-1{
        margin-bottom: 14px;
    }
    
    .articles-headline-text .col-3-block .under-text .row-2{
        margin-bottom: 14px;
    }
    
    .articles-headline-text .col-content-headline{
        margin-top: 29px;
        margin-bottom: 10px;
    }
    
    .articles-headline-text .cols-content{
        margin-top: 10px;
    }

    .articles-headline-text .col-content-text{
        width: 280px;
    }
    
    /* --------------------------------- */
    
    .articles-text-1{
        width: 280px;
        margin-top: 30px;
    }
    
    .articles-text-1 .foreword{
        width: 280px;
    }
    
    .articles-text-1 .foreword .cols-foreword{
        margin-bottom: 10px;
    }
    
    .articles-text-1 .questions{
        margin-top: 20px;
        width: 280px;
    }
    
    .articles-text-1 .question-cols{
        margin-top: 9px;
    }
    
    .articles-text-1 .share-article{
        flex-direction: column;
        margin-top: 27px;
    }
    
    .articles-text-1 .share-article .share-text{
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    
    .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: 30px;
        height: 30px;
        border-radius: 9px;
        padding: 6px;
    }
    
    /* ----------------------------- */
    
    .articles-page .comments-block{
        margin-top: 30px;
        width: 240px;
        align-items: center;
    }

    .articles-page .comments-block .comments-headline{
        width: 280px;
    }
    
    .articles-page .comments-block .text-space-comments{
        border-radius: 30px;
        width: 280px;
        padding: 20px 20px 40px 20px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .articles-page .comments-block .text-space-comments textarea{
        padding: 20px;
        font-size: 14px;
        line-height: 17px;
    }
    
    .articles-page .comments-block .text-space-comments textarea::placeholder{
        font-size: 14px;
        line-height: 17px;
    }
    
    .articles-page .comments-block .col-2-comments{
        margin-top: 12px;
        flex-direction: column;
        align-items: unset;
    }

    .articles-page .comments-block .col-2-comments-text{
        margin-right: 0px;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    
    .articles-page .comments-block .col-2-comments-soc-net img{
        width: 30px;
        height: 30px;
        padding: 5px;
        border-radius: 9px;
    }
    
    .articles-page .comments-block .col-3-comments{
        padding: 19px 
        79px;
        margin-top: 21px;
        font-size: 16px;
        line-height: 20px;
    }
    
    .comment{
        margin-bottom: 20px;
    }
    
    .comment .user-avatar{
        width: 40px;
    }
    
    .comment .user-comment-text{
        width: 220px;
        padding: 20px;
    }
    
    .comment .user-comment-text .up-col-comment{
        width: 180px;
        margin-bottom: 10px;
    }

    .comment .user-comment-text .down-col-comment{
        font-size: 12px;
        line-height: 14px;
    }
    /* ------------------------ */
    
    .articles-page .request-block{
        margin-top: 44px;
    }
    
    .articles-page .articles-block{
        margin-top: 45px;
        margin-bottom: 54px;
    }
}