@media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 500px) {

    .feed-publication-text-block {
        margin-top: 10px;
    }

    .article-text, .e-indention {
        margin-top: 10px;
    }

    .separator-date, .art-aut-img-nm  {
        display: none;
    }

    .article-author-date {
        margin-left: 0;
    }

    .article-author {
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .text-date {
        display: inline;
    }

    .article-title {
        margin-top: 5px;
    }

    .text-date, .article-author-date {
        font-weight: 900;
        color: var(--shadow-black);
    }

    .author-block-name, .author-block-subscribers {
        margin-left: 5px;
    }

    .comments-empty {
        text-align: center;
    }

    .comments-block-body-author-image {
        display: none;
    }

    .comments-block-body-author-name {
        margin-left: 0;
    }

    .author-block-name-sub {
        flex-direction: column;
    }

    .author-block-write-subscribe {
        margin-top: 7.5px;
    }

    .comments-block-body-comment {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .comments-block-body-author-name-date {
        flex-direction: column;
        align-items: start;
    }

    .comments-block-body-author-date {
        margin: 0;
    }

    .comments-textarea, .comments-block-body {
        padding: 5px;
    }

    .comments-block-body {
        width: calc(100% - 10px);
    }

}

@media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 374px) {

    .author-block-name {
        font-size: 14px;
    }
    .comments-textarea::placeholder {
        font-size: 12px;
    }
    .comments-block-body-author-date {
        font-size: 10px;
    }
    .comments-block-block-alt-message {
        font-size: 14px;
    }

    .author-block-subscribe, .author-block-write, .comments-send-button {
        max-height: 25px;
        padding-left: 0;
        padding-right: 0;
    }

    .comments-textarea {
        max-height: 40px;
        min-height: 40px;
    }

    .author-block-subscribe, .author-block-write, .comments-send-button {
        max-width: 75px;
        min-width: 75px;
    }

}

@media only screen and (orientation: portrait) and (min-device-width: 375px) and (max-device-width: 500px) {
    
    .author-block-name {
        font-size: 16px;
    }
    .comments-textarea::placeholder {
        font-size: 16px;
    }
    .pub-empty-publications {
        font-size: 14px;
    }
    .comments-block-block-alt-message {
        font-size: 16px;
    }
    .author-block-subscribe, .author-block-write, .comments-send-button {
        font-size: 14px;
    }

    .comments-textarea {
        max-height: 68px;
        min-height: 68px;
    }

    .author-block-subscribe, .author-block-write, .comments-send-button {
        padding-left: 5px;
        padding-right: 5px;
    }

    .author-block-subscribe, .author-block-write, .comments-send-button {
        max-width: 105px;
        min-width: 105px;
    }

}

/* universal 380px < (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 379px) {

    .comments-block, .comments-send-button-block {
        width: 280px;
    }
    .comments-textarea {
        max-width: 268px;
        min-width: 268px;
    }

}

/* universal 380px > and 479px < (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 380px) and (max-device-width: 478px) {

    .comments-block, .comments-send-button-block {
        width: 315px;
    }
    .comments-textarea {
        max-width: 303px;
        min-width: 303px;
    }

}

/* universal 479px > (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 479px) and (max-device-width: 500px) {

    .comments-block, .comments-send-button-block {
        width: 415px;
    }
    .comments-textarea {
        max-width: 403px;
        min-width: 403px;
    }

}

/* iPhone 5, 5S, 5C, 5 SE (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 352px) and (-webkit-min-device-pixel-ratio: 2) {

    .comments-block, .comments-send-button-block {
        width: 280px;
    }
    .comments-textarea {
        max-width: 268px;
        min-width: 268px;
    }

}

/* Pixel 4 (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 353px) and (max-device-width: 359px) and (-webkit-min-device-pixel-ratio: 2) {

    .comments-block, .comments-send-button-block {
        width: 305px;
    }
    .comments-textarea {
        max-width: 293px;
        min-width: 293px;
    }

}

/* Galaxy note 3, Galaxy S3, Galaxy S3 and other with 360px width (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 360px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) {

    .comments-block, .comments-send-button-block {
        width: 325px;
    }
    .comments-textarea {
        max-width: 313px;
        min-width: 313px;
    }

}

/* iPhone 6, 6S, 7, 8, SE 2020 (портретный режим) */
/* iPhone X, XS, 11 Pro, 13 mini (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 375px) and (max-device-width: 383px) and (-webkit-min-device-pixel-ratio: 2) { 

    .comments-block, .comments-send-button-block {
        width: 325px;
    }
    .comments-textarea {
        max-width: 313px;
        min-width: 313px;
    }

}

/* LG Optimus, Nexus and other with 384px width (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 384px) and (max-device-width: 389px) and (-webkit-min-device-pixel-ratio: 2) {

    .comments-block, .comments-send-button-block {
        width: 345px;
    }
    .comments-textarea {
        max-width: 333px;
        min-width: 333px;
    }

}

/* iPhone 12, 12 Pro, 13, 13 Pro, Apple iPhone 14 (портретный режим) */
/* iPhone 14 Pro, Apple iPhone 15, Apple iPhone 15 Pro, Apple iPhone 16 (--- 393px ---) (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 390px) and (max-device-width: 413px) and (-webkit-device-pixel-ratio: 3) {

    .comments-block, .comments-send-button-block {
        width: 345px;
    }
    .comments-textarea {
        max-width: 333px;
        min-width: 333px;
    }

}

/* iPhone 6+, 7+, 8+ (портретный режим) */
/* iPhone XS Max, XR, 11, 11 Pro Max (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 414px) and (max-device-width: 427px) and (-webkit-min-device-pixel-ratio: 3) { 

    .comments-block, .comments-send-button-block {
        width: 365px;
    }
    .comments-textarea {
        max-width: 353px;
        min-width: 353px;
    }

}

/* iPhone 16 Pro Max (портретный режим) */
/* iPhone 12 Pro Max, 13 Pro Max, Apple iPhone 14 Plus (--- 428px ---) (портретный режим) */
/* iPhone 14 Pro Max, iPhone 15 Plus, Apple iPhone 15 Pro Max (--- 430px ---) (портретный режим) */
@media only screen and (orientation: portrait) and (min-device-width: 428px) and (max-device-width: 500px) and (-webkit-device-pixel-ratio: 3) {

    .comments-block, .comments-send-button-block {
        width: 375px;
    }
    .comments-textarea {
        max-width: 363px;
        min-width: 363px;
    }

}

/* -- -- -- -- -- */
/* - LANDSCAPE - */
/* -- -- -- -- -- */

/* universal 700px < (альбомный режим) */
@media only screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 700px) {

    .comments-block, .comments-send-button-block {
        width: 520px;
    }
    .comments-textarea {
        max-width: 498px;
        min-width: 498px;
    }

}