@media screen and (max-width: 1319.98px) {
    .containerLayout {
        max-width: 1024px;
    }
    .main {
        margin: 20px auto 64px;
    }
    .menuDesctop {
        display: none;
    }
    .leftSubMenu {
        max-width: 144px;
    }
    .contentCenter {
        max-width: 732px;
    }
    .contentRight {
        max-width: 228px;
    }
    .header_right {
        max-width: 130px;
        margin-left: auto;
        margin-top: 0;
    }
    .header__services {
        padding: 8px;
    }
    .header__services span {
        display: none;
    }
    .header__services img {
        margin-right: 0;
    }
    .burger-line,
    .header_mobi-left {
        display: flex !important;
    }
    .header__nav {
        top: 85px;
        left: 0;
        right: 0;
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px !important;
        margin: 0 !important;
        border-radius: 0px 8px 8px 0px;
        border: 1px solid #F1E1CD;
        background:#FFF;
        list-style-type: none;
        transform: translateX(-150%);
        transition: .7s;
        max-width: 248px !important;
        height: 100vh;
    }
    .menu {
        width: 24px;
        height: 24px;
        flex-basis: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header_mobi-left {
        margin-right: 24px;
        gap: 24px;
        align-items: center;
    }
    .header__services {
        margin-right: 32px;
    }
    .header__user-menu-list {
        top: 69px;
    }
    .footer__nav {
        min-width: auto;
    }
    .footer__news {
        max-width: 312px;
    }
    .footer__nav-subitem {
        grid-template: repeat(5, auto) / repeat(2, 135px);
    }
    .footer__copyrights--text {
        max-width: 648px;
    }
    .profile__page-publication {
        margin-bottom: 64px;
    }
    .publications__contacts--company {
        justify-content: flex-start;
        gap: 8px;
        margin-bottom: 24px;
    }
    .pub__content--line {
        margin-bottom: 20px;
    }
    .pub__content-categories {
        max-width: 541px;
        margin-bottom: 44px;
    }
    .tabsStatus-pub,
    .publication_new-publication {
        justify-content: flex-start;
    }
    .publication_new-publication {
        max-width: 75%;
    }
    .profile__page-create {
        flex-basis: 100%;
    }
    .sliderSots {
        max-width: 776px;
    }
    .sliderSots-wrapper .swiper-button-prev,
    .sliderSots-wrapper .swiper-button-next,
    .sliderHoney-wrapper .swiper-button-prev,
    .sliderHoney-wrapper .swiper-button-next {
        display: none;
    }
    .sliderSots-wrapper {
        padding-left: 0px !important;
    }
    .header_avatar-notification,
    .user-manu__link-bell {
        position: relative;
    }
    .circle-mobil {
        display: flex;
        position: absolute;
        top: -2px;
        right: 1px;
    }
    .profile__main--photo-no-avatar {
        height: 304px;
    }
    .pubArchive {
        margin-bottom: 10px;
    }
    .publications__contacts--company p {
        width: 100%;
    }
    .prs-image img {
        height: 385px;
    }
    .footer {
        padding: 40px 0;
    }
}
@media screen and (max-width: 1023.98px) {
    .containerLayout {
        max-width: 808px;
    }
    .contentCenter {
        max-width: 100%;
        margin-right: 0;
    }
    .prs-image img {
        height: 380px;
    }
    .header_inner {
        justify-content: space-between;
    }
    .header_center {
        max-width: 352px;
    }
    .contentRight {
        display: none;
    }
    .header_right {
        display: flex;
        margin-left: 0;
    }
    .publication__contacts,
    .publications__content {
        max-width: 100%;
    }
    .footer {
        padding: 32px 0;
    }
    .footer__container {
        padding: 0 24px;
    }
    .footer__main {
        display: grid;
        grid-template-rows: 5fr;
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .footer__nav-subitem {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
    }
    .footer__copyrights {
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .footer__copyrights--text {
        margin-left: 0;
        max-width: 100%;
    }
    .footer__news {
        grid-area: 1 / 1 / 2 / 2;
        max-width: 348px;
        margin: 0 auto;
    }
    .footer__sots {
        display: none;
    }
    .footer__main .footer__sots--items {
        display: flex;
        margin: 12px 0;
    }
    .footer__socials--title {
        display: none;
    }
    .footer__socials {
        flex-direction: column-reverse;
    }
    .footer__socials .footer__nav {
        padding-top: 0;
        border-top: none;
        flex-direction: row;
        gap: 10px;
        margin-right: 0;
        justify-content: center;
    }
    .footer__socials--items {
        padding-bottom: 40px;
        border-bottom: 1px solid #787878;
        justify-content: center;
    }
    .footer__nav-title {
        text-align: center;
    }
    .footer__nav,
    .footer__socials {
        margin-right: 0;
    }
    .show-more-close {
        right: 0;
    }
    .profile-page-second-col {
        display: none;
    }
    .profile__page-create {
        flex-basis: 100%;
    }
    .profile__page-controls {
        margin: 16px 0 32px;
    }
    .typePublication {
        width: 100% !important;
    }
    .publication_new-publication {
        max-width: 100%;
    }
    .publication__likes {
        max-width: 280px;
    }
    .profile__main--photo-no-avatar {
        height: 218px;
    }
    .publication_archive {
        margin: 0 0 96px 0;
        max-width: 100%;
        flex-wrap: wrap;
    }
        .show-more-close {
        right: 16px;
        top: 13px;
    }
    .profile-show-more-window {
        padding: 0;
        bottom: 0;
        top: auto;
        height: 200px;
        transition: height 1s ease, transform 1s;
        transform: translateY(0%);
        border-radius: 16px 16px 0px 0px;
        background: #FFF;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.10);
        overflow-y: inherit;
        overscroll-behavior: contain;
        align-items: flex-start;
    }
    .show-more-container {
        max-width: 100% !important;
        width: 100%;
        padding: 32px 16px 13px !important;
        position: relative;
    }
    .profile-show-more-window.expanded {
        height: 90%;
    }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 15;
      }
      .modal_swipe {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        height: 100px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }
    .modal-fade-enter-from,
    .modal-fade-leave-to {
      transform: translateY(100%);
    }
    .modal-fade-enter-to,
    .modal-fade-leave-from {
      transform: translateY(0%);
    }
    .modal-fade-enter-active,
    .modal-fade-leave-active {
      transition: transform .8s ease;
    }
    .hexagon_70-80 {
        max-width: 52px;
        height: 60px;
        mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="53" height="60" viewBox="0 0 53 60"%3E%3Cpath d="M2.26545 13.8483L24.5154 1.13403C25.7452 0.431329 27.2548 0.431329 28.4846 1.13403L50.7346 13.8483C51.9809 14.5605 52.75 15.8859 52.75 17.3213V42.6787C52.75 44.1141 51.9809 45.4395 50.7346 46.1517L28.485 58.8657C27.2551 59.5685 25.745 59.5684 24.5152 58.8653L2.26472 46.1446C1.01883 45.4323 0.25 44.1071 0.25 42.672V17.3213C0.25 15.8859 1.01915 14.5605 2.26545 13.8483Z" fill="white"/%3E%3C/svg%3E');
        -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="53" height="60" viewBox="0 0 53 60"%3E%3Cpath d="M2.26545 13.8483L24.5154 1.13403C25.7452 0.431329 27.2548 0.431329 28.4846 1.13403L50.7346 13.8483C51.9809 14.5605 52.75 15.8859 52.75 17.3213V42.6787C52.75 44.1141 51.9809 45.4395 50.7346 46.1517L28.485 58.8657C27.2551 59.5685 25.745 59.5684 24.5152 58.8653L2.26472 46.1446C1.01883 45.4323 0.25 44.1071 0.25 42.672V17.3213C0.25 15.8859 1.01915 14.5605 2.26545 13.8483Z" fill="white"/%3E%3C/svg%3E');
    }
    .sliderSots {
        max-width: 560px;
    }
    .header_mobi-left {
        margin-right: 16px;
    }
    .header__ball, .header__services, .header__search {
        margin-right: 16px;
    }
    .profile__page-controls {
        margin: 0 0 32px;
    }
    .tabsStatus {
        margin-bottom: 24px;
    }
    .profile__main--photo-no-avatar {
        height: 228px;
    }
    .profile__main--photo-no-avatar img {
        width: 150px;
        height: 150px;
    }
    .pubArchive {
        margin-bottom: 10px !important;
    }
    .publication_archive {
        gap: 20px;
        justify-content: center;
        margin-bottom: 64px;
    }
    .publication_archive p {
        text-align: center;
    }
    .tabStatus {
        text-align: center;
    }
    .header_center {
        max-width: 352px;
    }
}
@media screen and (max-width: 767.98px) {
    #app {
        padding-top: 64px;
    }
    .containerLayout {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .arrowLayout {
        display: block;
    }
    .prs-image img {
        height: 220px;
    }
    .header_inner {
        gap: 16px;
        justify-content: flex-end;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .leftSubMenu {
        max-width: 110px;
        margin-right: auto;
    }
    .header_center {
        width: auto;
    }
    .header_search input {
        display: none;
    }
    .header_search {
        justify-content: flex-end;
    }
    .header_search a {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
    }
    .header__nav {
        top: 65px;
    }
    .header__logo {
        width: 68px;
        height: 40px;
    }
    .footer__news {
        width: 100%;
        max-width: 100%;
    }
    .modalShare_links {
        left: 50%;
        transform: translate(-50%);
    }
    .sliderSots {
        max-width: 100%;
    }
    .indexTop {
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .titleLayout {
        font-size: 32px;
    }
}
@media screen and (max-width: 520px) {
    .modalHoverOrganization {
        left: -50px;
        width: 350px;
    }
    .topic-image img {
        height: 220px;
    }
}