@media (max-width: 1919px) {

    .elements-img {
        height: 28vw;
        width: 24vw;
    }

    .all-news-swiper .slide-elem {
        width: 24vw;
    }
}

@media (max-width: 1600px) {
    .foot-info>.number {
        font-size: 60px;
        letter-spacing: 12px;
    }

    .foot-info>.time-job {
        font-size: 18px;
        letter-spacing: 3.8px;
    }

    .footer-menu-list-element>a {
        font-size: 36px;
    }

    .footer-logo>svg {
        width: 300px;
    }

    .grid {
        grid-template-columns: 30% 1fr 1fr 1fr;
        grid-template-areas:
            'event-0 event-1 event-2 event-3'
            'event-0 event-hr event-hr event-hr'
            'event-0 event-4 event-5 event-8';
    }

    #event-6,
    #event-7 {
        display: none !important;
    }

    .event-block:nth-child(5) {
        border-right: 1px solid black;
    }

    .event-block:nth-child(4) {
        border-right: none;
    }

    .event-img {
        height: 13.3vw;
    }

    .post-date {
        font-size: 140px;
    }

    .post-date-month {
        font-size: 45px;
    }

    .post-title {
        font-size: 50px;
    }

    .gal-item-text {
        font-size: 18px;
        line-height: 20px;
    }
}

@media (max-width: 1440px) {
    .gallery-items {
        grid-template-columns: 33% 33% 33%;
    }

    .gallery-img-block {
        height: calc(25vw - 60px);
    }
    .search-left {
        min-width: 380px;
    }

    .gal-item-text {
        display: none;
    }
    .gallery-item-wrapper:nth-child(1n) {
        border-right: 0;
    }
    .gallery-item-wrapper:nth-child(4n) {
        border-right: 0;
    }
}


@media (max-width: 1300px) {

    .all-news-content {
        flex-direction: row !important;
        align-items: flex-start;
    }

    .nav-slide-elements {
        width: 250px !important;
        min-width: 250px;
        margin: 350px 130px 0 10px;
    }

    .section-all-news {
        position: relative;
    }

    .all-news-link {
        position: absolute;
        top: 0;
        margin: 0;
    }

    .office-left {
        font-size: 22px;
    }

    .office-right {
        font-size: 18px;
    }

    .office-arrow-block {
        margin-left: 10px;
    }

    .office-arrow {
        width: 58px;
    }

    .office-link:hover .office-arrow-block {
        width: 60px;
    }

    .grid {
        grid-template-columns: 40% 1fr 1fr;
        grid-template-areas:
            'event-0 event-1 event-2'
            'event-0 event-hr event-hr'
            'event-0 event-3 event-8';
    }

    #event-4,
    #event-5 {
        display: none !important;
    }

    .event-block:nth-child(4) {
        border-right: 1px solid black;
    }

    .event-block:nth-child(3) {
        border-right: none;
    }

    .event-img {
        height: 20vw;
    }

    .event-block:first-child .event-img {
        height: 22.6vw;
    }

    .post-date {
        font-size: 24px;
        line-height: 50px;
        font-weight: 400;
    }

    .post-date-month {
        font-size: 24px;
        transform: none;
        line-height: 50px;
        font-weight: 400;
    }

    .post-title {
        text-align: left;
    }

    .post-title-block {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .story-wrapper {
        margin-top: 110px;
    }

    .story-navigation {
        margin-bottom: 10px;
        margin-left: 40px;
    }

    .story-content {
        grid-template-rows: 1fr 54px;
    }

    .story-tag {
        font-size: 16px;
        line-height: 19.5px;
    }

    .story-date {
        font-size: 40px;
        line-height: 38.36px;
        margin-top: 10px;
    }

    .story-title {
        font-size: 20px;
        line-height: 26px;
    }

    .story-text {
        font-size: 16px;
    }

    .story-link {
        font-size: 20px;
        line-height: 24px;
    }

    .gal-item-id {
        font-size: 77px;
    }

    .gal-title {
        font-size: 40px;
        line-height: 38.36px;
    }

    .gal-item-title {
        font-size: 20px;
        line-height: 24px;
    }

    .gal-item-tags {
        margin-top: 5px;
    }

    .gal-item-tag {
        padding: 2px 5px;
        min-width: 67px;
    }
}

