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

    .mobile {
        max-width: 30px;
        min-width: 30px;
    }

    .mobile-menu, .mobile-menu::before, .mobile-menu::after, .mobile-menu-close, 
    .mobile-menu-close::before, .information-error-message, 
    .information-error-message::before, .clean-form-input, 
    .clean-form-input::before, .settings-information-delete, 
    .settings-information-delete::before {
        width: 20px;
    }
    .mobile-menu::before {
        margin-top: -6px;
    }
    .mobile-menu::after {
        margin-top: 6px;
    }

    .login-link-panel {
        width: 50px;
        max-height: 20px;
        min-height: 20px;
    }

    .arrow-switch, .search-filters-select-arrow, .settings-information-block-arrow {
        width: 3.5px;
        height: 3.5px;
        margin-left: 3.5px;
    }
    .arrow-switch-up, .search-filters-select-arrow-up, .settings-information-block-arrow-up {
        margin-top: 7px;
    }

    .footer-s-arc {
        max-height: 20px;
        min-height: 20px;
    }
    .footer-container:last-child {
        display: none;
    }

    .search-line-input:placeholder-shown {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .search-line-input::placeholder {
        overflow: hidden;
    }

    .feed-publication-image {
        height: 100%;
    }

    .s-arc-box {
        padding-right: 10px;
        padding-left: 10px;
    }

    .complain-block {
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-box {
        width: 100% !important;
    }
    #link-about {
        display: none;
    }

}

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

    /* BASE */
    * {
        font-size: 14px;
    }
    /* BASE */

    /* --- --- special elements --- --- */

    .feed-publication-footer-likes, .feed-publication-footer-dislikes, 
    .feed-publication-footer-bookmark, .feed-publication-footer-spread, 
    .feed-publication-footer-comments, .feed-publication-footer-complain {
        height: 15px;
        min-width: 15px;
        margin-right: 5px;
        padding: 5px;
    }

    /* --- --- special elements --- --- */

    /* --- --- width, height settings --- --- */

    .header-s-arc {
        max-height: 40px;
        min-height: 40px;
    }
    .header-site-name, .header-container-panel, .login-link {
        max-height: 30px;
        min-height: 30px;
    }

    .feed-publication-footer-like-icon, .feed-publication-footer-dislike-icon {
        width: 14px;
        height: 14px;
    }
    .feed-publication-footer-comments-icon {
        width: 14px;
        height: 14px;
    }
    .feed-publication-footer-bookmark-icon {
        width: 16px;
        height: 16px;
    }
    .feed-publication-footer-spread-icon {
        width: 13px;
        height: 13px;
    }
    .feed-publication-footer-complain-icon {
        width: 13px;
        height: 13px;
    }
    .feed-publication-views-icon {
        width: 17px;
        height: 17px;
    }
    .feed-publication-time-icon {
        width: 13px;
        height: 13px;
    }
    .author-tools {
        height: 20px;
    }
    .author-tool {
        width: 15px;
        height: 15px;
    }
    .feed-publication-type {
        width: 38px;
    }

    .user-profile-icon {
        max-width: 25px;
        max-height: 25px;
        min-width: 25px;
        min-height: 25px;
    }
    .article-author-image, .comments-block-body-author-image {
        width: 20px;
        height: 20px;
    }

    .cookies-panel {
        width: 265px;
    }
    .cookie-button {
        width: 40px;
    }

    /* --- --- width, height settings --- --- */

    /* --- --- padding, margin settings --- --- */

    /* --- --- padding --- --- */

    .s-arc-box, .comments-block-body {
        padding: 10px;
    }
    .user-option, .countries, .sexes, .years, .months, .days, .timezones, .country, .sex, .year, .month, .day, .timezone, .hub {
        padding: 2.5px;
    }
    .text-frame, .feed-publication-type, .hub-block {
        padding: 2.5px;
    }

    .s-arc-button, .panel-link, .login-link-text, .login-info-block, .settings-title {
        padding-top: 3.5px;
    }

    .s-arc-button, .login-link-panel, .user-option, .create-input, .create-input-hubs, .hub-block {
        padding-left: 5px;
        padding-right: 5px;
    }
    .s-arc-publications-block-name, .s-arc-button, .panel-link, .login-link-text, .comments-block-name, .login-info-block, .settings-title {
        padding-bottom: 3.5px;
    }
    .text-frame, .input-field, .settings-input, .create-input-hub {
        padding-right: 2.5px;
    }
    .text-frame, .create-input-hub {
        padding-left: 2.5px;
    }
    .search-line-input, .input-field, .settings-input {
        padding-left: 5px;
    }

    /* --- --- padding --- --- */

    /* --- --- margin --- --- */
    /* --- --- margin-top --- --- */
    .s-arc-publications-block-body .feed-publication-tools, .user-option, 
    .mobile-menu-panel-link, .author-block-subscribers, .image-description-text, 
    .image-file-name, .settings-label-image, .get-link {
        margin-top: 1.5px;
    }
    .feed, .search-filters-option, .empty, .s-arc-publications-block-body, .feed-publication-footer-panel, 
    .information-message, .feed-publication-text-block, .comments-send-button-block, 
    .settings-input-check-box, .user-profile-about-title, .login-box-title, .hub-block, 
    .feed-messages, .feed-settings, .create-input-field, .pub-empty-publications {
        margin-top: 5px;
    }
    .feed-block, .feed-publication, .feed-publication-info-block, .comments-block, 
    .comments-block-body-tools, .comments-show, .load-comments, .comments-empty, 
    .comments-dialogue-block, .user-profile-detail-text, .input-box, .input-date, 
    .captcha-block, .links-box, .create-input-field-title-description, .hub, .create-input-hub {
        margin-top: 2.5px;
    }
    /* --- --- margin-bottom --- --- */
    .user-option, .mobile-menu-panel-link, .user-profile-name, 
    .interlocutor-name, .image-description-text, .image-file-name, .settings-special-text {
        margin-bottom: 1.5px;
    }
    .feed, .search-filters-option-title, .feed-publication, .comments-block-body-author, 
    .load-comments, .user-profile-about-title, .login-box-title, .login-info-block, 
    .input-box, .input-date, .captcha-block, .hubs-sorting, .settings-input-box, 
    .settings-label-box, .settings-private-info {
        margin-bottom: 2.5px;
    }
    .search-filters-option, .empty, .filters-options-apply, 
    .information-message, .feed-publication-info-block, 
    .feed-publication-text-block, .s-arc-publication-feed, 
    .hub-block, .feed-messages-panel, .feed-settings, 
    .create-input-block, .settings-special-link, .base-text-publication {
        margin-bottom: 5px;
    }
    /* --- --- margin-left --- --- */
    .search-filters-select, .search-filters-select-user, .search-filters-options, 
    .feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, 
    .feed-publication-footer-comments-count, .filters-options-apply, .panel-link,
    .information-message, .feed-publication-author-link, .article-author-name, 
    .author-block-name, .comments-block-body-author-name, .e-link, .article-author-date, 
    .comments-block-body-author-date, .author-block-subscribers, .login-info-block-text, 
    .s-arc-login-label, .hubs-sorting, .hub-block, .interlocutor-dialogue-data, .count-about, 
    .block-title, .user-profile-detail-block, .settings-information-block-name, .max-hubs, 
    .create-counter, .maximum-key-words {
        margin-left: 2.5px;
    }
    .footer-link, .user-profile-box, .hub-link-and-description, .feed-publication-views, 
    .feed-publication-time, .settings-special-text, .settings-special-text-c {
        margin-left: 5px;
    }
    .footer-container, .interlocutor-image, .tool {
        margin-left: 5px;
    }
    /* --- --- margin-right --- --- */
    .option-button, .panel-link, .information-message, .feed-publication-views-icon, 
    .feed-publication-time-icon, .feed-publication-hub-name, 
    .login-info-block-text, .hubs-sorting, .hub-block, .hub-text, .create-image-name, 
    .settings-information-block-tools, .settings-information-block-arrow, .separator-date, .text-date {
        margin-right: 2.5px;
    }
    .mobile, .footer-link, .comments-block-body-comment-answ, .input-date, .settings-input-checkbox-block, .pub-type, .create-button {
        margin-right: 5px;
    }

    .footer-container {
        margin-right: 5px;
    }

    .feed-publication-tools {
        margin-top: 3.5px;
        margin-bottom: 3.5px;
    }
    .option-button {
        margin-right: 5px;
    }
    .feed {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .feed-publication-hub-name {
        margin-right: 5px;
    }
    .text-frame {
        padding-left: 3.5px;
        padding-right: 3.5px;
    }

    .feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count {
        margin-left: 5px;
    }

    /* --- --- padding, margin settings --- --- */

    /* --- --- border, outline settings --- --- */
    /* --- --- border, outline settings --- --- */

    /* --- --- fonts --- --- */

    .hub-data-name {
        font-size: 6px;
    }
    .feed-publication-type, .image-description-text, .image-file-name, .file-name {
        font-size: 8px;
    }
    .s-arc-button, .option-button, .panel-link, .login-link-text, .footer-link, 
    .publication-status, .feed-publication-hub-name, .feed-publication-footer-likes-count, 
    .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count, 
    .comments-block-body-comment-answ, .comments-show, .load-comments, .comments-empty, 
    .comments-show-text, .comments-show-count, .s-arc-login-label, .hubs-sorting-title, 
    .settings-input-length, .get-link-again, .get-link-again-timer, .create-input-field-title-description, 
    .create-error-field-message, .create-counter, .settings-special-text-c {
        font-size: 10px;
    }
    .search-filters-select, .information-button, .search-filters-option-title, .search-filters-select-user, 
    .feed-publication-author-link, .feed-publication-author, .feed-publication-views-count,
    .feed-publication-time-count, .feed-publication-read-link, .article-author-name, .author-block-name, .comments-block-body-author-name, 
    .e-link, .article-author-date, .comments-block-body-author-date, .author-block-subscribers, .comments-empty, .login-info-block-text, 
    .legal-box-text, .legal-box-text-link, .links-box-link, .last-message-author, .interlocutor-name, .last-message, .settings-label, 
    .settings-input-checkbox-span, .hub-text, .tool, .create-image-name, .info-moderation, .hub-description, .settings-private-info, 
    .change-settings-info, .text-date {
        font-size: 12px;
    }
    .search-button {
        font-size: 14px;
    }
    .feed-publication-title-link, .article-title {
        font-size: 16px;
    }
    .s-arc-publications-block-name, .mobile-menu-panel-link, .comments-block-name, .user-profile-about-title, 
    .user-profile-detail-title, .login-box-title, .no-messages, .settings-title, .settings-input-box-title {
        font-size: 16px;
    }
    .user-profile-name {
        font-size: 16px;
    }

    .header-site-name-link {
        font-size: 20px;
    }

    /* --- --- fonts --- --- */

    .login-link-text {
        font-size: 12px;
    }

    .search-line, .search-line-input {
        max-height: 30px;
        min-height: 30px;
    }

    .clean-form-input-block {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .search-button {
        width: 60px;
        max-height: 25px;
        min-height: 25px;
    }

    .search-filters {
        height: 25px;
    }

    .information-message-block {
        width: 280px;
        height: 80px;
    }
    .information-button {
        width: 50px;
        height: 20px;
    }
    .information-message-panel-close {
        display: none;
        top: 5.5%;
        left: 90.5%;
    }

    .hub-data-block {
        width: 15px;
        height: 15px;
        margin-right: 2.5px;
    }

    .author-block-image {
        width: 35px;
        height: 35px;
    }

    .user-profile-image {
        width: 55px;
        height: 55px;
    }

    .search-line-input, .search-line-input::placeholder {
        font-size: 12px;
    }

}

@media only screen and (orientation: portrait) and (min-device-width: 375px) and (max-device-width: 500px) {
    
    /* BASE */
    * {
        font-size: 16px;
    }
    .user-profile-detail-title {
        font-size: 16px;
    }
    /* BASE */

    /* --- --- special elements --- --- */

    .feed-publication-footer-likes, .feed-publication-footer-dislikes, 
    .feed-publication-footer-bookmark, .feed-publication-footer-spread, 
    .feed-publication-footer-comments {
        height: 18px;
        min-width: 18px;
        margin-right: 7.5px;
        padding: 5px;
    }

    .information-error-message, .information-error-message::before, .clean-form-input, 
    .clean-form-input::before, .settings-information-delete, .settings-information-delete::before {
        width: 20px;
    }
    .mobile-menu, .mobile-menu::before, .mobile-menu::after, .mobile-menu-close, .mobile-menu-close::before {
        width: 25px;
    }
    .mobile-menu::before {
        margin-top: -7px;
    }
    .mobile-menu::after {
        margin-top: 7px;
    }

    /* --- --- special elements --- --- */

    /* --- --- width, height settings --- --- */

    .header-s-arc {
        max-height: 45px;
        min-height: 45px;
    }
    .header-site-name, .header-container-panel, .login-link {
        max-height: 40px;
        min-height: 40px;
    }

    .feed-publication-type {
        width: 45px;
    }
    .feed-publication-footer-like-icon, .feed-publication-footer-dislike-icon {
        width: 15.5px;
        height: 15.5px;
    }
    .feed-publication-footer-comments-icon {
        width: 17px;
        height: 17px;
    }
    .feed-publication-footer-bookmark-icon {
        width: 18px;
        height: 18px;
    }
    .feed-publication-footer-spread-icon {
        width: 15px;
        height: 15px;
    }
    .feed-publication-views-icon {
        width: 19px;
        height: 19px;
    }
    .feed-publication-time-icon {
        width: 15px;
        height: 15px;
    }
    .author-tool {
        width: 18px;
        height: 18px;
    }

    .user-profile-icon {
        max-width: 30px;
        max-height: 30px;
        min-width: 30px;
        min-height: 30px;
    }

    .cookies-panel {
        width: 280px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .cookie-button {
        width: 40px;
        font-size: 12px !important;
    }

    /* --- --- width, height settings --- --- */

    /* --- --- padding, margin settings --- --- */

    /* --- --- padding --- --- */
    .text-frame, .feed-publication-type, .hub-block {
        padding: 2.5px;
    }
    /* --- --- padding-top --- --- */
    .s-arc-button, .panel-link, .login-link-text, .login-info-block, .settings-title {
        padding-top: 5px;
    }
     /* --- --- padding-bottom --- --- */
    .s-arc-publications-block-name, .s-arc-button, .panel-link, .login-link-text, .comments-block-name, .login-info-block, .settings-title {
        padding-bottom: 5px;
    }
    /* --- --- padding-left --- --- */
    .search-line-input, .text-frame, .input-field, .settings-input, .create-input-hub {
        padding-left: 5px;
    }
    /* --- --- padding-right --- --- */
    .text-frame, .input-field, .settings-input, .create-input-hub {
        padding-right: 5px;
    }

    /* --- --- margin --- --- */
    /* --- --- margin-top --- --- */
    .s-arc-publications-block-body .feed-publication-tools, .user-option, .mobile-menu-panel-link, 
    .author-block-subscribers, .image-description-text, .image-file-name, .settings-label-image, .get-link {
        margin-top: 2.5px;
    }
    /* --- --- margin-bottom --- --- */
    .user-option, .mobile-menu-panel-link, .user-profile-name, 
    .interlocutor-name, .image-description-text, .image-file-name, 
    .settings-special-text {
        margin-bottom: 2.5px;
    }
    .feed, .search-filters-option-title, .feed-publication, .comments-block-body-author, 
    .load-comments, .user-profile-about-title, .login-box-title, .login-info-block, 
    .input-box, .input-date, .captcha-block, .hubs-sorting, .settings-input-box, 
    .settings-label-box, .settings-private-info {
        margin-bottom: 5px;
    }
    .search-filters-option, .empty, .filters-options-apply, .information-message, .feed-publication-info-block, 
    .feed-publication-text-block, .s-arc-publication-feed, .hub-block, .feed-messages-panel, .feed-settings, 
    .create-input-block, .settings-special-link, .base-text-publication {
        margin-bottom: 10px;
    }
    /* --- --- margin-left --- --- */
    .search-filters-select, .search-filters-select-user, 
    .search-filters-options, .feed-publication-footer-likes-count, 
    .feed-publication-footer-dislikes-count, .feed-publication-footer-comments-count, 
    .filters-options-apply, .panel-link, .login-link-text, .information-message, 
    .feed-publication-author-link, .article-author-name, .author-block-name, 
    .comments-block-body-author-name, .e-link, .article-author-date, .comments-block-body-author-date, 
    .author-block-subscribers, .login-info-block-text, .s-arc-login-label, .hubs-sorting, .hub-block, 
    .interlocutor-dialogue-data, .count-about, .block-title, .user-profile-detail-block, .settings-information-block-name, 
    .max-hubs, .create-counter, .maximum-key-words {
        margin-left: 5px;
    }
    /* --- --- margin-right --- --- */
    .option-button, .panel-link, .information-message, .feed-publication-views-icon,
    .feed-publication-time-icon, .feed-publication-hub-name, .login-info-block-text, .hubs-sorting, .hub-block, .hub-text, 
    .create-image-name, .settings-information-block-tools, .settings-information-block-arrow, .separator-date, .text-date {
        margin-right: 5px;
    }

    .article-title {
        margin-bottom: 5px;
    }
    .feed-publication-tools {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .login-link-text {
        margin: 0;
    }

    /* --- --- padding, margin settings --- --- */

    /* --- --- border, outline settings --- --- */
    /* --- --- border, outline settings --- --- */

    /* --- --- fonts --- --- */

    .feed-publication-type, .image-description-text, .image-file-name, .file-name {
        font-size: 10px;
    }
    .s-arc-button, .option-button, .panel-link, .login-link-text, 
    .footer-link, .publication-status, .feed-publication-hub-name, 
    .feed-publication-footer-likes-count, .feed-publication-footer-dislikes-count, 
    .feed-publication-footer-comments-count, .comments-block-body-comment-answ, .comments-show, 
    .load-comments, .comments-empty, .comments-show-text, .comments-show-count, .s-arc-login-label, 
    .hubs-sorting-title, .settings-input-length, .get-link-again, .get-link-again-timer, 
    .create-input-field-title-description, .create-error-field-message, .create-counter, 
    .settings-special-text-c {
        font-size: 12px;
    }
    .search-filters-select, .information-button, .search-filters-option-title, 
    .search-filters-select-user, .feed-publication-author-link, .feed-publication-author, 
    .feed-publication-views-count, .feed-publication-time-count, .feed-publication-read-link, 
    .article-author-name, .author-block-name, .comments-block-body-author-name, 
    .e-link, .article-author-date, .comments-block-body-author-date, .author-block-subscribers, .comments-empty, 
    .login-info-block-text, .legal-box-text, .legal-box-text-link, .links-box-link, .last-message-author, 
    .interlocutor-name, .last-message, .settings-label, .settings-input-checkbox-span, .hub-text, .tool, 
    .create-image-name, .info-moderation, .hub-description, .settings-private-info, .change-settings-info, 
    .text-date {
        font-size: 14px;
    }
    .feed-publication-title-link, .article-title {
        font-size: 18px;
    }
    .header-site-name-link {
        font-size: 24px;
    }

    .hub-data-name {
        font-size: 7.5px;
    }
    .filters-options-apply, .settings-label-image, .login-link-text {
        font-size: 12px;
    }
    .s-arc-button {
        font-size: 14px;
    }
    .mobile-menu-panel-link, .user-profile-name {
        font-size: 20px;
    }

    /* --- --- fonts --- --- */

    .search-filters {
        height: 30px;
    }

    .information-message-block {
        width: 320px;
        height: 100px;
    }
    .information-button {
        width: 65px;
        height: 25px;
    }
    .information-message-panel-close {
        display: none;
    }

    .hub-data-block {
        width: 17.5px;
        height: 17.5px;
        margin: 0;
    }

    .user-profile-image {
        width: 80px;
        height: 80px;
    }

    .search-line-input, .search-line-input::placeholder {
        font-size: 16px;
    }

}

/* --- || --- || --- || --- || --- || --- */
/* --- || --- || --- || --- || --- || --- */
/* --- || --- || --- || --- || --- || --- */

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

    .header-feed-footer-width {
        width: 300px;
        min-width: 300px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 280px;
    }
    .feed-width {
        width: 280px;
    }

    .search-line-input {
        width: 180px;
    }
    .search-line-input:placeholder-shown {
        width: 210px;
    }
    .search-line-input::placeholder {
        width: 200px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -580%;
        right: -25%;
    }

    /* COMPLAIN */
    .complain-block-fields .captcha-block {
        margin-top: 7.5px;
        margin-bottom: 7.5px;
    }
    .complain-topic-field, .complain-text-field, .complain-captcha-field, .s-arc-button-field {
        width: 280px;
    }
    .complain-topic-field, .complain-captcha-field {
        height: 30px;
    }
    .complain-panel-close {
        left: 90.5%;
    }
    .complain-topic-field-label, .complain-captcha-field-label {
        top: -24.5%;
    }

}

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

    .header-feed-footer-width {
        width: 350px;
        min-width: 350px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 320px;
    }
    .feed-width {
        width: 320px;
    }

    .search-line-input {
        width: 230px;
        font-size: 14px;
    }
    .search-line-input:placeholder-shown {
        width: 230px;
        font-size: 14px;
    }
    .search-line-input::placeholder {
        width: 230px;
        font-size: 14px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -580%;
        right: -25%;
    }

    /* COMPLAIN */
    .complain-topic-field, .complain-text-field, .complain-captcha-field, .s-arc-button-field {
        width: 320px;
    }
    .complain-panel-close {
        left: 92.5%;
    }
    .complain-topic-field-label, .complain-captcha-field-label {
        top: -24.5%;
    }

}

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

    .header-feed-footer-width {
        width: 440px;
        min-width: 440px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 420px;
    }
    .feed-width {
        width: 420px;
    }

    .search-line-input {
        width: 300px;
    }
    .search-line-input:placeholder-shown {
        width: 330px;
    }
    .search-line-input::placeholder {
        width: 330px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -480%;
        right: -50%;
    }

    /* COMPLAIN */
    .complain-topic-field, .complain-text-field, .complain-captcha-field, .s-arc-button-field {
        width: 390px;
    }
    .complain-panel-close {
        left: 93.5%;
    }
    .complain-topic-field-label, .complain-captcha-field-label {
        top: -24.5%;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 300px;
        min-width: 300px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 280px;
    }
    .feed-width {
        width: 280px;
    }

    .search-line-input {
        width: 180px;
    }
    .search-line-input:placeholder-shown {
        width: 210px;
    }
    .search-line-input::placeholder {
        width: 200px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -580%;
        right: -25%;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 330px;
        min-width: 330px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 310px;
    }
    .feed-width {
        width: 310px;
    }

    .search-line-input {
        width: 220px;
        font-size: 14px;
    }
    .search-line-input:placeholder-shown {
        width: 220px;
        font-size: 14px;
    }
    .search-line-input::placeholder {
        width: 220px;
        font-size: 14px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -580%;
        right: -20%;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 340px;
        min-width: 340px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 320px;
    }
    .feed-width {
        width: 320px;
    }

    .search-line-input {
        width: 230px;
        font-size: 14px;
    }
    .search-line-input:placeholder-shown {
        width: 230px;
        font-size: 14px;
    }
    .search-line-input::placeholder {
        width: 230px;
        font-size: 14px;
    }

    .user-options-panel {
        width: 170px;
        bottom: -580%;
        right: -25%;
    }

}

