@media (max-width: 1100px) {
    .menus_dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navbar__nav .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .site-footer__credits  {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .site-footer__credits  {
        gap: 10px;
    }
    .dropdown__social_icon {
        width: 50px;
        height: 50px;
    }

    .dropdown__social_icon img {
        width: 20px;
        height: 20px;
    }

    .iconbtn {
        width: 50px;
        height: 50px;
    }

    .iconbtn svg {
        width: 20px;
        height: 20px;
    }

    .lang__btn {
        padding: 13px 16px;
    }

    .navbar .lang__panel {
        max-width: 118.41px;
    }
}

@media (max-width: 1000px) {
    .navbar__nav {
        display: none;
    }

    .burger_bg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .site-footer {
        padding: 20px;
    }

    .site-footer__wrap {
        padding: 45px 30px 45px;
    }
}

@media (max-width: 880px) {
    .site-footer__grid {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__bottom {
        -ms-grid-columns: 2.5fr 1fr;
        grid-template-columns: 2.5fr 1fr;
    }

    .site-footer__top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 20px 1fr 20px auto;
        grid-template-columns: auto 1fr auto;
        gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .site-footer__credits {
        justify-content: flex-end;
        align-items: flex-end;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .site-footer__top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 85px 16px 1fr;
        grid-template-columns: 85px 1fr;
        gap: 24px 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .site-footer__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        grid-column: 1 / -1;
    }
    .developer_container {
        width: 100%;
    }
    .site-footer__copy {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .site-footer__bottom {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 580px) {
    .site-footer__grid {
        margin-top: 40px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .site-footer__wrap {
        padding: 24px 15px;
    }

    .fcol__title {
        font-size: 14px;
        font-weight: 500;
        color: var(--c-text);
        margin: 0 0 14px;
    }

    .site-footer__divider {
        border: 0;
        height: 2px;
        background: #eee;
        margin: 40px 0 24px;
    }

    .site-footer__bottom {
        gap: 24px;
    }

    .fmenu--cols ul {
        gap: 12px;
    }

    .fmenu {
        gap: 8px;
    }

    .fmenu-another-block ul {
        gap: 8px;
    }

    .fcontacts {
        gap: 8px;
    }

    .site-footer__credits {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 12px;
    }

    .site-footer__donors {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .site-footer__copy {
        margin-left: 0px;
        color: #686A6F;
    }
}

@media (max-width: 500px) {
    .uhty img {
        width: 28px;
        aspect-ratio: auto;
    }
    .site-footer__top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 16px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .site-footer__socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        grid-column: 1 / -1;
        margin: 8px 0 0 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .site-footer__credits {
        flex-direction: row-reverse;
    }
    .title-developer {
        display: flex;
        justify-content: flex-start;
        width: 120px;
    }
    .developer-block {
        align-items: center;
        justify-content: flex-end;
    }
    .developer_container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media (max-width: 370px) {
    .fmenu--cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .fmenu--cols ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}






@media (max-width: 1390px) {
    .tile {
        max-width: 300px;
        height: 360px;
        max-height: 380px;
    }

    .couple_tile {
        max-width: 200px;
    }
}

@media (max-width: 1330px) {
    .tile {
        max-width: 290px;
        height: 360px;
        max-height: 380px;
    }
}

@media (max-width: 1290px) {
    .tile {
        max-width: 280px;
        height: 330px;
        max-height: 380px;
    }

    .couple_tile {
        max-width: 180px;
    }
}

@media (max-width: 1245px) {
    .tile {
        max-width: 270px;
        height: 320px;
        max-height: 380px;
    }

    .tiles__wrap {
        gap: 15px;
    }

    .couple_tile {
        max-width: 150px;
    }
}

@media (max-width: 1175px) {
    .tile {
        max-width: 250px;
        height: 300px;
        min-height: 280px;
        max-height: 380px;
    }
}

@media (max-width: 1095px) {
    .tile {
        max-width: 240px;
        height: 280px;
        min-height: 280px;
        max-height: 380px;
    }
}

@media (max-width: 1060px) {
    .tile {
        max-width: 220px;
        height: 250px;
        min-height: 180px;
        max-height: 380px;
    }

    .couple_tile {
        max-width: 130px;
    }
}

@media (max-width: 1025px) {
    .couple_tile {
        max-width: 120px;
    }

    .tile__title {
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
    }
}

@media (max-width: 1000px) {
    .tiles__wrap {
        gap: 24px;
    }

    .tile {
        min-height: 320px;
        max-width: 430px;
        max-height: 500px;
        height: 500px;
    }

    .couple_tile {
        max-width: 240px;
    }


}

@media (max-width: 1270px) {
    .stats__row {
        -ms-grid-columns: 180px 250px 1fr;
        grid-template-columns: 180px 250px 1fr;
    }

    .container_stats {
        padding: 0px 20px;
    }
}

@media (max-width: 1175px) {
    .stats__wrap {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .media-slider-container-margin {
        padding: 60px 20px 0;
    }

    .container_events {
        padding: 0 20px;
    }

    .weather {
        padding: 112px 20px;
    }

    .weather__title {
        font-size: 44px;
    }

    .pubs {
        padding: 112px 0px;
    }

    .pubs .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .Best_village_block a {
        gap: 100px;
    }

    .Best_village_block a img {
        width: 350px;
    }
}

@media (max-width: 1120px) {
    .weather__title {
        font-size: 40px;
    }

    .media-slider__viewport {
        --w-lg-px: 970px;
        --h-lg-px: 550px;
        --w-sm-px: 800px;
        --h-sm-px: 400px;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 520px;
        flex: 0 0 520px;
        -ms-grid-columns: 150px 16px 1fr;
        grid-template-columns: 150px 1fr;
        gap: 16px;
    }

    .hero-card__thumb {
        width: 150px;
        height: 150px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
    }
}

@media (max-width: 1070px) {
    .weather__title {
        font-size: 35px;
    }

    .media-slider__viewport {
        --w-lg-px: 950px;
        --h-lg-px: 535px;
        --w-sm-px: 700px;
        --h-sm-px: 350px;
    }

    .pubs__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 250px 64px 1fr;
        grid-template-columns: 250px 1fr;
        gap: 64px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .pubs__head {
        padding: 0 0 50px;
        position: relative;
        z-index: 5;
        display: -ms-grid;
        display: grid;
        gap: 64px;
        grid-auto-flow: column;
        -ms-grid-columns: 250px 64px 1fr;
        grid-template-columns: 250px 1fr;
    }

    .bars {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        position: relative;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: -15px;
        position: relative;
        left: -10px;
    }

    .pola--r-6 {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
        position: relative;
        top: 215px;
        left: -100px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        top: 315px;
        left: -100px;
    }

    .pola--r-10 {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
        position: relative;
        top: 215px;
        left: -50px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
        position: relative;
        top: 85px;
        left: -80px;
    }

    .Best_village_block a {
        gap: 65px;
    }

    .Best_village_block a span {
        font: 700 25px/1.35 "Artegra Sans", system-ui, sans-serif;
        color: #fff;
    }

    .stats__headline {
        margin: 0 0 108px 0;
        line-height: 1.25;
        width: 420px;
    }
}

@media (max-width: 1025px) {
    .travel__cards {
        margin-top: -530px;
    }

    .pola__frame {
        background: #fff;
        border-radius: 0px;
        overflow: hidden;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 60px;
        grid-template-rows: auto 60px;
        padding: 10px 10px 0;
    }

    .pola__img {
        margin: 0 0 20px;
    }

    .media-slider__viewport {
        --w-lg-px: 890px;
        --h-lg-px: 500px;
        --w-sm-px: 615px;
        --h-sm-px: 320px;
    }

    .weather__title {
        font-size: 32px;
    }

    .media-slider__title {
        font-size: 40px;
    }

    .events__title {
        font-size: 40px;
    }

    .pubs__title {
        font-size: 40px;
    }

    .Best_village_block a img {
        width: 300px;
    }
}

@media (max-width: 1000px) {
    .weather {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 100px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .weather__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: auto;
        gap: 24px;
    }

    .weather__note p {
        text-align: center;
    }

    .stats__wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 80px;
    }

    .stats__btn {
        margin-top: 32px;
    }

    .stats__headline {
        margin: 0;
        width: 520px;
    }

    .media-slider__viewport {
        --w-lg-px: 830px;
        --h-lg-px: 465px;
        --w-sm-px: 565px;
        --h-sm-px: 300px;
    }

    .travel__cards {
        margin-top: -100px;
    }

    .travel {
        padding: 40px 0 100px;
    }

    .travel__actor image {
        width: 100px;
        height: 100px;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -60px;
        left: 65px;
    }

    .pola--r-6 .pola__img {
        width: 195px;
        height: 190px;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 240px;
        position: relative;
        left: 60px;
        z-index: 1;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 175px;
        position: relative;
    }

    .pola--r-2 .pola__img {
        width: 174px;
        height: 200px;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 192px;
        left: -235px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 235px;
        left: -220px;
    }

    .pola--l-2 .pola__img {
        width: 180px;
        height: 140px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 93px;
        z-index: 1;
    }

    .pola__img {
        margin: 0px 0 12px;
    }

    .pola__cap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0px;
        font-family: "Artegra Sans", sans-serif;
        font-weight: 600;
        color: var(--c-text);
        font-size: 20px;
    }

    .travel__tag {
        margin-top: 70px;
    }

    .hero__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px;
        margin-top: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

@media (max-width: 900px) {
    .hero__title {
        font-size: 55px;
    }

    .hero__title span {
        font: 700 35px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 130px;
        position: relative;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 245px;
        position: relative;
        left: 10px;
        z-index: 1;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 120px;
        z-index: 1;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 235px;
        left: -180px;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 210px;
        left: -220px;
    }

    .travel__tag {
        margin-top: 110px;
    }

    .media-slider__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        margin-bottom: 0px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .media-slider__caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
    }

    .Best_village_block a {
        gap: 40px;
    }

    .Best_village_block a span {
        font: 700 20px/1.35 "Artegra Sans", system-ui, sans-serif;
        color: #fff;
    }

    .Best_village_block a img {
        width: 275px;
    }

    .tile {
        min-height: 320px;
        max-width: 360px;
        max-height: 500px;
        height: 450px;
    }
}

@media (max-width: 860px) {
    .media-slider__viewport {
        --w-lg-px: 700px;
        --h-lg-px: 395px;
        --w-sm-px: 500px;
        --h-sm-px: 250px;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 245px;
        position: relative;
        left: -20px;
        z-index: 1;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 104px;
        position: relative;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 235px;
        left: -150px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 140px;
        z-index: 1;
    }

    .travel__route {
        --route-w: 9;
    }
}

@media (max-width: 760px) {
    .pubcard {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px;
    }

    .hero__meta {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 245px;
        position: relative;
        left: -60px;
        z-index: 1;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 40px;
        position: relative;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -60px;
        left: 30px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 124px;
        z-index: 1;
    }

    .travel__tag {
        margin-top: 150px;
    }

    .media-slider__viewport {
        --w-lg-px: 600px;
        --h-lg-px: 335px;
        --w-sm-px: 435px;
        --h-sm-px: 230px;
    }

    .tiles__wrap {
        gap: 24px;
        margin-top: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .pubs__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 250px 30px 1fr;
        grid-template-columns: 250px 1fr;
        gap: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}

@media (max-width: 670px) {
    .pubs__track {
        gap: 0px;
    }
    .pubs__slider-outer {
        width: 80vw;
    }
    .stats__row {
        -ms-grid-columns: 180px 200px 1fr;
        grid-template-columns: 180px 200px 1fr;
    }

    .hero__title {
        font-size: 45px;
    }

    .hero__title span {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 210px;
        left: -180px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 235px;
        left: -100px;
    }

    .travel__svg {
        height: 400px;
    }

    .travel__actor image {
        x: -80;
        y: -90;
        width: 120px;
        height: 120px;
    }

    .hero__meta {
        display: none;
    }

    .Best_village_block a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Best_village_block a span {
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;
        color: #fff;
    }

    .tile {
        min-height: 320px;
        max-width: 340px;
        max-height: 500px;
        height: 420px;
    }

    .pubs__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .pubs__all {
        display: none;
    }

    .cats {
        list-style: none;
        margin: 0;
        /* трохи внутрішніх відступів */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        /* УВАГА: без переносу */
        gap: 20px;

        overflow-x: auto;
        /* горизонтальний скрол */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        /* інерція на iOS */
        -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
        /* опціонально: притягування елементів */
    }

    /* діти мають фіксований “крок” прокрутки */
    .cats>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .cats,
    .pubs__aside {
        scrollbar-width: none;
        /* Firefox */
    }

    .cats::-webkit-scrollbar,
    .pubs__aside::-webkit-scrollbar {
        display: none;
    }

    .pubs__aside {
        width: 94vw;
        overflow: auto;
    }

    .weather__panel {
        width: 90vw;
    }

    .pubs_dot_arrow_container {
        display: none;
    }

    .pubs__head {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 0 0 32px;
    }

    .mobile_button_function {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 94vw;
        /*margin: 0 20px;*/
    }

    .mobile_button_function.pubs__all {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .events__all {
        display: none;
    }

    .button_main_events_bottom {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 40px 0 0;
    }

    .media-slider__caption {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
    }

    .media-slider__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px;
        margin-bottom: 0px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
    }

    .media-slider__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: absolute;
        bottom: 6px;
    }
}

@media (max-width: 650px) {
    .media-slider {
        background: #fff;
        padding: 64px 0 69px;
        color: #3E2E68;
    }

    .media-slider__viewport {
        --w-lg-px: 530px;
        --h-lg-px: 300px;
        --w-sm-px: 385px;
        --h-sm-px: 205px;
    }

    .stats {
        padding: 45px 0;
        background: #15818c0d;
    }

    .weather {
        padding: 32px 20px 64px;
    }

    .events {
        padding: 64px 0 40px;
    }
}

@media (max-width: 640px) {


    .hero-card__thumb {
        width: 140px;
        height: 140px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 485px;
        flex: 0 0 485px;
        -ms-grid-columns: 140px 16px 1fr;
        grid-template-columns: 140px 1fr;
        gap: 16px;
    }

    .hero-card__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 630px) {
    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 100px;
        z-index: 1;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 235px;
        left: -120px;
    }

    .tile {
        min-height: 320px;
        max-width: 320px;
        max-height: 500px;
        height: 390px;
    }

    .couple_tile {
        max-width: 80%;
    }
}

@media (max-width: 580px) {
    .stats__headline {
        margin: 0;
        width: 100%;
    }

    .stats__headline {
        margin: 0;
        width: 100%;
    }

    .travel {
        padding: 0px 0 100px;
    }

    .travel__cards {
        margin-top: -40px;
    }

    .Best_village_block a {
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Best_village_block {
        margin: 10px;
        padding: 32px 24px;
    }

    .pola--l-2 .pola__img {
        width: 164px;
        height: 120px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 210px;
        left: -114px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 75px;
        z-index: 1;
    }

    #pinTarget image {
        width: 50px;
        height: 50px;
        transform: translate(-8px, -8px);
    }

    .travel__pin-border {
        stroke: #f4f8f9;
        stroke-width: 10px;
        vector-effect: non-scaling-stroke;
        r: 50px;
    }

    .travel__pin-core {
        fill: #C6185B;
        r: 50px;
    }

    .travel__route {
        --route-w: 6;
    }

    .tile {
        min-height: 180px;
        max-width: 300px;
        max-height: 500px;
        height: 365px;
    }

    .tiles__wrap.is-slider~.event_indicators {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        margin: 40px 20px 0;
    }

    .tiles {
        background: #3E2E68;
        padding: 0 0 50px 0;
    }

    .tiles__wrap {
        gap: 24px;
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .media-slider__viewport {
        --w-lg-px: 480px;
        --h-lg-px: 270px;
        --w-sm-px: 360px;
        --h-sm-px: 190px;
    }

}

@media (max-width: 540px) {
    .media-slider {
        padding: 0px 0 64px;
    }

    .stats__row {
        -ms-grid-columns: 160px 200px 1fr;
        grid-template-columns: 160px 200px 1fr;
    }

    .stats__list {
        width: 90vw;
    }

    .pola--r-2 .pola__img {
        width: 130px;
        height: 146px;
    }

    .pola--r-6 .pola__img {
        width: 155px;
        height: 150px;
    }

    .pola--r-10 .pola__img {
        width: 155px;
        height: 165px;
    }

    .pola--l-8 .pola__img {
        width: 140px;
        height: 90px;
    }

    .pola--l-2 .pola__img {
        width: 140px;
        height: 100px;
    }

    .pola--l-4 .pola__img {
        width: 140px;
        height: 100px;
    }

    .pola--r-10 .pola__img {
        width: 145px;
        height: 155px;
    }

    .pola__cap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0px;
        font-family: "Artegra Sans", sans-serif;
        font-weight: 600;
        color: var(--c-text);
        font-size: 16px;
    }

    .pola__frame {
        -ms-grid-rows: auto 40px;
        grid-template-rows: auto 40px;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 20px;
        position: relative;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -50px;
        left: 30px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 81px;
        z-index: 1;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 165px;
        left: -170px;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 180px;
        position: relative;
        left: -60px;
        z-index: 1;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 150px;
        left: -114px;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 470px;
        flex: 0 0 470px;
        -ms-grid-columns: 130px 16px 1fr;
        grid-template-columns: 130px 1fr;
        gap: 16px;
    }

    .hero-card__title {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
    }

    .hero-card__thumb {
        width: 130px;
        height: 130px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
    }

    .hero__sliderline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        overflow-x: auto;
        padding: 0;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }

    .hero__content {
        padding: 90px 20px 30px !important;
    }

    .hero__title {
        font-size: 35px;
    }

    .hero__title span {
        font: 700 25px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .hero__subtitle {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        width: 300px;
    }

    .travel__svg {
        height: 300px;
    }
}

@media (max-width: 510px) {
    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 150px;
        left: -80px;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 165px;
        left: -130px;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
        -ms-grid-columns: 130px 16px 1fr;
        grid-template-columns: 130px 1fr;
        gap: 16px;
    }

    .tile {
        min-height: 180px;
        max-width: 280px;
        max-height: 500px;
        height: 340px;
    }

    .media-slider__viewport {
        --w-lg-px: 420px;
        --h-lg-px: 235px;
        --w-sm-px: 310px;
        --h-sm-px: 170px;
    }

    .media-slider__title {
        font-size: 32px;
    }

    .events__title {
        font-size: 32px;
    }

    .pubs__title {
        font-size: 32px;
    }

    .pubs {
        padding: 64px 0px 16px;
    }

    .event-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 370px;
        flex: 0 0 370px;
        gap: 12px;
        padding: 16px;
    }

    .event-card__top {
        padding-bottom: 12px;
        gap: 10px;
    }

    .media-slider__track {
        gap: 16px;
    }
    .pubs__slider-outer {
        width: 90vw;
    }

}

@media (max-width: 480px) {
    .event-card__date {
        font-size: 14px;
    }

    .event-card__top span {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .event-card__title {
        font-size: 20px;
        margin: 0;
    }

    .event-card__excerpt {
        margin: 0;
        font-size: 12px;
        font-weight: 500;
    }

    .event-card__meta {
        margin: 0;
    }

    .event-card__place span {
        font-size: 14px;
    }

    .event-card_block_photo {
        margin: 36px 0 0;
    }

    .event-card__thumb {
        right: 16px;
        bottom: 16px;
        width: 63px;
        height: 63px;
    }

    .event_indicators {
        margin: 48px 0 0;
    }

    .events__head {
        margin-bottom: 40px;
    }

    .weather__title {
        font-size: 28px;
    }

    .weather__tab {
        font-size: 14px;
        padding: 12px 24px;
    }

    .weather__mascot {
        width: 260px;
    }

    .events__all {
        font-size: 14px;
        gap: 12px;
    }

    .event-card__more {
        font-size: 14px;
    }

    .event-card_block_photo .heart {
        width: 37px;
        height: 37px;
    }

    .pubs__track {
        /*gap: 16px;*/
    }

    .pubcard {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    }

    .pubcard__media img {
        height: 195px;
        padding: 16px;
    }

    .pubcard__body {
        padding: 16px 0 0;
        gap: 24px;
        margin: 0 16px 16px;
    }

    .pubcard__badge {
        gap: 12px;
        padding: 8px 12px;
        font-size: 14px;
    }

    .pubcard__title {
        font-size: 20px;
        line-height: 1.4;
        margin: 0;
    }

    .btn_purpure {
        font-size: 14px;
    }

    .pubcard__actions .heart {
        width: 37px;
        height: 37px;
    }

    .mobile_button_function .pubs__btn {
        width: 48px;
        height: 48px;
    }

    .cat {
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        font-size: 14px;
        line-height: 1.5;
        padding: 0;
    }

    .pubs__all {
        gap: 12px;
        font-size: 14px;
    }

    .tiles__wrap.is-slider .tiles__track {
        gap: 16px;
    }

    .tile {
        min-height: 180px;
        max-width: 255px;
        max-height: 500px;
        height: 330px;
    }

    .couple_tile {
        max-width: 70%;
    }

    .tiles__wrap {
        padding: 0;
    }

    .travel {
        padding: 0px 0 40px;
    }

    .travel__tag img {
        width: 120px;
    }

    .stats__num {
        font-size: 24px;
    }

    .stats__label {
        font-size: 14px;
    }

    .stats__label {
        font-size: 14px;
    }

    .stats__row {
        -ms-grid-columns: 150px 1fr 30px;
        grid-template-columns: 150px 1fr 30px;
    }

    .btn_text_style {
        font-size: 14px;
        line-height: 1.5;
    }

    .style_for_arrw {
        padding: 13px 13px;
    }

    .reveal-text {
        font-size: 20px;
    }

    .Best_village_block a img {
        width: 100%;
    }

    .mobile_button_function {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100%;
    }

    .pubs__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero-card__thumb {
        width: 120px;
        height: 120px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        -ms-grid-columns: 120px 16px 1fr;
        grid-template-columns: 120px 1fr;
        gap: 16px;
    }

    .hero-card__title {
        font-size: 14px;
        line-height: 1.4;
        color: #fff;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .arrow_text_italic {
        font-size: 14px;
        padding: 4px 9px;
    }

    .arrow_text_main {
        font-size: 14px;
    }

    .hero__subtitle {
        font-size: 14px;
        line-height: 1.5;
        margin: 30px 0 0;
        width: 100%;
    }

    .hero__title {
        font-size: 32px;
    }

    .hero__title span {
        font: 700 20px/1.35 "Artegra Sans", system-ui, sans-serif;
        padding: 13px 24px;
        left: 0;
    }

    .hero_arrow_block img {
        width: 100px;
    }

    .media-slider__viewport {
        --w-lg-px: 380px;
        --h-lg-px: 219px;
        --w-sm-px: 270px;
        --h-sm-px: 150px;
    }

    .burger_bg {
        width: 40px;
        height: 40px;
    }

    .iconbtn {
        width: 40px;
        height: 40px;
    }

    .navbar__logo {
        height: 36px;
        width: auto;
        display: block;
    }

    .lang__btn span {
        display: none;
    }

    .lang__btn {
        gap: 5px;
        padding: 11px 11px;
    }

    .lang__option span {
        display: none;
    }

    .navbar .dropdown__caret {
        display: flex;
    }

    .navbar .lang__panel {
        max-width: 65px;
        gap: 6px;
        padding: 8px;
    }

    .lang__option {
        gap: 0px;
        height: 40px;
        padding: 0px 6px;
        justify-content: center;
    }
}

@media (max-width: 450px) {
    .count {
        color: #fff;
        font-size: 16px;
        line-height: 32px;
    }

    .media-slider__title {
        font-size: 28px;
        margin: 20px 0 20px;
    }

    .events__title {
        font-size: 28px;
    }

    .pubs__title {
        font-size: 28px;
    }

    .media-slider__viewport {
        --w-lg-px: 350px;
        --h-lg-px: 200px;
        --w-sm-px: 260px;
        --h-sm-px: 140px;
    }

    .pola__frame {
        background: #fff;
        border-radius: 0px;
        overflow: hidden;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 30px;
        grid-template-rows: auto 30px;
        padding: 6px 6px 0;
    }

    .pola__cap {
        font-size: 10px;
        line-height: 1.5;
    }

    .pola--r-2 .pola__img {
        width: 88px;
        height: 109px;
    }

    .pola--r-6 .pola__img {
        width: 98px;
        height: 100px;
    }

    .pola--l-4 .pola__img {
        width: 97px;
        height: 70px;
    }

    .pola--l-8 .pola__img {
        width: 75px;
        height: 54px;
    }

    .pola--r-10 .pola__img {
        width: 93px;
        height: 106px;
    }

    .pola--l-2 .pola__img {
        width: 95px;
        height: 67px;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 30px;
        position: relative;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -40px;
        left: 10px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 55px;
        z-index: 1;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 123px;
        position: relative;
        left: -20px;
        z-index: 1;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 100px;
        left: -123px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 115px;
        left: -80px;
    }

    .travel__cards {
        margin-top: -75px;
    }

    .travel__tag {
        margin-top: 30px;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
        flex: 0 0 350px;
        -ms-grid-columns: 120px 16px 1fr;
        grid-template-columns: 120px 1fr;
        gap: 16px;
    }

    .hero__title br {
        display: none;
    }

    .hero__content {
        padding: 100px 20px 30px !important;
    }

    .hero_middle_arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }

    .hero_arrow_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px;
    }

    .hero_arrow_block p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5px;
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 400px) {
    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 100px;
        left: -95px;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 115px;
        left: -50px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 64px;
        z-index: 1;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 123px;
        position: relative;
        left: -30px;
        z-index: 1;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 15px;
        position: relative;
    }

    .media-slider__viewport {
        --w-lg-px: 322px;
        --h-lg-px: 182px;
        --w-sm-px: 230px;
        --h-sm-px: 125px;
    }

    .hero__title span {
        bottom: -44px;
    }

    .hero_title_block {
        gap: 10px;
    }

    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        -ms-grid-columns: 120px 16px 1fr;
        grid-template-columns: 120px 1fr;
        gap: 16px;
    }

    .event-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px;
        gap: 12px;
        padding: 16px;
    }

}