@media (max-width: 1200px) {
    .foot-info>.number {
        font-size: 46px;
        letter-spacing: 10px;
    }

    .foot-info>.time-job {
        font-size: 16px;
        letter-spacing: 3.8px;
    }

    .footer-menu-list-element>a {
        font-size: 30px;
        letter-spacing: 2.8px;
    }
}

@media (max-width: 1133px) {
    .mainNAV>.swiper-wrapper>.swiper-slide {
        padding-top: 88px;
    }

    .background-swipe-header {
        max-height: 88px;
    }

    header>.navbar {
        max-height: 88px;
        height: 88px;
    }

    #real-datatime {
        display: none !important;
    }

    .svg-logo>svg {
        width: 44px;
        height: 28px;
    }

    .text-logo {
        font-size: 24px;
    }

    .hamburger {
        width: 38px;
        height: 38px;
    }

    .hamburger .hamburger--container .hamburger--bars {
        width: 38px;
        height: 1px;
    }

    .hamburger .hamburger--container .hamburger--bars:before,
    .hamburger .hamburger--container .hamburger--bars:after {
        width: 38px;
        height: 1px;
    }

    .separator {
        font-size: 32px;
    }

    .searh-button>svg {
        width: 31px;
        height: 31px;
    }

    .main-menu .main-menu-container .main-menu-text-block .main-menu-text-container .main-menu-list .main-menu-list-element {
        text-align: center;
    }

    .main-menu .main-menu-container .main-menu-text-block .main-menu-text-container .main-menu-list .main-menu-list-element a {
        justify-content: center;
    }

    .main-menu .main-menu-container .main-menu-text-block .main-menu-text-container .main-menu-list .main-menu-list-element a span {
        max-width: 45%;
        font-size: 30px;
        letter-spacing: 0.75px;
    }

    .main-menu-footer-block .number {
        font-size: 30px;
        letter-spacing: 6px;
        padding-bottom: 15px;
    }

    .main-menu-footer-block .time-job {
        font-size: 14px;
        letter-spacing: 2.8px;
    }

    .foot-info>.number {
        font-size: 30px;
        letter-spacing: 6px;
    }

    .foot-info>.time-job {
        font-size: 14px;
        letter-spacing: 2.8px;
    }

    .footer-menu-list-element>a {
        font-size: 24px;
        letter-spacing: 2.8px;
    }

    .footer-logo>svg {
        width: 265px;
    }

    .footer-copyright {
        font-size: 14px;
        letter-spacing: 1.3px;
    }

    .section-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    section {
        margin-bottom: 40px !important;
    }

    .section-header>.header-head {
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 38px;
    }

    .section-header>.header-separator {
        display: none;
    }

    .elements-img {
        width: calc(100vw - 490px);
        height: calc(116vw - 568px);
    }

    .slide-elem {
        width: calc(100vw - 490px);
    }

    .office-block {
        flex-direction: column !important;
    }

    .office-left,
    .office-right {
        width: 100%;
    }

    .office-right {
        margin-top: 60px;
        font-size: 20px;
    }

    .office-blank {
        display: none;
    }

    .office-left {
        font-size: 22px;
    }

    .office-arrow-block {
        margin-left: 20px;
    }

    .office-arrow {
        width: 88px;
    }

    .office-link:hover .office-arrow-block {
        width: 90px;
    }

    .post-other-post {
        width: 33%;
    }

    #post-3 {
        display: none;
    }

    .item-modal-block {
        padding-left: 0;
    }

    .item-modal {
        flex-direction: column;
    }

    .item-modal-left {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        position: sticky;
        top: -5px;
        background-color: white;
        width: auto;
        margin: 0;
        padding: 20px;
    }

    .item-modal-close {
        position: static;
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .item-modal-date {
        transform: none;
        position: static;
        margin-top: 0;
        white-space: wrap;
    }

    .story-wrapper {
        margin-top: 100px;
    }
}