/* 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) { 

    .header-feed-footer-width {
        width: 350px;
        min-width: 350px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 330px;
    }
    .feed-width {
        width: 330px;
    }

    .search-line-input {
        width: 230px;
    }
    .search-line-input:placeholder-shown {
        width: 260px;
    }
    .search-line-input::placeholder {
        width: 260px;
    }

    .user-options-panel {
        width: 195px;
        bottom: -480%;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 380px;
        min-width: 380px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 350px;
    }
    .feed-width {
        width: 350px;
    }

    .search-line-input {
        width: 240px;
    }
    .search-line-input:placeholder-shown {
        width: 265px;
    }
    .search-line-input::placeholder {
        width: 265px;
    }

    .user-options-panel {
        width: 195px;
        right: -40%;
        bottom: -480%;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 370px;
        min-width: 370px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 350px;
    }
    .feed-width {
        width: 350px;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 390px;
        min-width: 390px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 370px;
    }
    .feed-width {
        width: 370px;
    }

    .search-line-input {
        width: 270px;
    }
    .search-line-input:placeholder-shown {
        width: 290px;
    }
    .search-line-input::placeholder {
        width: 290px;
    }

}

/* 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) {

    .header-feed-footer-width {
        width: 410px;
        min-width: 410px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 380px;
    }
    .feed-width {
        width: 380px;
    }

    .search-line-input {
        width: 270px;
    }
    .search-line-input:placeholder-shown {
        width: 300px;
    }
    .search-line-input::placeholder {
        width: 300px;
    }

}

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

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

    .footer-container:first-child, .footer-container:last-child {
        display: none;
    }

    .header-feed-footer-width {
        width: 550px;
        min-width: 550px;
    }

    .s-arc-box, .search-line, .search-filters, .search-filters-options-block {
        width: 520px;
    }
    .feed-width {
        width: 520px;
    }
    .feed-publication-image {
        height: 100%;
    }

    .search-line-input {
        width: 480px;
    }
    .search-line-input:placeholder-shown {
        width: 510px;
    }
    .search-line-input::placeholder {
        width: 500px;
    }

    .user-options-panel {
        width: 215px;
        bottom: -410%;
        right: -15%;
    }

    /* COMPLAIN */
    .complain-topic-field, .complain-captcha-field {
        height: 30px;
    }
    .complain-text-field {
        height: 60px;
    }
    .complain-block-fields .captcha-block {
        width: 160px;
        height: 50px;
    }
    .complain-topic-field-label, .complain-captcha-field-label {
        top: -24.5%;
    }
    .complain-text-field-label {
        top: -12.5%;
    }
    .complain-block {
        padding-left: 30px;
        padding-right: 30px;
    }

}