@media screen and (min-width: 1500px) {
    .fixed-bg { height: 870px; }
}

@media screen and (max-width: 1220px) {
    .menu { 
        margin: 0 auto 0 20px; 
        gap: 5px;
    }
    .menu-item > a { font-size: 14px; line-height: 16px; }
    .child-menu { right: -270px; }

    .language-change { padding-left: 5px; }
    .search-form { 
        padding-right: 5px; 
        &:hover { width: 163px; }
    }

    .info-box { right: 50px; }
}

@media screen and (max-width: 1167px) {
    .history-content .page-title { padding-left: 30px; }
    .history-page { padding-right: 30px; }

    .years { width: 200px; }
    .years p::after { left: 9px; }

    .star-design::before { left: 40px; }
    .star-design::after { left: 32px; }

    .news-grid {
        grid-template-columns: repeat(2, 344px);
        justify-content: center;
    }

    footer .content3 hr {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media screen and (max-width: 1150px) {
    .announcement-container { right: 14px; }
    .donor-grid {
        grid-template-columns: repeat(3, 240px);
        justify-content: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) {
    .announcement-logo:hover,
    .announcement.show .announcement-logo {
        background: white;
    }

    .announcement.show .announcement-content {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}

@media screen and (max-width: 1100px) {
    .tree-structure, .structure { margin-left: 0; }
}

@media screen and (max-width: 1050px) {
    .tree-container { flex-direction: column;}

    .tree { margin-bottom: 63px; }
    .tree > ul > li:first-child {
        font-size: 14px;
        line-height: 19px;
        width: 250px;
    }

    .tree li {
        font-size: 12px;
        line-height: 16px;
        width: 150px;
        min-height: 100px;
    }

    .tree li::after { width: 55%; }
}

@media screen and (max-width: 1023px) {      
    .announcement-content.active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .announcement-logo.active { background: white; }

    .public-slide { font-size: 10px; line-height: 13px; padding: 0 10px; }

    .prosecutor-grid {
        grid-template-columns: repeat(3, 230px);
        justify-content: center
    }

    .menu, .header-actions { display: none; }
    .menu-toggle { display: flex; }
    .header-content { justify-content: space-between; }
    header { min-height: 100px; }

    .banner-slide-content { 
        padding: 30px; 
        width: 40%;
    }

    .banner-slide img { width: 60%; }
    .banner-slider .swiper-pagination { left: calc(60% + 28px) !important; } 

    .footer-top { gap: 20px; }
}

@media screen and (max-width: 1000px) {
    .policy-content iframe { width: 700px; }
    .prosecutor-info { padding-left: 30px; }
    .announcement-container { top: 123px; }
}

@media screen and (max-width: 960px) {
    .history-page {
        flex-direction: column;
        padding-left: 30px;
    }

    .years {
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }

    .years p {
        border: 1px solid var(--menu-color);
        border-radius: 25px;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }
}

@media screen and (max-width: 900px) {
    .news-swiper-content { padding-bottom: 15px; }

    .news-swiper { padding-bottom: 45px !important; }
    .contests { margin-left: 0;  }

    .materials, .vacancy-desc, .vacancy {  padding: 30px 20px; }
    .internship { margin-left: 0; }

    .training-content, .news-slider-container,
    .news-slider-header { margin-left: 0; }

    .training-container .text { padding: 30px 20px; }

    .open-lecture { margin-left: 0; }
    .open-lecture-content, .lecture-form { padding: 30px 20px; }

    .first-date, .additional-date {
        flex-direction: column;
        align-items: unset;
        > div { width: 100%; }
    }
    
    .interesting-info-content { margin-left: 0; }
    .interesting-info-content .content-page-text { padding: 30px 20px; }

    .content-page-text {  margin-left: 0; padding: 30px 20px; }
    .jury-info, .public-info {  margin-left: 0; }

    .public-info-left, .research-left,
    .request-form {  padding: 30px 20px; }

    .report-item p {
        font-size: 16px;
        line-height: 20px;
    }

    .map-box { flex-direction: column-reverse; }
    .map {  height: 300px; }

    .contact-content {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .box, .map, .info, .contact-form {  width: 100%; }
    .box-body { max-height: 441px; }
}

@media screen and (max-width: 885px) {
    .donor-grid {
        grid-template-columns: repeat(2, 240px);
        margin-left: 0;
    }

    .prosecutor-info {
        flex-direction: column;
        padding: 70px 0 20px;
        gap: 100px;
        &::before { height: 42.85%; width: 100%; }
        &::after { top: 42.85%; height: 57.15%; width: 100%; }
    }

    .prosecutor-info-items { width: 100%; }
    .info-item { margin-left: 10px; }
    .prosecutor-grid { grid-template-columns: repeat(2, 230px); }
}

@media screen and (max-width: 850px) {
    .tree > ul > li:first-child {
        width: 360px;
    }

    .tree > ul {
        gap: 40px;
    }

    .tree ul > ul {
        flex-direction: column;
    }

    .tree li {
        width: 197px;
        min-height: 150px;
    }

    .tree li::before, .tree li::after,
    .tree li:last-child::before, .tree ul ul::before {
        border: none 0;
    }

    .tree > ul ul li::before {
        content: '';
        position: absolute;
        top: 50%;
        left: -34%;
        border-top: 1px solid var(--border-color) !important;
        width: 34%;
        height: 33px;
    }

    .tree ul > ul::before {
        content: '';
        position: absolute;
        top: -40px;
        left: -34%;
        border-left: 1px solid var(--border-color) !important;
        width: 1px;
        height: calc(100% - 34px);
    }

    .structure ul ul > ul:last-child li:first-child::before {
        border: none 0;
    }

    .structure ul > ul::before {
        height: calc(100% - 204px);
    }
}

@media screen and (max-width: 820px) {
    .years p::after { left: 10px; }
     
    .history-item-details {
        flex-direction: column-reverse !important;
    }

    .history-item-details div { width: 100%; }

    .history-item-details img {
        margin: 0 auto;
        width: 374px;
    }

    .history-item-container {
        height: unset;
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 800px) {
    .prosecutor-filter, .news { flex-direction: column; }
    .prosecutor-filter div { width: 265px; padding-right: 22px; }

    .current-news, .other-news { width: 100%; }
    .other-news > p:first-child { text-align: center; }
    .other-news-items { width: 344px; margin: 0 auto; }

    .current-news-preview > p:first-child, .news-date {
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 791px) {
    .policy-content iframe { width: 100%; }
}

@media screen and (max-width: 777px) {
    .news-grid { grid-template-columns: repeat(1, 344px); }
}

@media screen and (min-width: 768px) and (max-width: 850px) {
    .interesting-info-content {
        .content-page-text { width: 50%; }
        .materials { width: 47%; }
    }
}

@media screen and (max-width: 767px) {
    .banner-slide {
        flex-direction: column;
        img {
            border-radius: 10px 10px 0 0;
            width: 100%; height: 350px;
        }
    }

    .banner-slide-content {
        border-radius: 0 0 10px 10px;
        width: 100%; height: unset;
        padding-bottom: 50px;
        > p:nth-child(2) { max-width: unset; }
    }

    .banner-slider { min-height: unset; }
    .banner-slider .swiper-pagination { left: 28px !important; bottom: 30px !important; }

    .prosecutor, .training-content { flex-direction: column; align-items: center; }
    .prosecutor-details, .training-container .text{ width: 100%; }
    
    .go-back { padding-left: 28px; }

    .donor-title-logo > img:first-child { width: 100px; height: 70px; }

    .donor-title-logo > p { font-size: 20px; line-height: 26px; }
    .donor { margin-left: 0; }

    .policy-content { margin-left: 0; }

    .file-title { gap: 20px; }
    .file-actions { gap: 14px; }

    .contests { flex-direction: column; }
    .contests-content, .materials { width: 100%; }

    .fullname, .contact-info, .audience { 
        flex-direction: column; 
        > div { width: 100%; }
    }

    .interesting-info-content { flex-direction: column; }
    .interesting-info-content .content-page-text { width: 100%; }

    .jury-info {
        flex-direction: column;
        > div:first-child { width: 100%; }
    }

    .public-info-content, .research-content { flex-direction: column; }
    .public-info-left, .research-left { width: 100%; }

    .reports, .request-info  { grid-template-columns: repeat(1, 1fr); }
    .report-item p { max-width: 80%; }
    .request-address { grid-column: unset; }
    .useful-info { padding: 30px 20px 50px; }
    .link { padding: 0 20px; }

    .interesting-info-grid { grid-template-columns: repeat(1, 1fr); }

    .footer-top { display: flex; flex-direction: column; }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        > div:first-child { order: 3; }
    }
    .footer-logo { order: 1; }
    .socials { order: 2; }

    .map-container { padding-bottom: 0; }
    .map-container svg { height: unset; margin-top: 60px; }
    .info-box { top: -30px; right: 10px; } 
}

@media screen and (max-width: 700px) {
    .see-all-pros { top: unset; bottom: 15px; }
}

@media screen and (max-width: 670px) {
    .years {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 650px) {
    .general-prosecutor-info { flex-direction: column; }
    .general-prosecutor-info img { align-self: center; }
    .prosecutor-grid { grid-template-columns: repeat(1, 230px); }
    .video-cont { width: calc(100% - 40px); height: 250px; }
}

@media screen and (max-width: 600px) {
    .policy-content iframe { height: 300px; }

    .file-title > p:first-child { width: 41px; height: 41px; }
    .file-title p { font-size: 16px; line-height: 20px; }

    .faq-item1 .answer-content { padding: 24px 0 0; }
}

@media screen and (max-width: 563px) {
    .donor-grid { grid-template-columns: repeat(1, 240px); }
}

@media screen and (max-width: 550px) {
    .region-head {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 19.5px;
    }

    .box-body-component ul, .box-head {
        padding-left: 20px;
    }
}

@media screen and (max-width: 500px) {
    .current-news-img { height: 200px; }

    .news-info { font-size: 12px; line-height: 16px; }
    .news-info iframe { height: 200px !important; }

    .share { gap: 10px; }

    .share-news > a:first-child, .share p {
        font-size: 10px;
        line-height: 13px;
    }

    .share a { transform: scale(0.7); }

    .jury-info > div:first-child img { height: 190px; }
}

@media screen and (max-width: 450px) {
    .announcement-content { top: 62px; right: 5px; }
     
    .history-item-details img { width: 100%; height: 250px; }

    .history-item-details .history-item-title { font-size: 16px; line-height: 20px; }
    .history-item-details .history-item-desc { font-size: 12px; line-height: 16px; }

    .gallery { border: none; border-radius: 0; padding: 0; }

    .gallery-slide-content { margin: 0; }
    .gallery-prev, .gallery-next { display: none; }

    .prosecutor-logo { gap: 24px; }

    .prosecutor-logo img {
        width: 119px; height: 118px;
        object-fit: contain;
    }

    .prosecutor-logo p:first-child { font-size: 16px; line-height: 22px; }

    .prosecutor-logo p:last-child { font-size: 27px; line-height: 33px; }

    .functions {
        font-size: 12px;
        line-height: 24px;
        margin-left: 0;
        p { font-size: 12px; line-height: 20px; }
    }

    .content1, .prosecutor-filter { padding: 0; }
    .prosecutor-filter { select, div { width: 100%;} }
    .general-prosecutor { padding: 30px 20px; }
    .prosecutor-cont { padding: 30px 20px 50px; }

    .prosecutor, .faq-title, .faq { margin-left: 0; }
    .prosecutor > div { padding: 30px 20px; }
    .prosecutor-img .name { font-size: 22px; line-height: 24px; }

    .cooperation-content { margin-left: 0; }

    .policy-content iframe { height: 200px; }

    .question { font-size: 16px; line-height: 20px; }
    .answer { font-size: 12px; line-height: 24px; }

    .file {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px;
        gap: 20px;
    }

    .pdf {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .internship div { 
        padding: 30px 20px; 
        p { font-size: 20px; line-height: 24px; }
    }

    .lecture-form > p:first-child { font-size: 20px; line-height: 24px; }
    .lecture-form > p:nth-child(2) { font-size: 12px; line-height: 16px; margin-bottom: 15px; }

    .form-title {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .lecture-form .form-floating > .form-control, .lecture-form .form-floating > label,
    .request-form .form-floating > .form-control, .request-form .form-floating > label {
        padding-left: 21px !important;
    }

    .lecture-form select { padding-left: 19px; }

    .send-btn { width: 180px; height: 40px; }

    .public-info-left > p:first-child, .research-left > p:first-child,
    .data-protection > p:first-child, .useful-info > p:first-child,
    .responsible-people > p:first-child {
        font-size: 20px;
        line-height: 24px;
    }

    .report-item { padding: 20px; min-height: 87px; }
    .report-item:hover { padding-left: 30px; }

    .statistics-title, .request-form > p:first-child, .legal-acts-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 30px;
    }

    .link {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 20px;
    }

    .link p:first-child { font-size: 16px; line-height: 20px; }

    .tree > ul > li:first-child { width: 300px; } 
    .tree > ul ul li::before, .tree ul > ul::before { left: -20%; width: 20%; }
    .structure-container::before { background: transparent; }
    .structure-container::after { top: 132px;  }
    .contact-page-content { margin-left: 0; }
    .info-content { padding: 22px 15px; }

    .contact-form .form-floating > .form-control, 
    .contact-form .form-floating > label { padding-left: 17px !important; }

    .banner-slide img { height: 200px; }

    .donor-pdf { font-size: 12px;  width: 100%; }
    .donor > p:first-of-type, .donor-title-logo {  margin-bottom: 40px; }

    .donor-title-logo > p {
        font-size: 18px;
        line-height: 22px;
    }

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

    .interesting-item {
        gap: 10px;
        padding: 20px;
    }

    .interesting-item-content p:first-child { font-size: 16px; line-height: 20px; }
    .interesting-item-content p:last-child {
        font-size: 10px;
        line-height: 13px;
        height: 26px;
    }

    .map-container svg { margin-top: 80px; } 

    .announcement-body { padding: 0 10px 10px !important; }
    .announcement-header { padding: 5px 10px !important; }
}

@media screen and (max-width: 414px) {
    .other-news-items { width: 100%; }
}

@media screen and (max-width: 400px) {
    .years {
        grid-template-columns: repeat(2, 1fr);
        p { height: 30px; }
    }
    .page-title { font-size: 22px !important; }

    .guide-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 392px) {
    .info-item p:last-child { max-width: 127px; }
    .announcement-logo { width: 77px; height: 77px; }
    .announcement-logo div { width: 45px; height: 45px; }
    .announcement-logo div img { transform: scale(0.6); }
    .announcement-content { top: 47px;  width: 280px; height: 400px; }
}

@media screen and (max-width: 359px) {
    .prosecutor-img {  width: 100%; }
}