@media (max-width: 390px) {
    .hero__title span {
        position: absolute;
        bottom: -47px;
        left: 0;
    }

    .hero_title_block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

}

@media (max-width: 380px) {
    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        -ms-grid-columns: 120px 9px 1fr;
        grid-template-columns: 120px 1fr;
        gap: 9px;
    }

}

@media (max-width: 370px) {
    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        -ms-grid-columns: 110px 16px 1fr;
        grid-template-columns: 110px 1fr;
        gap: 16px;
    }

    .hero-card__thumb {
        width: 110px;
        height: 110px;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
    }

    .hero-card__title {
        font-size: 14px;
        line-height: 1.4;
        color: #fff;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .event-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        gap: 12px;
        padding: 16px;
    }

}

@media (max-width: 360px) {
    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        -ms-grid-columns: 110px 10px 1fr;
        grid-template-columns: 110px 1fr;
        gap: 10px;
        padding: 10px;
    }

    .travel__route {
        --route-w: 4;
    }

    .travel__svg {
        height: 280px;
    }

    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 5px;
        position: relative;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 123px;
        position: relative;
        left: -45px;
        z-index: 1;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -40px;
        left: 0px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 50px;
        z-index: 1;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 50px;
        z-index: 1;
    }

    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 115px;
        left: -70px;
    }

    .pubcard {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 290px;
        flex: 0 0 290px;
    }
}

