@media screen and (min-width: 1536px) and (resolution: 125dpi) {
    .image-swiper {
        height: 480px;
    }
}

@media screen and (max-width: 1300px) {
    .image-swiper { height: 350px; }
    .cat_items, .c_center { width: unset; }
}

@media screen and (max-width: 1210px) {
    .main_one_block .content { width: unset; padding: 0 20px; }
}

@media screen and (max-width: 1100px) {
    .map1 { display: none; }

    /* .main-page-teritorials { display: flex; } */
}

@media screen and (max-width: 1023px) {
    .header-menu { display: none; }
    .search-form input {
        width: 204px;
        opacity: 1;
    }

    .menu-toggle {
        color: var(--brand-red);
        display: flex !important;
        font-size: 30px !important;
    }

    .header-actions {
        margin-left: auto;
        margin-right: 20px;
    }

    .news-grid, .gallery-grid, .members, .common-grid { gap: 20px; }

    .links { width: 100%; }
    .contact-address::after, .contact-email::after { right: -40px; }
}

@media screen and (max-width: 900px) {
    .prev-slide { width: 375px !important; }

    .preview-swiper .swiper-pagination-bullet {
        font-size: 7px;
        line-height: 13px;
        width: 15px;
        height: 15px;
    }

    .news-grid, .gallery-grid, .members, .common-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-info {
        flex-direction: column;
        align-items: flex-start;
        padding: 0 20px;
    }

    .contact-address::after, .contact-email::after {
        content: none;
    }
}

@media screen and (max-width: 767px) {
    .image-swiper { height: auto; }
    .banner-link { bottom: 20px; }
    .middle-menu { margin: 0 auto 30px; }
    .middle-menu a { padding-right: 10px; }

    .news-preview-cont { flex-direction: column; }
    .news-preview-cont > div { width: 100%; }

    .footer-contact {
        flex-direction: column;
        align-items: unset;
        gap: 25px;
        width: 100%;
    }

    .state-symbol1 img {
        width: 300px;
    }

    .pdf {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        max-width: 500px;
        grid-gap: 0;
        gap: 0;
    }

    .pdf p {
        border-bottom: none;
        border-radius: 10px 10px 0 0;
    }

    .pdf figure {
        border-radius: 0 0 10px 10px;
        width: 100%;
    }

    .file-request-form {
        width: 100vw;
        max-width: 600px;
        left: 50%;
        top: -330px;
        transform: translateX(-50%);
    }

    .news {
        flex-direction: column;
    }

    .current-news, .other-news { width: 100%; }
}

@media screen and (max-width: 600px) {
    .search-form { display: none; }

    .middle-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 400px;
        height: unset;
        padding: 0 20px;
    }

    .middle-menu a {
        border-radius: 0 !important;
        font-size: 11px;
        line-height: 13px;
        position: unset;
        height: 50px;
        width: 100%;
        &:hover {
            height: 50px;
            border-radius: 0;
        }
    }

    .footer-top {
        align-items: flex-start;
        .footer-logo { display: unset; }
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        .footer-logo { display: none; }
    }

    .copyright {
        flex-direction: row;
        gap: 5px;
        max-width: unset;
    }

    .file-request-form {
        max-width: 400px;
        padding: 40px 20px 20px;
    }

    .file-request-form > div:first-of-type {
        grid-template-columns: repeat(1, 1fr);
    }

    .form-group:nth-last-of-type(2), .form-group:last-of-type {
        grid-column: span 1;
    }

    .state-symbol2 img, .state-symbol3 img { width: 300px; } 

    .mobile-search {
        display: flex;
        margin-top: 20px;
        position: relative;
        width: 100%;
        height: 45px;
        margin-bottom: 100px;
    }

    .mobile-search input {
        background: transparent;
        border: 1px solid white;
        border-radius: 23px;
        color: white;
        font: 12px 'BPG Mrgvlovani';
        line-height: 16px;
        width: 100%;
        height: 45px;
        padding-left: 20px;
        padding-right: 45px;
    }

    .mobile-search button {
        background: transparent;
        border: none;
        color: white;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
    }
}

@media screen and (max-width: 500px) {
    .news-grid, .gallery-grid, .members, .common-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 450px) {
    .pdf-preview { grid-template-columns: repeat(1, 1fr); }
    .news-preview-item p {
        font-size: 11px;
        line-height: 13px;
        height: 52px;
    }


    .file-request-form {
        max-width: 95vw;
        padding: 50px 10px 20px;
    }

    .file-request-form > p:first-child {
        font-size: 12px;
        line-height: 16px;
    }

    .state-symbol1 img {
        transform: scale(0.5);
    }

    .link { gap: 10px; }
    .link a { width: calc(100% - 65px); }
    .copy-link { width: 55px; }

    .share-news { flex-direction: column; }
    .current-news-img {
        height: unset;
    }

    .news-title > p:first-child {
        font-size: 14px;
        line-height: 19px;
    }

    .banner-link {
        font-size: 10px;
        line-height: 13px;
        width: 120px;
        height: 30px;

        svg {
            width: 10px;
        }
    }
}

@media screen and (max-width: 380px) {
    .copyright {
        flex-direction: column;
    }
}