@media (max-width: 1100px) {
    .section-inner-wide, .section-inner, .vote {
        max-width: calc(100% - 2.9091vw); /* 32px -> 32/1100*100 */
        width: 100%;
    }
   .btn {
       font-size: 1.5vw;
    }
    .event-foto {
      width: 74px;
      min-width: 74px;
      height: 74px; 
    }
    .over {
        overflow: hidden;
    }
    .main-title.gap60 {
        gap:30px;
    }
    .juri-item .flex {
        gap: 48px;
    }
    .content {
        font-size: 2vw;
    }
    .news-image {
        margin-top: 24px ;
    }
    .winner {
        font-size: 3.0833vw;
    }
    .text2 {
        font-size: 2vw;
    }
    .cont-cookie-popup {
        padding: 24px;
        bottom: 20px;
        right: 20px;
        width: 338px;
    }
    .part_items img {
        width: 100%;
        object-fit: contain;
        transition: all 0.5s ease;
        max-width: 100%;
        max-height: 100%;
        height: 100%;
    }
    .win {
        width: 75%;
    }
    .btn {
        padding: 16px 24px;
    }
    .site-header {
        height: 98px;
    }
    .gap120 {
        gap: 60px; /* 120px */
    }
    .win .place {
        width: 18px;
        min-width: 180px;
    }
    .site-info .flex .flex {
        gap: 10px; /* 10px 0.5208vw*/
        justify-content: flex-end;
    }
    .kino-data, .gap24 {
        gap: 24px;
    }

    .row1, .gap60 {
        gap: 60px;
    }
    .menu-popup .section-inner {
        width: 75%;
    }
    .program {
        width: calc(33.33% - 21.33px);
        padding: 32px;
        border: 1px solid var(--light);
        height: 300px;
    }
    .about-fest {
        width: 25%;
    }
    .transform-menu {
        width: 12vw;
    }
    .bvi-open, .transform-menu {
        font-size: 16px;
        line-height: 110%;
    }
    .section-inner-wide {
        padding: 1.8182vw 0; /* 20px -> 20/1100*100 */
    }
    h4, .h4 {
        font-size: 2.4545vw; /* 27px -> 27/1100*100 */
    }
    .popup2 ul {
        font-size: 3vw; /* уже в vw, оставляем */
    }
    .juri-content, .place {
        font-size: 1.6364vw; /* 18px -> 18/1100*100 */
    }
    .about-padding {
        padding: 56px 0 24px;
    }
    .margin120 {
        padding: 60px 0;
    }
    .center-block .btn, .kino-item .btn {
        padding: 18px 24px;
    }
    .country {
        padding: 10px 0 32px;
    }
    .site-info .flex1.grey {
        text-align: center;
    }
    .kino-title {
        font-size: 3.1818vw; /* 35px -> 35/1100*100 */
    }
    .kino-item span {
        font-size: 5vw; /* 55px -> 55/1100*100 */
    }
    body {
        font-size: 1.3636vw; /* 15px -> 15/1100*100 */
    }
    .info-item {
        font-size: 1.4545vw; /* 16px -> 16/1100*100 */
    }
    h3, .h3 {
        font-size: 2.0909vw; /* 23px -> 23/1100*100 */
    }
    h2, .h2 {
        font-size: 5vw; /* 55px -> 55/1100*100 */
    }
    .footer-menu ul {
        font-size: 1.6364vw; /* 18px -> 18/1100*100 */
    }
    .footer-menu {
        font-size: 1.8182vw; /* 20px -> 20/1100*100 */
    }
    .vote-image {
        left: 2.7273vw; /* 30px -> 30/1100*100 */
        max-width: 40%;
    }
    .vote .h2 {
        font-size: 3.6364vw; /* 40px -> 40/1100*100 */
    }
    .main-navigation {
        display: none;
    }
    .popup1 {
        font-size: 4vw; /* уже в vw, оставляем */
    }
    .mobile-header-menu {
        height: 100vh;
    }
}
@media (max-width: 780px) {
  .juri-content, .place {
      font-size: 14px;
  }
    .text-vote, .single-date {
        font-size: 24px;
    }
    body, .footer-menu ul, .footer-menu {
        font-size: 16px;
    }
    .site-info {
        font-size: 2vw;
    }
    .transform-menu {
        width: 100px;
        overflow: hidden;
        height: 23px;
    }
}
@media (max-width: 680px) {
    .program { 
      background: var(--blue);
      border: none;
    }
    .program:nth-child(3n+2), .slick-slide:nth-child(3n+2) .program {
        background: var(--dark-green);
     }
    .program:nth-child(3n+3), .slick-slide:nth-child(3n+3) .program  {
       background: var(--red);
    }
    .program:hover .line {
      transform: unset;
    }
    .header-left .bvi-open, .header-left .btn.blue, .about br, .empty, .text-vote br, .row1 br, .hidden-mobile {
        display: none;
    }
    .half-title {
       width: auto;
     }
     .btn {
        font-size: 3.2vw;
     }
    .bvi-open::before, .menu-item a::before, .hover-for::before {
        content: unset;
    }
    .wide-inner .main-title {
        gap: 4vw;
        justify-content: center;
    }
    .main-menu {
        gap: 10px;
    }
    h2, .h2 {
        font-size: 8vw;
        font-weight: 500;
        letter-spacing: -0.16vw;
    }

    h3, .h3 {
        font-size: 5.2vw;
        line-height: 140%;
    }

    .kino-title {
        font-size: 7vw;
        letter-spacing: -0.192vw;
    }

    .about .item-end, .column, .day-row, .film-item {
        flex-direction: column;
    }

    .about .item-end .logo8, .about .item-end .flex1, .kino-img, .kino-single-img {
        width: 100%;
        height: auto;
    }
    .about-padding {
        padding: 32px 0 16px;
    }
    h4, .h4, .popup2 ul {
        font-size: 4.8vw;
    }

    .about .kino {
        font-size: 18px;
        font-weight: 400;
        line-height: 140%;
    }

    body {
        font-size: 3.6vw;
    }
    
    .juri-content {
        font-size: 4vw;
        font-weight: 400;
    }

    .kino-data {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 8vw;
    }

    .single-item .kino-data {
        justify-content: space-between;
    }

    .how-long {
        width: 100%;
    }

    .kino-item span {
        font-size: 16vw;
        /*padding-top: 2vw;*/
    }

    .kino-info p, .date-info {
        font-size: 4.2vw;
        line-height: 140%;
    }

    .info-item, .info-item-single {
        font-size: 5.2vw;
        line-height: 110%;
    }

    .margin6 {
        margin-top: 1vw;
    }
    .filter-buttons .filter-btn {
       white-space: nowrap;
    } 
    .filter-buttons {
       flex-wrap: nowrap;
       overflow: scroll;
       scrollbar-width: none; 
      -ms-overflow-style: none; 
    }
    .filter-buttons::-webkit-scrollbar {
         display: none;
    }
    .gap60, .day-row {
        gap: 12vw;
    }
    .gap60.film-item, .gap60.film-item .gap60 {
       gap: 6vw;
    }
    .juri-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .juri-block .grid-col-2 {
        display: grid;
        grid-template-columns: 1fr 1.12fr;
    }

    .juri-block .juri-content {
        font-size: 4.4vw;
    }

    .juri-item {
        height: auto;
    }

    .about-juri .h4 {
        font-size: 6vw;
        line-height: 110%;
    }

    .about-juri .country {
        font-size: 4.8vw;
        line-height: 110%;
    }

    .place {
        text-align: left;
    }

    .prog-slider .slick-list {
        margin: 0 24px 0 -12px;
        overflow: visible;
    }

    .prog-slider .slick-track {
        display: flex;
        gap: 4.8vw;
    }

    .gt_float_switcher .gt_options a {
        font-size: 3vw;
    }

    .vote {
        height: auto;
        flex-direction: column;
        padding: 7.5vw;
    }

    .vote-image {
        left: unset;
        max-width: 100%;
        position: relative;
        width: 100%;
        height: auto;
        order: 2;
        margin-bottom: -8vw;
    }

    .vote .h2 {
        font-size: 8vw;
        letter-spacing: -0.224vw;
    }

    .text-vote, .program-name {
        font-size: 4.4vw;
        margin-bottom: 6.4vw;
    }

    .vote .h4, .history .content, .priz-item .content {
        font-size: 5.4vw;
    }

    .part1-slide .slick-list, .part2-slide .slick-list {
        margin: 0 -25% 0 -12px;
    }

    .part1-slide .slick-track, .part2-slide .slick-track {
        display: flex;
        gap: 4.8vw;
    }
    .single-category {
        margin-top: 24px;
    }
    .breadcrumbs {
        padding: 16px 0;
    }
    .date {
        margin-bottom: 10px;
    }
    .programs, .partners {
        overflow: hidden;
    }
    .margin60 {
        margin: 60px auto;
    }
    .partners .h2 {
        font-weight: 400;
        justify-content: flex-end;
        gap: 15px;
    }
    .kino .flex1 {
      max-width: 100%;
    } 
    .row1, .site-info {
        flex-direction: column;
        align-items: center;
        gap: 8vw;
        font-size: 4.4vw;
    }

    .part_items .main-img {
        opacity: 1;
    }
    .part_items .grey-img {
        opacity: 0;
    }

    .footer-menu {
        flex-direction: column;
    }
    .vote {
        gap: 30px;
    }
    .text-vote, .single-date {
        margin-top:  24px
    }
    .part_items {
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.30); /* 1px */
        height: 160px;
        padding: 32px;
        width: calc(25% - 45px); /* 45px */
    }
    .menu-footer1-container ul, .menu-footer2-container ul {
        text-align: center;
        font-size: 4.8vw;
        line-height: 110%;
        gap: 8vw;
    }

    .footer-image-top {
        width: 42vw;
        margin-bottom: 12vw;
    }

    .mobile-col, .contact-row {
        flex-direction: column;
        width: 100%;
    }
    .contact-item {
        font-size: 5vw;
    }
    .small-tip {
        font-size: 4vw;
    }
    .mobile-col .flex1 {
        display: flex;
        gap: 3.2vw;
    }

    .mobile-col .flex1 div, .mobile-col .flex1 p {
        flex: 1;
        font-size: 4.4vw;
        line-height: 110%;
    }

    .popup1, .popup2 ul {
        font-size: 5.4vw;
        line-height: 110%;
        text-transform: lowercase;
        letter-spacing: -1.28px;
        width: 400px;
        margin: 0 auto;
    }

    .menu-popup .section-inner {
        flex-direction: column;
        gap: 3.2vw;
    }

    .menu-popup ul {
        gap: 3.2vw;
    }
    .mobile-version {
        display: flex;
        margin-top: 12.8vw;
    }

    .about-fest, .about h2 {
        flex: 1;
    }

    .site-header {
         height: 66px;
         align-content: center;
    }

    .grid-col-3 {
        gap: 12.8vw 6.4vw;
    }
    .news-row.gap60 {
        gap: 6vw;
    }
    .news-name {
        line-height: 110%;
        letter-spacing: -0.16vw;
        min-height: 12vw;
        font-size: 4.2vw;
    }
    .news-image {
        height: 30vw;
    }
    .news-full-img {
        height: 80vw;
    }
    .content {
        font-size: 3.6vw;
    }
    .arhive-main-page.grid-col-3 {
        grid-template-columns: 1fr 1fr;
    }
    .breadcrumbs, .all-news {
        letter-spacing: -0.128vw;
        font-size: 4vw;
    }
    .win-row {
        flex-direction: column;
        gap: 6vw;
    }
    .win {
        width: auto;
    }
    .cont-cookie-popup {
        bottom: 20px;
        right: 20px;
    }
    .cookie-title {
        font-size: 4vw;
    }
    .winner {
        font-size: 6vw;
    }
    .num svg {
        width: auto;
        height: 100%;
    }
    .transform-menu {
        font-size: 3.4vw;
        width: 140px;
    }
.win-item .place {
    font-size: 3.6vw;
}
    .half {
        width: 50%;
    }
.section-inner.wide-inner {
  width: 100%;
  margin: 15.125vw auto;
}
.large {
  font-size: 8vw;
  line-height: 125%;
}
.num {
  font-size: 16.073vw;
}
.main-title {
  font-size: 4.5vw;
}
.video, .video__element {
  margin-top: 8.1667vw;
}
}
    @media (max-width: 480px) {
        .contact-item {
            font-size: 6vw;
        }
        .grid-col-2.news-row {
            grid-template-columns: 1fr;
        }
        .news-image {
            height: 60vw;
        }
        .news-name {
            font-size: 5vw;
        }
        .arhive-main-page.grid-col-3 {
            grid-template-columns: 1fr;
        }
    }