@media (max-width: 350px) {
    .pola--r-2 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        top: 0px;
        left: 0px;
        position: relative;
    }

    .pola--l-8 {
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
        top: 123px;
        position: relative;
        left: -50px;
        z-index: 1;
    }

    .pola--r-6 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        position: relative;
        top: -40px;
        left: -15px;
    }

    .pola--l-4 {
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg);
        position: relative;
        top: 0px;
        left: 25px;
        z-index: 1;
    }

    .pola--r-10 {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
        position: relative;
        top: 100px;
        left: -120px;
    }


    .pola--l-2 {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
        position: relative;
        top: 115px;
        left: -95px;
    }

    .travel__svg {
        height: 280px;
        width: 94%;
    }

    .media-slider__viewport {
        --w-lg-px: 295px;
        --h-lg-px: 170px;
        --w-sm-px: 200px;
        --h-sm-px: 110px;
    }
}





/*Блог початок*/
@media (max-width: 1810px) {
    .post_list__all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 1490px) {
    .post_list__all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px 12px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 1210px) {
    .posts__page {
        margin: 156px 40px 80px;
    }
}

@media (max-width: 1120px) {
    .events-page__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 330px 28px 1fr;
        grid-template-columns: 330px 1fr;
        gap: 28px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0;
    }

    .posts__page .container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0px;
    }
}

@media (max-width: 1080px) {
    .posts__page {
        margin: 156px 20px 80px;
    }
}

@media (max-width: 1035px) {
    .posts__page {
        margin: 156px 20px 80px;
    }

    .events-page__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 300px 28px 1fr;
        grid-template-columns: 300px 1fr;
        gap: 28px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0;
    }
}

@media (max-width: 1000px) {
    .posts__page {
        margin: 136px 20px 80px;
    }

    .events-page__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 32px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding: 0;
    }

    .events-page__title {
        display: none;
    }

    .mobile {
        display: block;
        margin: 24px 0;
        font-size: 50px;
    }

    .events-filter {
        position: unset;
    }

    .events-filter__inner .location-filter {
        display: none;
    }

    .events-filter__inner .filters-reset_block {
        display: none;
    }

    .events-container-filter-title {
        background: #3E2E68;
        border: none;
    }

    .events-filter__title {
        margin: 0;
        color: #fff;
    }

    .events-container-filter-title {
        padding: 12px 24px;
    }

    .events-container-filter-title img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .events-search {
        position: relative;
        display: block;
        margin-bottom: 14px;
    }

    .post_list__all {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px 12px;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
}

/* MOBILE FILTERS MODAL */
@media (max-width: 1000px) {
    .filters-modal {
        position: fixed;
        inset: 0;
        z-index: 400;
        display: block;
    }

    .filters-modal[hidden] {
        display: none;
    }

    .filters-modal__overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, .4);
        opacity: 0;
        -webkit-transition: opacity .25s ease;
        -o-transition: opacity .25s ease;
        transition: opacity .25s ease;
        pointer-events: none;
    }

    .filters-modal.is-open .filters-modal__overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .filters-modal__sheet {
        position: relative;
        inset: 0;
        margin-inline: auto;
        width: 100%;
        height: 100%;
        max-width: 640px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 1;
        /* поверх оверлея */
    }

    .filters-modal.is-open .filters-modal__sheet {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    .filters-modal.is-open .filters-modal__sheet:focus-visible {
        outline: none;
    }

    .filters-modal.is-open .filters-reset_block {
        border: none;
    }

    .filters-modal.is-open .filters-modal__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 20px;
        border-bottom: 1px solid #eee;
    }

    .filters-modal__titlewrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
    }

    .filters-modal.is-open .filters-modal__head h2 {
        margin: 0;
        font: 600 18px/1.5 "Artegra Sans", system-ui, sans-serif;
        color: #000;
    }

    .filters-modal__found {
        color: var(--c-text);
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .filters-modal__body {
        padding: 20px;
        overflow: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    /* Контейнер модалки не перехоплює події, поки не відкритий */
    .filters-modal {
        pointer-events: none;
    }

    .filters-modal.is-open {
        pointer-events: auto;
    }

    /* опціонально — клас для блокування скролу */
    .no-scroll {
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
    }






    .filters-modal.is-open .filters-reset {
        margin-top: 0;
    }

    .filters-modal.is-open .filters-modal__foot {
        padding: 20px;
        border-top: 1px solid #eee;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    .filters-modal.is-open .filters-modal__closebtn {
        width: 100%;
        padding: 10px 16px;
        background: #0000000D;
        border: 0;
        border-radius: 0px;
        font: 600 18px/1.5 "Artegra Sans", system-ui, sans-serif;
        color: #3E2E68;
    }

    .filters-modal.is-open .cards-filter__toggle {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px 16px;
        margin: 0;
        border: none;
        background: #00000008;
        cursor: pointer;
        font: 600 16px/1.5 "Artegra Sans";
        color: #000;
    }

    .filters-modal.is-open .location-filter {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
    }

    .filters-modal.is-open .blog-filter__panel {
        gap: 8px;
    }
}

@media (max-width: 500px) {
    .posts__page {
        margin: 106px 20px 80px;
    }

    .mobile {
        display: block;
        margin: 24px 0;
        font-size: 32px;
    }

    .filters-modal.is-open .filters-modal__head h2 {
        margin: 0;
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
        color: #000;
    }

    .filters-modal__found {
        color: var(--c-text);
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .filters-modal__titlewrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
    }

    .filters-modal.is-open .filters-modal__head {
        padding: 12px 20px;
    }

    .filters-modal.is-open .filters-modal__closebtn {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .post_list__all {
        gap: 12px;
    }

    .card__badge {
        font-size: 14px;
        gap: 12px;
    }

    .card-posters {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: auto;
    }

    .element_in_card_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 24px;
    }
}


/*Блог кінець*/




/*Блог внутрішня сторінка початок*/


@media (max-width: 1440px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 370px;
    }

    .event-article h2 {
        font: 700 24px/1.35 "Artegra Sans", sans-serif;
    }
}

