@media (max-width: 1199px) {
  .hero {
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
  }
  .hero ul.intro-icons {
    height: auto;
  }
  .hero ul.intro-icons .side-image {
    display: none;
  }
  .hero ul.intro-icons img {
    /* max-height: calc(100vh - 315px); */
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .hero {
    height: 100svh;
    background-color: #3a82a6;
    max-height: 700px;
    position: relative;
  }
  .hero .hero-bottom div:first-child {
    font-size: 13px;
  }
  .hero .hero-bottom div:nth-child(2) {
    font-size: 35px;
  }
  .hero .hero-bottom div:last-child {
    font-size: 13px;
  }
  .hero .hero-bottom .hero-music {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  .hero .hero-bottom .hero-music img {
    display: inline-block;
  }
  header .header-inner .nav-menu {
    padding-left: 0;
  }
  header ul li {
    padding: 0 14px;
  }

  .all-in-film {
    font-size: 17px;
    padding: 37px 15px 111px;
  }
  .all-in-film ul {
    text-transform: uppercase;
  }
  .all-in-film br {
    display: none;
  }
  .all-in-film img {
    width: 97px;
  }

  .before-dawn .content {
    font-size: 17.5px;
    gap: 30px;
  }
  .testimonials .testimonial-item-inner .text {
    font-size: 23px;
    margin-bottom: 43px;
    padding: 0 50px;
  }
  .testimonials .testimonial-item-inner .position {
    line-height: 1.7;
  }
  .testimonials .testimonials-slider .slick-next,
  .testimonials .testimonials-slider .slick-prev {
    width: 30px;
  }
  .testimonials .testimonials-slider .slick-prev:before,
  .testimonials .testimonials-slider .slick-next:before {
    width: 25px;
    height: 51px;
  }

  .movie {
    padding-bottom: 60px;
  }
  .movie iframe {
    height: 232px;
  }

  .awards {
    font-size: 17.5px;
  }
  .awards br {
    display: none;
  }

  .creators {
    padding: 42px 15px;
  }
  .creators .content {
    font-size: 17.5px;
  }

  .film-essay {
    padding: 40px 0px 43px;
    min-height: auto;
  }
  .film-essay .section-title {
    margin-bottom: 7px;
  }
  .film-essay iframe {
    height: 232px;
  }
  .film-essay ul {
    font-size: 17.5px;
    padding: 0 15px;
  }

  .contacts {
    padding: 82px 15px 71px;
  }
  .contacts img {
    width: 130px;
  }
  .contacts .socials a {
    font-size: 20px;
  }

  .contacts .contact-links {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 0;
  }
}