@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_right_noBell {
        justify-content: flex-end;
        max-width: 90px;
    }
    .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;
        z-index: 9991;
    }
    .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;
    }
    .sliderSots {
        max-width: 776px;
    }
    .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,
    .ce-block .image-tool__image-picture,
    .img-upload .avatar-item-image,
    .img-upload {
        margin: 0 auto;
        height: 385px !important;
    }
    .footer {
        padding: 40px 0;
    }
    .publicationAutOrgLink,
    .publicationOrganizationTop p {
        max-width: 609px;
    }
    .ce-toolbar__actions--opened {
        right: 0 !important;
    }
}
@media screen and (max-width: 1023.98px) {
    .containerLayout {
        max-width: 768px;
    }
    .contentCenter {
        max-width: 100%;
        margin-right: 0;
    }
    .prs-image img,
    .ce-block .image-tool__image-picture,
    .img-upload .avatar-item-image,
    .img-upload {
        height: 380px !important;
    }
    .header_inner {
        justify-content: space-between;
    }
    .header_center {
        max-width: 352px;
    }
    .contentRight {
        display: none !important;
    }
    .header_right {
        display: flex !important;
        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,
    .footer__socials--title,
    .header__bell_desctop  {
        display: none;
    }
    .header__bell_mobil {
        display: flex;
    }
    .footer__main .footer__sots--items {
        display: flex;
        margin: 12px 0;
    }
    .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;
        gap: 16px;
    }
    .footer__nav-title {
        text-align: center;
    }
    .footer__nav,
    .footer__socials {
        margin-right: 0;
    }
    .footer__link .footer__sots--items {
        flex-direction: column;
    }
    .footer__copyrights_admin {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }
    .footer__copyrights_admin .footer__copyrights--text {
        grid-column: 1 / -1;
    }
    .show-more-close {
        right: 0;
    }
    .profile-page-second-col {
        display: none;
    }
    .profile__page-controls {
        margin: 16px 0 32px;
    }
    .typePublication {
        width: 100% !important;
    }
    .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 !important;
        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;
    }
    .show-more-container.modalUploadedImage {
        padding: 50px 16px 13px !important;
    }
    .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;
    }
    .sliderSots {
        max-width: 520px;
    }
    .header_mobi-left {
        margin-right: 16px;
    }
    .header__ball, .header__services, .header__search {
        margin-right: 16px;
    }
    .profile__page-controls {
        margin: 0 0 32px;
    }
    .profile__main--photo-no-avatar {
        height: 228px;
    }
    .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;
    }
    .publicationAutOrgLink,
    .publicationOrganizationTop p {
        max-width: 500px;
    }
    .ce-popover {
        left: -180px !important;
    }
    .section-title-insisde {
        background-color: #FFFCF2;
    }
    .profileEducationBlockItem {
        padding-right: 34px;
    }
    .delete-additional-form {
        right: 0;
    }
    .profileMenu_768 {
        display: flex;
        gap: 16px;
    }
    .profileHeader {
        margin-bottom: 24px;
    }
    
}
@media screen and (max-width: 767.98px) {
    #app {
        padding-top: 64px;
    }
    .containerLayout {
        max-width: 100%;
        padding-left: 24px;
        padding-right: 24px;
    }
    /* стили где фоновая картинка */
    .pages_bg_768 .containerLayout {
        padding: 0;
    }
    .pages_bg_768 .header .containerLayout,
    .pages_bg_768 .padding_bg_768,
    .pages_bg_768 .footer__container.containerLayout {
        padding-left: 24px;
        padding-right: 24px;
    }
    .profileBg img {
        border-radius: 0;
        height: 180px;
    }
    /* стили где фоновая картинка */
    .arrowLayout {
        display: block;
    }
    .organizationTitle {
        font-size: 20px;
    }
    .profileInfoFio {
       text-align: center;
    }
    .profileHeader,
    .profileInfo {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile-container-fio {
        flex-direction: column;
    }
    .prs-image img,
    .ce-block .image-tool__image-picture,
    .img-upload .avatar-item-image,
    .img-upload {
        height: 220px !important;
    }
    .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;
    }
    .editorjs .ce-block__content {
        padding-left: 10px;
    }
    .sotsSelectWrap {
        margin-bottom: 24px;
    }
    .publicationAutOrgLink,
    .publicationOrganizationTop p {
        max-width: none;
    }
    .modalUploadedImage .fileUploadedArea .cropper {
        width: 450px !important;
        height: 300px !important;
    }
    .publicationAutOrg {
        max-width: calc(100% - 220px);
    }
    .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;
    }
    .sotTop {
        margin-top: -33px;
    }
    .sotTitle {
        font-size: 20px !important;
    }
    .sotBg img {
        height: 180px;
    }
    .hexagon_175-200 {
        margin: -62px auto 0;
        max-width: 108px;
        height: 124px;
        -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='108' height='124' viewBox='0 0 108 124'><path d='M49.7 2.7C52.4 1.2 55.6 1.2 58.3 2.7L102.1 28C104.9 29.6 106.6 32.6 106.6 35.7V88.3C106.6 91.4 104.9 94.4 102.1 96L58.3 121.3C55.6 122.8 52.4 122.8 49.7 121.3L5.9 96C3.1 94.4 1.4 91.4 1.4 88.3V35.7C1.4 32.6 3.1 29.6 5.9 28L49.7 2.7Z' fill='black' stroke='none'/></svg>");
        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='108' height='124' viewBox='0 0 108 124'><path d='M49.7 2.7C52.4 1.2 55.6 1.2 58.3 2.7L102.1 28C104.9 29.6 106.6 32.6 106.6 35.7V88.3C106.6 91.4 104.9 94.4 102.1 96L58.3 121.3C55.6 122.8 52.4 122.8 49.7 121.3L5.9 96C3.1 94.4 1.4 91.4 1.4 88.3V35.7C1.4 32.6 3.1 29.6 5.9 28L49.7 2.7Z' fill='black' stroke='none'/></svg>");
    }
    .hexagon_175-200:after {
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='108' height='124' viewBox='0 0 108 124'><path d='M49.7 2.7C52.4 1.2 55.6 1.2 58.3 2.7L102.1 28C104.9 29.6 106.6 32.6 106.6 35.7V88.3C106.6 91.4 104.9 94.4 102.1 96L58.3 121.3C55.6 122.8 52.4 122.8 49.7 121.3L5.9 96C3.1 94.4 1.4 91.4 1.4 88.3V35.7C1.4 32.6 3.1 29.6 5.9 28L49.7 2.7Z' fill='none' stroke='white' stroke-width='5'/></svg>");
    }
    .sotInfoWrap {
        margin-top: 24px;
    }
    .profile__main--photo-no-avatar img {
        width: 70px;
        height: 70px;
    }
}
@media screen and (max-width: 650px) {
    .codex-editor {
        z-index: 20 !important;
    }
    .ce-popover {
        left: var(--offset) !important;
        z-index: 9999 !important;
        background: #fff !important;
    }
    .sMoreContactsInner {
        flex-direction: column;
    }
    .sMoreContactsItem {
        width: 100%;
    }
    .sMoreContactsWrap {
        gap: 24px;
    }
}
@media screen and (max-width: 520px) {
    .modalHoverOrganization {
        left: -50px;
        width: 350px;
    }
    .topic-image img {
        height: 220px;
    }
    .modalUploadedImage .fileUploadedArea .cropper {
        width: 300px !important;
        height: 200px !important;
    }
}