@media (max-width: 1415px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 360px;
    }

}

@media (max-width: 1385px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 350px;
    }

}

@media (max-width: 1350px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 340px;
    }

}

@media (max-width: 1320px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 330px;
    }

}

@media (max-width: 1295px) {
    .event-one .container {
        padding: 0px 64px;
    }

    .event-hero__img {
        padding: 0 64px;
    }

    .event-article h2 {
        color: #3E2E68;
        margin: 24px 0 20px;
        font: 700 22px/1.35 "Artegra Sans", sans-serif;
    }

    .publication-recommend-header h3 {
        font: 700 40px/1.2 "Artegra Sans", system-ui, sans-serif;
        color: #3E2E68;
        margin: 0;
    }

}

@media (max-width: 1165px) {
    .event-one .container {
        padding: 0px 30px;
    }

    .event-hero__img {
        padding: 0 30px;
    }

}

@media (max-width: 1100px) {
    .event-one .container {
        padding: 0px 20px;
    }

    .event-hero__img {
        padding: 0 20px;
    }

    .event-body {
        -ms-grid-columns: 1fr 360px;
        grid-template-columns: 1fr 360px;
    }

}

@media (max-width: 1075px) {
    .event-one .container {
        padding: 0px 10px;
    }

    .event-one__header.container {
        padding: 0px 20px;
    }

    .container.event-one__topbar {
        padding: 0px 20px;
    }

    .event-hero__img {
        padding: 0 10px;
    }

}

@media (max-width: 1058px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 320px;
    }

}

@media (max-width: 1025px) {
    .other-publication-recommend-posts .card-posters {
        max-width: 310px;
    }

}

@media (max-width: 1000px) {
    .event-article {
        padding: 24px;
    }
    .event-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-bottom: 40px !important;
        padding-top: 40px !important;
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .blog-padding {
        padding-top: 40px !important;
    }

    .event-toc {
        position: unset;
        width: 100%;
    }

    .event-hero__img {
        height: 500px;
    }

    .event-one__topbar {
        margin: 136px auto 0;
    }

    .event-one__header {
        margin: 60px auto 60px;
    }

    .event-metahead {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .event-blog-block {
        gap: 4px 4px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .event-article h2 {
        color: #3E2E68;
        margin: 24px 0 20px;
        font: 700 20px/1.35 "Artegra Sans", sans-serif;
    }

    .publication-recommend-header h3 {
        font: 700 35px/1.2 "Artegra Sans", system-ui, sans-serif;
        color: #3E2E68;
        margin: 0;
    }

    .event-title {
        font: 700 46px/1.35 "Artegra Sans", sans-serif;
        color: #3E2E68;
        margin: 0 0 60px;
        max-width: 1000px;
    }

    .other-publication-recommend-posts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        gap: 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 750px) {
    .events__all.btn-link {
        display: none;
    }

    .mobile_event {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 40px 0;
    }
}

@media (max-width: 600px) {
    .event-title {
        font: 700 36px/1.35 "Artegra Sans", sans-serif;
    }

    .event-article h2 {
        font: 700 18px/1.35 "Artegra Sans", sans-serif;
    }

    .event-hero__img {
        height: 400px;
    }

    .publication-recommend-header h3 {
        font: 700 30px/1.2 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 500px) {
    .event-article {
        padding: 16px;
    }

    .publication-recommend-header h3 {
        font: 700 28px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .event-article p {
        font: 500 14px/1.5 "Artegra Sans", sans-serif;
    }

    .event-article h2 {
        margin: 20px 0 16px;
        font: 700 14px/1.4 "Artegra Sans", sans-serif;
    }

    .event-article figure img {
        height: 200px;
        margin: 32px 0 32px;
    }

    .event-toc__box {
        padding: 16px;
    }

    .event-toc__title {
        font: 700 14px/1.5 "Artegra Sans", sans-serif;
        padding: 0 0 16px 0;
    }

    .event-toc__nav {
        margin: 16px 0 0;
    }

    .event-toc__share {
        display: none;
    }

    .event-one__header {
        margin: 44px auto 60px;
    }

    .event-title {
        font: 700 32px/1.35 "Artegra Sans", sans-serif;
        margin: 0 0 40px;
    }

    .event-blog-block span {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .share-inline .heart {
        width: 40px;
        height: 40px;
    }

    .btn-backall span {
        display: none;
    }

    .btn-backall {
        padding: 12.5px 10.5px;
    }

    .event-metahead {
        gap: 24px;
    }

    .event-hero__img {
        height: 200px;
    }

    .other-publication-recommend-posts .card-posters {
        max-width: 100%;
    }

    .other_publication {
        padding: 0 0 20px;
    }

    .btn-backall svg {
        opacity: .3;
    }

    .btn-backall svg:hover {
        opacity: 1;
    }
}

/*Блог внутрішня сторінка кінець*/




/*Маршрути початок*/
@media (max-width: 500px) {
    .title_routes a {
        font: 700 16px/1.4 "Artegra Sans", system-ui, sans-serif;
    }

    .mini_info_routes span {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .square_complexity {
        border-radius: 3px;
        width: 12px;
        height: 12px;
        outline: 1px dashed #CCC;
        outline-offset: 3px;
    }

    .star_complexity span {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .all_info_routes {
        padding: 16px;
    }

    .routes_block_image {
        padding: 16px;
    }

    .routes_description p {
        font: 600 12px/1.6 "Artegra Sans", system-ui, sans-serif;
    }

    .routes_city_n_mountain span {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .photo_description span {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .button_more_routes a {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .routes_block_image a {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        margin: 13px 0 0 0;
    }

    .routes_block_image img {
        height: 200px;
    }
}

/*Маршрути кінець*/


/*Маршрути внутрішня сторінка початок*/

@media (max-width: 1295px) {

    .routes_map {
        margin: 80px 64px;
    }

    .eg-track-wrap {
        max-width: 1920px;
        margin: 0px auto;
        padding: 0 64px;
    }

    .emap-right img {
        -o-object-position: right;
        object-position: right;
    }

    .routes_map iframe {
        height: 600px;
    }

    .eg-head h2 {
        font: 700 40px/1.2 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 1165px) {

    .routes_map {
        margin: 80px 30px;
    }

    .eg-track-wrap {
        max-width: 1920px;
        margin: 0px auto;
        padding: 0 30px;
    }

}

@media (max-width: 1100px) {

    .routes_map {
        margin: 80px 20px;
    }

    .eg-track-wrap {
        max-width: 1920px;
        margin: 0px auto;
        padding: 0 20px;
    }

    .routes_content_block .event-body {
        -ms-grid-columns: 360px 1fr;
        grid-template-columns: 360px 1fr;
    }

    .emap-left {
        background: #fff;
        padding: 26px 30px;
    }

    .emap-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 400px 20px 1fr;
        grid-template-columns: 400px 1fr;
        gap: 20px;
        margin: 0px auto;
        justify-items: center;
    }



}

@media (max-width: 1075px) {

    .container-routes .container {
        padding: 0px 20px !important;
    }



}

@media (max-width: 1000px) {

    .routes_content_block .event-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        padding-bottom: 20px !important;
        padding-top: 40px !important;
    }

    .ri-card {
        margin: 0 0 40px 0;
    }

    .ri-meta {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .eg-head h2 {
        font: 700 35px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .eg-item img {
        width: 350px;
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
    }


}

@media (max-width: 675px) {
    .emap-card {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 0px auto;
        justify-items: start;
    }
}

@media (max-width: 600px) {
    .eg-head h2 {
        font: 700 30px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .eg-head {
        margin-bottom: 40px;
    }
}

@media (max-width: 500px) {
    .routes_content_block .event-body {
        padding-top: 20px !important;
    }

    .eg-head h2 {
        font: 700 28px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .routes_content_block .event-article {
        min-width: 0;
        background: #fff;
        padding: 16px;
        border: 1px solid #EEEEEE;
    }

    .routes_content_block .event-toc__box {
        padding: 16px;
    }

    .ri-card {
        padding: 16px;
    }

    .ri-meta__text {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .ri-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 12px 12px;
    }

    .ri-label {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .ri-value {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .container-routes .event-title {
        font: 700 28px/1.35 "Artegra Sans", sans-serif;
    }

    .routes_description {
        margin: 0;
    }

    .routes_map iframe {
        height: 350px;
    }

    .routes_map {
        margin: 40px 20px 60px;
    }

    .eg-head {
        /*flex-wrap: wrap;*/
        gap: 20px;
    }

    .eg-item img {
        width: 300px;
        height: 300px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
    }

    .routes_one_gallery {
        padding: 0 0 60px;
    }

    .emap-left {
        background: #fff;
        padding: 24px;
        width: 100%;
    }

    .emap-left h3 {
        margin: 0 0 32px;
        font: 700 20px/1.4 "Artegra Sans", sans-serif;
    }

    .emap-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 18px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .emap-label {
        color: #3E2E68;
        font: 700 14px/1.5 "Artegra Sans", sans-serif;
    }

    .emap-value {
        font: 500 14px/1.5 "Artegra Sans", sans-serif;
        color: var(--c-text);
    }

    .btn-primary {
        padding: 16px 20px;
        font: 700 14px/1.5 "Artegra Sans", sans-serif;
    }

}

/*Маршрути внутрішня сторінка кінець*/




/* Житло внутрішня сторінка початок*/
@media (max-width: 1350px) {
    .housing_container_header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px;
    }
}

@media (max-width: 1295px) {
    .eh-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 40px 300px;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        padding: 0 54px;
    }

    .house_container.container {
        padding: 80px 30px 50px !important;
    }
}

@media (max-width: 1165px) {
    .eh-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 40px 300px;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        padding: 0 20px;
    }
}

@media (max-width: 1100px) {
    .eh-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 40px 300px;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        padding: 0 10px;
    }

    .house_container.container {
        padding: 80px 10px 50px !important;
    }

    .event-one .container {
        padding: 0px 20px;
    }

    .housing_container .container {
        padding: 0px 10px;
    }

    .housing_container .event-one__header {
        padding: 0px 20px;
    }

    .housing_container .event-one__topbar {
        padding: 0px 20px;
    }

    .housing_container_header {
        padding: 0 20px;
    }

    .eh-thumbs-swiper .swiper-slide img {
        width: 140px;
        height: 140px;
    }

    .booking-info__left {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 15px;
    }

    .booking-info__right {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 15px;
    }
}

@media (max-width: 1000px) {
    .house_container.container {
        padding: 40px 10px 0px !important;
    }

}

@media (max-width: 900px) {
    .eh-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 10px;
    }

    .housing_container .event-hero__bg::before {
        height: 25%;
    }



    .housing_container_header {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
        justify-items: start;
    }

    .price_block_n_categories {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .housing_title_n_description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px;
    }

    .booking-info__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
    }

    .booking-info__title {
        font: 700 28px/1.35 "Artegra Sans", system-ui, sans-serif;
        width: 100%;
        margin: 0;
    }

    .booking-info__title br {
        display: none;
    }

    .booking-card {
        padding: 16px;
        max-width: 100%;
        display: block;
        width: 100%;
    }

    .booking-info__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px;
    }

    .booking-info__cta {
        width: 100%;
    }

    .house_categories {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 4px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


}

@media (max-width: 650px) {
    .booking-info {
        padding: 20px;
    }
}

@media (max-width: 500px) {
    .description_housing {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .price_block span {
        font: 500 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .price_block h3 {
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;

    }

    .house_categories .blog-category-badge {
        font: 600 14px/1.5 "Artegra Sans", sans-serif;
        padding: 8px 12px;
    }

    .house_categories .blog-city-badge {
        font: 600 14px/1.5 "Artegra Sans", sans-serif;
        padding: 8px 12px;
    }

    .housing_container .event-one__header {
        margin: 60px auto 40px !important;
    }

    .eh-main-wrap {
        height: 300px;
    }

    .eh-arrows .ms-btn--prev {
        left: 10px;
    }

    .eh-arrows .ms-btn--next {
        right: 10px;
    }

    .eh-arrows .ms-btn {
        width: 40px;
        height: 40px;
    }

    .eh-thumbs-swiper .swiper-slide img {
        width: 100px;
        height: 100px;
    }

    .eh-card {
        padding: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 32px;
    }

    .eh-card__title {
        font: 500 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .eh-booking {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .booking-info__title {
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;

    }

    .booking-card__title {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;

    }

    .booking-card__item {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;

    }

    .booking-info__grid {
        gap: 32px;
    }

    .booking-info__cta {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;

    }

    .booking-info__note {
        font: 500 12px/1.5 "Artegra Sans", system-ui, sans-serif;

        margin: 0;
    }

    .housing_container .event-body {
        gap: 24px !important;
    }

    .event-article li {
        font: 500 14px/1.5 "Artegra Sans", sans-serif;
    }

    .event-article li::marker {
        font: 700 14px/1.5 "Artegra Sans", sans-serif;
    }
}

@media (max-width: 380px) {
    .eh-main-wrap {
        height: 200px;
    }

    .eh-arrows .ms-btn--prev {
        left: 5px;
    }

    .eh-arrows .ms-btn--next {
        right: 5px;
    }
}


/* Житло внутрішня сторінка кінець */

.event_container_details.attraction-block-share-block-mobile {
    display: none;
}

/* Атракції внутрішня сторінка початок */
@media (max-width: 1000px) {
    .event-hero__facts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-top: 40px;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .event_container_details.attraction-block-share-none-mobile {
        display: none;
    }

    .event_container_details.attraction-block-share-block-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media (max-width: 800px) {
    .event-hero__facts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 15px;
        margin-top: 40px;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .fact {
        padding: 20px;
        height: auto;
        gap: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 500px) {
    .event-one .container {
        padding: 0px 10px;
    }

    .event-one .event-one__header {
        padding: 0px 20px !important;
    }

    .event-one .event-one__topbar {
        padding: 0px 20px !important;
    }

    .fact {
        padding: 16px;
        height: auto;
        gap: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fact-block-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px;
    }

    .fact__label {
        font: 500 12px/1.5 "Artegra Sans", sans-serif;
    }

    .attractions-block-all-components .event-one__header {
        margin: 60px auto 40px;
    }
}

/* Атракції внутрішня сторінка кінець */



/* Гастролокації внутрішня сторінка початок */
@media (max-width: 500px) {
    .gastrolocation-block-all-components .event-one__header {
        margin: 60px auto 40px;
    }

    .event-one__topbar {
        margin: 106px auto 0;
    }
}

/* Гастролокації внутрішня сторінка кінець */





/* Події/Афіша сторінка початок */

@media (max-width: 1490px) {
    .event-card-posters {
        gap: 30px;
        -ms-grid-columns: 390px 30px 400px;
        grid-template-columns: 390px 400px;
    }

    .event-card__right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        aspect-ratio: 1 / 1;
    }

}

@media (max-width: 1430px) {
    .event-card-posters {
        gap: 30px;
        -ms-grid-columns: 350px 30px 400px;
        grid-template-columns: 350px 400px;
    }

    .event-card__right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        aspect-ratio: 1 / 1;
    }

}

@media (max-width: 1380px) {
    .event-card-posters {
        gap: 30px;
        -ms-grid-columns: 350px 30px 350px;
        grid-template-columns: 350px 350px;
    }
}

@media (max-width: 1335px) {
    .event-card-posters {
        gap: 30px;
        -ms-grid-columns: 300px 30px 350px;
        grid-template-columns: 300px 350px;
    }
}

@media (max-width: 1280px) {
    .event-card-posters {
        gap: 30px;
        -ms-grid-columns: 300px 30px 300px;
        grid-template-columns: 300px 300px;
    }
}

@media (max-width: 1230px) {
    .event-card-posters {
        gap: 32px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .event-card__right img {
        width: 100%;
        height: 500px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        aspect-ratio: 1 / 1;
        -o-object-position: center;
        object-position: center;
    }
}

@media (max-width: 1120px) {
    .events-page .breadcrumbs .container {
        padding: 0px;
    }
}

@media (max-width: 1000px) {
    .events-page {
        margin: 136px 20px 80px;
    }
}

@media (max-width: 600px) {
    .events-list-wrap {
        display: -ms-grid;
        display: grid;
        gap: 32px;
    }

    .event-card-posters {
        gap: 24px;
        padding: 24px;
    }

    .event-card__right img {
        width: 100%;
        height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        aspect-ratio: 1 / 1;
        -o-object-position: center;
        object-position: center;
    }

    .event-card__meta-posters {
        margin: 24px 0 0;
    }

    .event-card__foot-posters {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .epg-nextpage span {
        display: none;
    }

    .epg-pages {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        margin: 0 auto;
    }

    .epg-nextpage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        background: #00000008;
        border: none;
        padding: 13.5px 11.5px;
        cursor: pointer;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }
}

@media (max-width: 500px) {
    .events-page {
        margin: 106px 20px 80px;
    }

    .event-card__title-posters {
        font-size: 20px;
        margin: 24px 0 14px;
    }

    .event-card__excerpt-posters {
        margin: 0px;
        font-size: 12px;
    }

    .event-tag-posters {
        font-size: 14px;
    }

    .event-tag--season {
        font-size: 14px;
    }

    .event-card__place-posters {
        font-size: 12px;
    }

    .event-card__place-posters img {
        width: 20px;
        height: 20px;
    }

    .event-card__more {
        font-size: 14px;
    }

    .event-card__foot-posters .heart {
        width: 37px;
        height: 37px;
    }

    .event-card__right img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        aspect-ratio: 1 / 1;
        -o-object-position: center;
        object-position: center;
    }
}

/* Події/Афіша сторінка кінець */



/* Події/Афіша внутрішня сторінка початок */
@media (max-width: 1000px) {
    .only-for-event-padding .event-hero__img {
        padding: 0 20px !important;
    }

    .only-for-event-padding .event-one__header {
        padding: 0 30px !important;
    }

    .only-for-event-padding .event-one__topbar {
        padding: 0 30px !important;
    }
}

@media (max-width: 500px) {
    .only-for-event-padding .event-one__header {
        padding: 0 20px !important;
    }

    .only-for-event-padding .event-one__topbar {
        padding: 0 20px !important;
    }

    .only-for-event-padding .event-hero__img {
        padding: 0 10px !important;
    }

    .event-icons_background {
        margin: 0 10px;
        padding: 40px 0 80px;
    }

    .four-icon-event {
        display: none;
    }

    .four-icon-event:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .event-one .season-badge {
        padding: 8px 16px;
    }

    .event_container_details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
}

/* Події/Афіша внутрішня сторінка кінець */







/* Безпека сторінка початок */
@media (max-width: 1635px) {
    .safety-intro__media {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 480px 24px 372px;
        grid-template-rows: 480px 372px;
        gap: 24px;
        height: 100%;
    }

    .mistakes__table {
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0px 8px;
        min-width: 300px;
    }
}

@media (max-width: 1566px) {
    .safety-intro__media {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 480px 24px 396px;
        grid-template-rows: 480px 396px;
        gap: 24px;
        height: 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

}

@media (max-width: 1560px) {
    .safety-intro__media {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 480px 24px 421px;
        grid-template-rows: 480px 421px;
        gap: 24px;
        height: 100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}

@media (max-width: 1545px) {
    .safety-intro__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        padding: 32px;
        max-height: none;
    }

    .safety-intro__media {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: .6fr 24px .399fr;
        grid-template-rows: .6fr .399fr;
        gap: 24px;
        height: unset;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}

@media (max-width: 1430px) {
    section.safety {
        padding: 80px 40px;
    }

    .mistakes__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 415px;
        grid-template-columns: 1fr 415px;
        gap: 20px;
    }

    .mistakes .container {
        margin: 0 auto;
        padding: 0 40px;
    }

    .mistakes-intro .container {
        margin: 0 auto;
        padding: 0 40px;
    }

    .safety-faq .container {
        margin: 0 auto;
        padding: 0 40px;
    }

    .safety-emergency .container {
        margin: 0 auto;
        padding: 0 40px;
    }

    .safety-hero__title {
        left: 40px;
        bottom: 64px;
    }

    .breadcrumbs_security {
        left: 40px;
    }

    .alt-list {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        margin: 0;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
    }
}





@media (max-width: 1250px) {
    .safety-intro__title {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 1100px) {
    .flex-colum-setify {
        gap: 10px;
    }

    a.ssteps-phone {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
        text-decoration: none;
        color: #3E2E68;
        -webkit-transition: .2s ease;
        -o-transition: .2s ease;
        transition: .2s ease;
    }

    .ssteps-title {
        font: 800 24px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .mistakes-intro__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 20px 400px;
        grid-template-columns: 1fr 400px;
        gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 1080px) {
    section.safety {
        padding: 80px 20px;
    }

    .mistakes .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .mistakes-intro .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .safety-faq .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .safety-emergency .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .safety-hero__title {
        left: 20px;
        bottom: 64px;
    }

    .breadcrumbs_security {
        left: 20px;
    }
}

@media (max-width: 1000px) {

    .safety-intro__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 24px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .ssteps-bottom {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ssteps-download-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .ssteps-app {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #00000008;
        padding: 32px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        gap: 20px;
    }

    .mistakes__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mistakes-intro__title {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .se-grid {
        gap: 40px;
    }

    section.safety {
        padding: 40px 20px;
    }

    .ssteps-title {
        font: 800 20px/1.2 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 950px) {
    .first-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin: 0 0 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ssteps-arrow {
        bottom: -35px;
    }

    .ssteps-intro p {
        width: 90%;
    }

    .ssteps-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .ssteps_block_img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 40px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .se-title {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    h2.sc-title {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .safety-emergency {
        padding: 60px 0 60px;
    }

    .sfaq-title {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .ssteps-phones-block {
        padding: 40px 40px;
    }
}


@media (max-width: 800px) {
    .mistakes-intro__grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mistakes-intro__title br {
        display: none;
    }

    .mistakes-intro__text {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .mistakes_left_safety {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0.01px;
    }

    .mistakes__table {
        min-width: 950px;
    }
}

@media (max-width: 500px) {
    .breadcrumbs_security {
        top: 106px;
    }

    .ssteps-download-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .safety-hero__title {
        left: 20px;
        bottom: 30px;
        font: 700 32px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    section.safety {
        padding: 20px 20px;
    }

    .safety-intro__content {
        padding: 16px;
    }

    .safety-intro__title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .safety-intro__lead {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        padding: 24px 0;
        margin: 0;
    }

    .ssteps-title {
        font: 700 24px/1.2 "Artegra Sans", system-ui, sans-serif;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .ssteps-intro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 32px 24px;
    }

    .ssteps-arrow {
        position: absolute;
        width: 88px;
        max-height: 100px;
        bottom: -12px;
        right: 0px;
    }

    .first-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        margin: 0 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ssteps-intro p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        width: 100%;
    }

    .ssteps-grid {
        gap: 16px;
        padding: 20px;
        margin: 0 0 20px;
    }

    .sstep-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .btn-outline {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        text-align: center;
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .sstep-block-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

    .sstep-h {
        font: 700 14px/1.4 "Artegra Sans", system-ui, sans-serif;
    }

    .sstep-num {
        padding: 16px 18px 14px;
        font: 700 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .sstep-t {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .ssteps-hint {
        margin: 0px 0 16px;
        text-align: left;
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .ssteps-phones-block {
        padding: 32px 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    a.ssteps-phone {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .ssteps-note {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
        color: var(--c-text);
    }

    .ssteps-app {
        gap: 24px;
    }

    .ssteps-app-title {
        font: 700 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .ssteps-app-foot {
        font: 500 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .safety-emergency {
        padding: 60px 0 80px;
    }

    .se-title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .se-title br {
        display: none;
    }

    .se-left {
        gap: 60px;
    }

    .se-grid {
        gap: 60px;
    }

    .se-text {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .se-num {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        width: 45px;
        height: 45px;
    }

    section.safety-contacts {
        margin: 0 0 54px;
    }

    h2.sc-title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .sc-table th:nth-child(1),
    .sc-table td:nth-child(1) {
        width: 280px;
    }

    .sc-table th:nth-child(2),
    .sc-table td:nth-child(2) {
        width: 280px;
    }

    .sc-table th:nth-child(3),
    .sc-table td:nth-child(3) {
        width: 280px;
    }

    .sc-table thead th {
        font: 700 14px/1.4 "Artegra Sans", system-ui, sans-serif;
        padding: 24px 32px;
        text-align: start;
        scroll-snap-align: start;
    }

    .sc-table thead tr {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 12px;
    }

    .sc-table tbody tr {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 12px;
    }

    .safety-contacts .container {
        max-width: 1142px;
        margin: 0px auto;
        padding: 0 0 0 20px;
    }

    .sc-table tbody td {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .safety-faq {
        margin: 0 0 95px;
    }

    .sfaq-title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .safety-faq__grid {
        gap: 60px;
    }


    .ai-toggle {
        padding: 24px;
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }

    .ai-panel__inner {
        padding: 6px 24px 24px;
        position: relative;
    }

    .ai-panel p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .mistakes-intro {
        margin: 0 0 80px;
    }

    .mistakes-intro__grid {
        gap: 24px;
    }

    .mistakes-intro__title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .mistakes-intro__text {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;

    }

    .flex-colum-setify {
        padding: 20px;
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        vertical-align: middle;
        text-align: center;
        gap: 36px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flex-colum-setify img {
        display: block;
        height: 52px;
    }

    .mistakes__table .cell.box {
        color: #000;
        padding: 16px 20px;
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        text-align: center;
        border: none;
    }

    .mistakes__table {
        min-width: 100px;
    }

    .mistakes__table th:nth-child(1),
    .mistakes__table td:nth-child(1) {
        width: 280px;
    }

    .mistakes__table th:nth-child(3),
    .mistakes__table td:nth-child(3) {
        width: 280px;
    }

    .mistakes__grid {
        gap: 24px;
    }

    .mistakes__alt h3 {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .mistakes-alt__head img {
        height: 52px;
    }

    .mistakes-alt__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0px 0 20px;
    }

    .mistakes__alt {
        padding: 20px;
        margin: 0 20px;
    }

    .alt-item {
        padding: 16px 25px;
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .mistakes {
        margin: 0 0 80px;
    }

    .mistakes__source {
        margin: 60px 20px 0 20px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    a.mistakes__btn {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        width: 100%;
    }

    .mistakes_left_safety {
        padding: 0 0 0 20px;
    }

    .mistakes .container {
        margin: 0 auto;
        padding: 0;
    }

}

/* Безпека сторінка кінець */









/* Про Ворохту/Татарів сторінка початок */
@media (max-width: 1920px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 490px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 70%);
        --note-top: -150px;
        --note-right: calc(100vw - 70%);
    }
}

@media (max-width: 1750px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 450px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 75%);
        --note-top: -150px;
        --note-right: calc(100vw - 75%);
    }
}

@media (max-width: 1500px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 400px;
    }
}

@media (max-width: 1430px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 380px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 80%);
        --note-top: -150px;
        --note-right: calc(100vw - 80%);
    }

    .heritage__title {
        font: 700 40px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .voro-stack .container {
        margin: 0 auto;
        padding: 0 40px;
    }

    .heritage .container {
        padding: 0 40px;
    }

    .landmarks .container {
        padding: 0 40px;
    }

    .voro-gallery {
        padding: 80px 40px 80px;
    }

    .landmarks {
        padding: 0 0 80px;
        overflow: hidden;
    }

    .routes {
        margin: 80px 40px 64px;
    }

    .heritage {
        padding: 0 0 80px;
        overflow: hidden;
    }
}

@media (max-width: 1200px) {
    .vs-row {
        gap: 40px;
    }

    .panorama-slider .swiper {
        width: 100%;
        height: 350px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 85%);
        --note-top: -150px;
        --note-right: calc(100vw - 85%);
    }

    .heritage__title {
        font: 700 38px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .voro-stack {
        padding: 60px 0 20px;
    }
}



@media (max-width: 1080px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 330px;
    }

    .voro-stack .container {
        margin: 0 auto;
        padding: 0 20px;
    }

    .heritage .container {
        padding: 0 20px;
    }

    .landmarks .container {
        padding: 0 20px;
    }

    .voro-gallery {
        padding: 60px 20px 60px;
    }

    .landmarks {
        padding: 0 0 60px;
        overflow: hidden;
    }

    .routes {
        margin: 60px 20px 60px;
    }

    .routes .container {
        padding: 40px;
    }
}

@media (max-width: 1024px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 380px;
    }


}



@media (max-width: 1000px) {
    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 90%);
        --note-top: -150px;
        --note-right: calc(100vw - 90%);
    }

    .vs-title {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }

    .vs-text {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .voro-hero .hero-title {
        font: 700 56px/1.2 "Artegra Sans", system-ui, sans-serif;
        margin: 24px 0 0;
    }

    .voro-hero .hero-subtitle {
        font: 700 56px/1.2 "Artegra Sans", system-ui, sans-serif;
        margin: 0 0 8px;
    }

    .vs-thumb {
        width: var(--tw) !important;
        height: var(--th) !important;
    }

    .vs-row {
        -ms-grid-columns: 200px 1fr;
        grid-template-columns: 200px 1fr;
    }

    .vg__wrap {
        -ms-grid-columns: 50% 1fr;
        grid-template-columns: 50% 1fr;
    }

    .voro-hero .hero-head {
        padding: 136px 25px 60px;
    }
}



@media (max-width: 840px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 340px;
    }

    .vg__wrap {
        -ms-grid-columns: 30% 1fr;
        grid-template-columns: 30% 1fr;
    }

    .routes .container {
        padding: 20px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 95%);
        --note-top: -150px;
        --note-right: calc(100vw - 95%);
    }
}

@media (max-width: 720px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 290px;
    }

    .vs-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .vs-main {
        gap: 40px;
    }

    .vs-tag {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
        margin: 0;
    }

    .vs-aside {
        gap: 32px;
    }

    .hero-decor {
        --sq-top: -100px;
        --sq-left: calc(100vw - 100%);
        --note-top: -150px;
        --note-right: calc(100vw - 100%);
    }

    .vs-row {
        padding: 40px 0 40px;
    }

    .title_about_village_short p {
        padding: 0 0 40px;
    }

    .voro-stack {
        padding: 40px 0 60px;
    }

    .heritage__title {
        font: 700 32px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__title {
        font: 700 32px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
    }

    .vs-icon {
        width: 43px;
        height: 43px;
    }

    .routes__legend>strong {
        font: 700 16px/1.3 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 650px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 250px;
    }

    .hero-decor {
        --sq-top: -90px;
        --sq-left: calc(100vw - 110%);
        --note-top: -130px;
        --note-right: calc(100vw - 110%);
    }
}

@media (max-width: 640px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 380px;
    }

    .vg__aside {
        position: unset;
        top: 120px;
    }

    .vg__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .vg__grid {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vg__item--1 {
        grid-column: 1 / -1;
        max-height: 450px;
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    .vg__item--2 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
    }

    .vg__item--3 {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / 3;
    }

    .vg__item--4 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1 / 2;
    }

    .vg__item--5 {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2 / 3;
    }

    .vg__more {
        grid-column: 1 / -1;
    }

    .vg__wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 40px;
    }




}




@media (max-width: 500px) {
    .voro-hero .hero-head {
        position: relative;
        text-align: center;
        margin: 0 auto;
        padding: 106px 20px 100px;
    }

    .voro-gallery {
        padding: 40px 20px 40px;
    }

    .panorama-slider .swiper {
        width: 100%;
        height: 300px;
    }

    .voro-hero .breadcrumbs {
        display: none;
    }

    .voro-hero .hero-title {
        font: 700 36px/1.2 "Artegra Sans", system-ui, sans-serif;
        margin: 0;
    }

    .voro-hero .hero-subtitle {
        font: 700 36px/1.2 "Artegra Sans", system-ui, sans-serif;
        margin: 0 0 8px;
    }

    .voro-hero .hero-lead {
        max-width: 255px;
        margin: 24px auto 0;
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .hero-decor {
        --sq-top: 10px;
        --sq-left: calc(100vw - 105%);
        --note-top: -20px;
        --note-right: calc(100vw - 105%);
    }

    .stats__btn {
        margin-top: 18px;
    }

    .voro-stack {
        padding: 20px 0 80px;
    }

    .vs-thumb {
        width: 100% !important;
        /*height: auto !important;*/
        aspect-ratio: 1 / 1;
    }

    .vs-title {
        margin: 0;
    }

    .heritage__title {
        font: 700 28px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .heritage__titlewrap {
        position: relative;
        display: inline-block;
        margin: 0 0 60px;
    }

    .heritage-caption {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .vg__more {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }

    .routes {
        margin: 40px 20px 60px;
    }

    .routes__legend {
        margin: 40px 0 0;
        position: unset;
        width: 100%;
    }

    .note_routes {
        -ms-grid-columns: 1fr 21px 34px 21px 36px;
        grid-template-columns: 1fr 34px 36px;
        gap: 21px;
    }

}

@media (max-width: 450px) {
    .heritage__title {
        font: 700 24px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__title {
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 430px) {
    .panorama-slider .swiper {
        width: 100%;
        height: 280px;
    }
}

@media (max-width: 410px) {
    .heritage__title {
        font: 700 22px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__title {
        font: 700 22px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
}

@media (max-width: 390px) {
    .heritage__title {
        font: 700 20px/1.2 "Artegra Sans", system-ui, sans-serif;
    }

    .landmarks__title {
        font: 700 20px/1.35 "Artegra Sans", system-ui, sans-serif;
    }

    .panorama-slider .swiper {
        width: 100%;
        height: 250px;
    }
}

/* Про Ворохту/Татарів сторінка кінець */

@media (max-height: 1080px) and (min-width: 500px) {
    .filters-category_blog .blog-filter__panel,
    .user-category-filter .blog-filter__panel {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 400px;
        overflow-y: auto;
    }
}

@media (max-height: 1060px) and (min-width: 500px) {
    .filters-category_blog .blog-filter__panel,
    .user-category-filter .blog-filter__panel {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 300px;
        overflow-y: auto;
    }
}

@media (max-height: 980px) and (min-width: 500px) {
    .filters-category_blog .blog-filter__panel,
    .user-category-filter .blog-filter__panel {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 250px;
        overflow-y: auto;
    }
}

@media (max-height: 930px) and (min-width: 500px) {
    .filters-category_blog .blog-filter__panel,
    .user-category-filter .blog-filter__panel {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 200px;
        overflow-y: auto;
    }
}









/*Віртуальний тур початок*/
@media (max-width: 1295px) {
    .page-virtual-tour {
        margin: 156px 74px 60px;
    }
}

@media (max-width: 1165px) {
    .page-virtual-tour {
        margin: 156px 40px 60px;
    }
}

@media (max-width: 1100px) {
    .page-virtual-tour {
        margin: 156px 30px 60px;
    }
}

@media (max-width: 1075px) {
    .page-virtual-tour {
        margin: 156px 20px 60px;
    }
}

@media (max-width: 500px) {
    .container-share-virtual-tour .event_container_details {
        display: none;
    }

    .page-virtual-tour .breadcrumbs {
        display: none;
    }

    .virtual-tour-back-social {
        display: flex;
        justify-content: space-between;
    }

    .virtual-tur-margin .event-hero__img {
        height: 500px;
    }

    .virtual-tur-margin .event-hero__img {
        padding-bottom: 10px;
    }
}

/*Віртуальний тур кінець*/




/*Як добратися до початок*/
@media (max-width: 1295px) {
    .autor_photo_how_to_get_to {
        margin: 16px 64px 0;
    }
    .container-all-popup {
        margin: 0px 40% 0 0;
    }
}

@media (max-width: 1165px) {
    .autor_photo_how_to_get_to {
        margin: 16px 30px 0;
    }
}

@media (max-width: 1100px) {
    .autor_photo_how_to_get_to {
        margin: 16px 20px 0;
    }
    .container-all-popup {
        margin: 0px 35% 0 0;
    }
}

@media (max-width: 1075px) {
    .autor_photo_how_to_get_to {
        margin: 16px 10px 0;
    }
}

@media (max-width: 1000px) {
    .container-all-popup {
        margin: 0;
    }
    .content_how_to_get {
        width: 100%;
    }
    .howto-modal__dialog {
        max-width: calc(100% - 64px);
    }
}

@media (max-width: 600px) {
    .howto-modal__dialog {
        max-width: calc(100% - 20px);
        padding: 32px 0;
        /*height: 100%;*/
    }
    .howto-modal__close {
        top: -20px;
        right: calc(100% - 20px - 50%);
        padding: 8px 8px 4.5px;
    }
    .container-all-popup {
        overflow-y: scroll;
        height: 100%;
        padding: 0 24px;
    }
    .popup-top-content h2 {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .popup-top-content p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .popup-top-content p b {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .popup-bottom-content p b {
        font: 600 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .popup-bottom-content ul {
        font: 400 15px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .popup-bottom-content span b {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
}
@media (max-width: 500px) {
    .howto-modal__dialog {
        max-height: 80vh;
    }
    .block_with_butt_for_popup h2 {
        font: 700 20px/1.4 "Artegra Sans", sans-serif;
    }

    .block_with_butt_for_popup span {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .autor_photo_how_to_get_to {
        margin: 10px 10px 0;
    }
}

/*Як добратися до кінець*/






/* Сторінка Брендбуки початок*/
@media (max-width: 1000px) {
    .if-u-want-to-download-all-brandbook {
        padding: 24px 16px;
        margin: 0;
        background: #fff;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .js-brandbooks-toc {
        overflow: auto;
        height: 200px;
    }
    .how-to-get-padding {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Сторінка Брендбуки кінець*/




/* Сторінка Скоро початок */
@media (max-width: 1000px) {
    .soon h1 {
        margin: 0;
        font: 700 28px/1.35 "Artegra Sans", system-ui, sans-serif;
        color: #3E2E68;
    }
}

@media (max-width: 700px) {
    .soon h1 {
        margin: 0;
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
        color: #3E2E68;
    }
    .soon .middle-img-soon {
        height: 300px;
    }
}
@media (max-width: 500px) {
    .soon h1 {
        font: 700 18px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
    .soon .middle-img-soon {
        height: 200px;
        object-fit: cover;
        width: 90vw;
    }
}

@media (max-width: 350px) {
    .e404__btn .btn_text_style {
        font-size: 12px;
    }
}
/* Сторінка Скоро кінець */







/* Сторінка 404 початок */

@media (max-width: 1000px) {
    .e404 {
        font: 700 200px/0.7 "Artegra Sans", system-ui, sans-serif;
    }
}
@media (max-width: 500px) {
    .e404 {
        font: 700 140px/0.7 "Artegra Sans", system-ui, sans-serif;
    }
    .e404__desc {
        font: 500 16px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
}
/* Сторінка 404 кінець */


/* Сторінка ТІЦ початок */

@media (max-width: 1295px) {
    .tic-main {
        margin: 156px 74px 60px !important;
    }
    .tic-details .event-hero__img {
        padding: 0 64px;
    }
    .tic-details .event-hero__facts {
        padding: 0 64px;
    }
    .bg-container-tic {
        margin: 0 64px;
    }
    .mission-tic {
        padding: 0 64px 120px;
    }
    .planning_trip {
        padding: 0 64px 120px;
    }
    .useful_applications {
        padding: 0 64px 84px;
    }
}
@media (max-width: 1165px) {
    .tic-main {
        margin: 156px 40px 60px !important;
    }
    .tic-details .event-hero__img {
        padding: 0 30px;
    }
    .tic-details .event-hero__facts {
        padding: 0 30px;
    }
    .bg-container-tic {
        margin: 0 30px;
    }
    .mission-tic {
        padding: 0 30px 120px;
    }
    .planning_trip {
        padding: 0 30px 120px;
    }
    .useful_applications {
        padding: 0 30px 84px;
    }
}
@media (max-width: 1100px) {
    .tic-main {
        margin: 156px 30px 60px !important;
    }
    .tic-details .event-hero__img {
        padding: 0 20px;
    }
    .tic-details .event-hero__facts {
        padding: 0 20px;
    }
    .bg-container-tic {
        margin: 0 20px;
    }
    .mission-tic {
        padding: 0 20px 120px;
    }
    .planning_trip {
        padding: 0 20px 120px;
    }
    .useful_applications {
        padding: 0 20px 84px;
    }
}
@media (max-width: 1075px) {
    .tic-main {
        margin: 156px 20px 60px !important;
    }
    .tic-details .event-hero__img {
        padding: 0 10px;
    }
    .tic-details .event-hero__facts {
        padding: 0 10px;
    }
    .bg-container-tic {
        margin: 0 10px;
    }
    .mission-tic {
        padding: 0 10px 120px;
    }
    .planning_trip {
        padding: 0 10px 120px;
    }
    .useful_applications {
        padding: 0 10px 84px;
    }
}
@media (max-width: 1000px) {
    .block-title-tic-search p {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .repeater-header-img-title p {
        font: 600 18px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .repeater-header-img-title img {
        width: 30px;
        height: 30px;
    }
    .mission-title {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
        margin: 0 30px;
    }
    .ideas-icon-tic {
        padding: 17px 26px;
    }
    .looking-block-two p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .looking-block-one {
        gap: 20px;
    }
    .looking-block-three p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .looking-block-one p {
        font: 600 18px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .planning_trip-title b {
        font: 700 30px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
    .planning_trip-title-connect {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .contact-with-tic-repeater p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .planning_trip-title-and-icon-top p {
        font: 600 18px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .planning_trip-title-and-icon-top img {
        width: 30px;
        height: 30px;
    }
    .useful_applications-one p {
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;
        margin: 0 30px;
    }
    .title-n-description-application b {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .container-repeater-tic {
        grid-template-columns: 1fr 1fr;
    }
    .planning_trip-center-container {
        grid-template-columns: 1fr;
    }
    .useful_applications-all-blocks {
        grid-template-columns: 1fr;
    }
    .container-center-tic {
        padding: 70px 0 120px;
    }
}


@media (max-width: 850px) {
    .looking-for-interested {
        display: flex;
        flex-direction: column;
    }
    .looking-block-one {
        align-items: flex-start;
    }
    .looking-block-two {
        padding: 24px 32px;
    }
}


@media (max-width: 700px) {
    .container-repeater-tic {
        grid-template-columns: 1fr;
    }
    .planning_trip {
        padding: 0 10px 60px;
    }
    .mission-tic {
        padding: 0 10px 60px;
    }
    .container-center-tic {
        padding: 60px 0 60px;
    }
}
@media (max-width: 550px) {
    .bg-container-tic {
        padding: 24px;
    }
    .block-repeater-tic {
        padding: 20px;
        gap: 50px;
    }
    .mission-tic-center-container {
        gap: 40px;
    }
    .looking-block-one {
        padding: 24px;
    }
    .looking-block-two {
        padding: 24px;
    }
    .looking-block-three {
        padding: 24px;
    }
    .planning_trip-center-container {
        padding: 24px;
        gap: 40px;
    }
    .planning_trip-block-right {
        padding: 20px;
    }
    .useful_applications-one p {
        margin: 0 20px;
    }
    .useful_applications-two {
        padding: 24px;
    }
    .mission-title {
        margin: 0 20px;
    }
    .ideas-icon-tic img {
        width: 18px;
        height: 28px;
    }
    .ideas-icon-tic {
        padding: 14px 18px 5px;
    }
    .mission-title br {
        display: none;
    }
    .block-title-tic-search p br {
        display: none;
    }
    .useful_applications-one p br {
        display: none;
    }
}
@media (max-width: 480px) {
    .container-center-tic {
        padding: 40px 0 40px;
    }
    .mission-tic {
        padding: 0 10px 40px;
    }
    .planning_trip {
        padding: 0 10px 40px;
    }
    .bg-container-tic {
        padding: 16px;
    }
    .block-repeater-tic {
        padding: 16px;
        gap: 50px;
    }
    .mission-title {
        margin: 0;
    }
    .looking-block-one {
        padding: 16px;
    }
    .mission-title {
        font: 700 18px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .looking-block-two {
        padding: 16px;
    }
    .looking-block-three {
        padding: 16px;
    }
    .planning_trip-center-container {
        padding: 16px;
        gap: 40px;
    }
    .planning_trip-left-block {
        gap: 40px;
    }
    .contact-with-tic-repeater {
        gap: 8px;
    }
    .planning_trip-block-right {
        padding: 16px;
    }
    .useful_applications-one p {
        margin: 0;
    }
    .useful_applications-two {
        padding: 16px;
    }
    .useful_applications {
        padding: 0 10px 60px;
    }

}

@media (max-width: 420px) {
    .contact-with-tic-repeater {
        gap: 8px;
        align-items: flex-start;
    }
    .block-planning_trip-send-message {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}

/* Сторінка ТІЦ кінець */







/* Сторінка Реєстрація,Авторизація,Скидання пароля початок */
@media (max-width: 1350px) {
    .register-panel__inner {
        max-width: calc(100% - 20%);
    }
}

@media (max-width: 1200px) {
    .register-panel__inner {
        max-width: calc(100% - 10%);
    }
}
@media (max-width: 1050px) {
    .register-panel__inner {
        max-width: 100%;
    }
}
@media (max-width: 1000px) {
    .register-layout {
        display: grid;
        grid-template-columns: 400px 1fr;
        height: 100vh;
    }
}
@media (max-width: 850px) {
    .register-layout {
        display: grid;
        grid-template-columns: 300px 1fr;
        height: 100vh;
    }
    .register-illustration img {
        padding: 24px;
        width: 100%;
        object-fit: cover;
    }
}
@media (max-width: 730px) {
    .register-layout {
        display: grid;
        grid-template-columns: 1fr;
        height: 100vh;
    }
    .register-illustration {
        display: none;
    }
}
@media (max-width: 500px) {
    .login-text-description p {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        color: #666;
        text-align: center;
        margin: 12px 0 28px;
    }
    .register-divider {
        margin: 20px 0;
    }
}
/* Сторінка Реєстрація,Авторизація,Скидання пароля кінець */






/* Сторінка Список вподобаних початок */
@media (max-width: 1255px) {
    .fav-card__meta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 1210px) {
    main.favorites-page {
        margin: 156px 40px 180px;
    }
}

@media (max-width: 1120px) {
    .favorites.container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0px;
    }
}

@media (max-width: 1080px) {
    main.favorites-page {
        margin: 156px 20px 180px;
    }
}
@media (max-width: 1035px) {
    .favorites__grid {
        grid-template-columns: 300px 1fr;
        gap: 28px;
    }
    .favorites_breadcrums {
        -ms-grid-columns: 300px 28px 1fr;
        grid-template-columns: 300px 1fr;
        gap: 28px;
    }
}
@media (max-width: 1000px) {
    .favorites__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .favorites_breadcrums {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .fav-card__meta {
        align-items: flex-start;
        flex-direction: row;
    }
    main.favorites-page {
        margin: 156px 20px 80px;
    }
}
@media (max-width: 800px) {
    .fav-card__meta {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 650px) {
    .favorites_breadcrums {
        padding: 0;
    }
    .user-page-favor-indicators {
        flex-direction: row !important;
        gap: 16px !important;
        align-items: center !important;
        flex-wrap: wrap !important;
    }
    .fav-card {
        gap: 24px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 24px;
    }
    .fav-card__meta {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .fav-card__actions .fav-card__btn {
        text-align: center;
        flex: 1;
    }
}
@media (max-width: 500px) {
    main.favorites-page {
        margin: 106px 20px 80px;
    }
    .user-name {
        font: 700 14px/1.4 "Artegra Sans", system-ui, sans-serif;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .user-email {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .favorites__title {
        font: 700 26px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
    .favor-title-cabinet {
        margin: 0 0 12px;
    }
    .favor-title-cabinet img {
        width: 31px;
    }
    .favorites_breadcrums {
        gap: 32px;
    }
    .fav-card__title {
        font: 700 20px/1.4 "Artegra Sans", system-ui, sans-serif;
        margin: 0 0 16px;
    }
    .fav-card__meta {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .user-page-favor-city p {
        font: 600 14px / 1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .user-page-favor-indicators {
        gap: 12px !important;
    }
    .all-indicators .card__date_dd_mm {
        font: 600 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .fav-card__btn {
        font: 600 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
}
/* Сторінка Список вподобаних кінець */








/* Сторінка Контакти початок */


@media (max-width: 1210px) {
    .contacts-page .container {
        padding: 156px 40px 64px;
    }
    .contacts-map {
        padding: 64px 40px;
    }
}
@media (max-width: 1080px) {
    .contacts-page .container {
        padding: 156px 20px 64px;
    }

    .contacts-map {
        padding: 64px 20px;
    }
}
@media (max-width: 1000px) {
    .contacts-hero__grid {
        grid-template-columns: 1fr 300px;
    }
    .contacts-form {
        padding: 30px;
    }
    .contacts-title {
        font: 700 35px/1.2 "Artegra Sans", system-ui, sans-serif;
    }
    
}
@media (max-width: 800px) {
    .contacts-hero__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .contacts-illustration img {
        position: unset;
        object-position: center;
    }
    .contacts-card {
        position: unset;
        width: 100%;
        padding: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .contacts-map__wrap {
        position: unset;
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
    }
    .modile-background-block {
        background: #00000008;
        padding: 5px;
    }
    
}
@media (max-width: 500px) {
    .contacts-page .container {
        padding: 106px 20px 40px;
    }

    .contacts-map {
        padding: 32px 20px 51px;
    }

    .contacts-form {
        padding: 24px 18px;
    }
    .contacts-title {
        font: 700 28px/1.2 "Artegra Sans", system-ui, sans-serif;
        margin: 20px 0 20px;
    }
    .contacts-lead {
        margin: 0 0 24px;
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .cf-block-actions {
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
    }
    .cf7-actions {
        width: 100%;
    }
    .cf7-actions .stats__btn {
        width: 100%;
    }
    .cf7-actions .stats__btn .btn_text_style {
        flex: 1;
    }
    .wpcf7-list-item label {
        gap: 16px;
    }
    .contacts-cf7 .cf7-accept {
        color: var(--c-text);
        font: 500 12px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card__title {
        margin: 0 0 24px;
        font: 700 24px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card {
        padding: 24px 16px;
    }
    .contacts-card__row {
        grid-template-columns: 1fr;
        gap: 16px;
        justify-items: start;
    }
    .contacts-card__addr-title {
        font: 700 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card__addr {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card__btn {
        font: 700 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card__time {
        margin-top: 24px;
    }
    .contacts-card__time .muted {
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .contacts-card__time .strong {
        font: 700 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        margin-top: 6px;
    }
    .contacts-map__canvas {
        min-height: 325px;
        aspect-ratio: 1 / 1;
    }
    .contacts-illustration img {
        position: unset;
        object-position: center;
        aspect-ratio: 1 / 1;
        min-height: 325px;
    }

}
/* Сторінка Контакти кінець */












/* Сторінка Політика приватності початок */

@media (max-width: 1615px) {
    .privacy-hero {
        padding: 64px 60px;
    }
}
@media (max-width: 1450px) {
    .privacy-hero {
        padding: 64px 40px;
    }
}
@media (max-width: 1250px) {
    .privacy-hero {
        padding: 64px 20px;
    }
}
@media (max-width: 1100px) {
    .privacy-grid.container {
        grid-template-columns: 1fr 360px;
        padding: 0;
    }
    .privacy-hero {
        padding: 64px 16px;
    }
    .privacy-page {
        margin: 156px 10px 10px;
    }
}
@media (max-width: 1000px) {
    .privacy-hero .container {
        padding: 0;
    }
    .privacy-toc {
        position: unset;
        width: 100%;
    }
    .privacy-grid.container {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }
    .privacy-hero {
        padding: 40px 16px;
    }
    .privacy-hero .breadcrumbs {
        margin: 0 0 40px;
    }
}
@media (max-width: 500px) {
    .privacy-page {
        margin: 106px 10px 10px;
    }
    .privacy-toc__title {
        padding-bottom: 16px;
        margin-bottom: 16px;
        font: 700 14px/1.5 "Artegra Sans", system-ui, sans-serif;
    }
    .privacy-article {
        padding: 16px;
    }
    .privacy-title {
        margin: 24px 0 20px;
        font: 700 14px/1.35 "Artegra Sans", system-ui, sans-serif;
    }
    .privacy-article p, .privacy-article li {
        color: #000;
        font: 500 14px/1.5 "Artegra Sans", system-ui, sans-serif;
        margin: 0 0 16px;
    }
    .privacy-article h2 {
        color: #3E2E68;
        margin: 40px 0 20px;
        font: 700 14px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
    .privacy-article h3 {
        font: 700 14px/1.4 "Artegra Sans", system-ui, sans-serif;
    }
}


/* Сторінка Політика приватності кінець */


















/*Інші стилі*/

@media (max-width: 1000px) {
    .events-filter__inner .season-filter {
        display: none;
    }

    .season-filter {
        margin: 0px;
    }
}

@media (max-width: 500px) {
    .dev-custom span {
        padding: 0px !important;
        font: 500 12px / 1.5 'Artegra Sans', system-ui, sans-serif !important;
    }

    .heart__icon {
        position: absolute;
        width: 24px;
        height: 24px;
    }

    .event-card_block_photo .heart {
        width: 37px;
        height: 37px;
        position: relative;
    }

    .list-item-heart-categories span {
        font: 500 12px/1.5 "Artegra Sans", sans-serif;
        position: relative;
    }

    .map-filter-and-search {
        gap: 0px !important;
    }

    .other-publication-recommend-posts .card-posters {
        height: auto !important;
    }

    /*body:has(#mnav.is-open) .dev-custom {
        display: none !important;
    }*/
    @media (max-height: 990px) and (min-width: 500px) {
        .event-hero__img {
            height: 600px;
        }
    }
    @media (max-height: 900px) and (min-width: 500px) {
        .event-hero__img {
            height: 500px;
        }
    }
    @media (max-height: 800px) and (min-width: 500px) {
        .event-hero__img {
            height: 400px;
        }
    }
    @media (max-height: 700px) and (min-width: 500px) {
        .event-hero__img {
            height: 350px;
        }
    }

}