@media (max-width: 1480px) {

  .wrapper,
  .header,
  .hero,
  .projects,
  .about,
  .video,
  .news,
  .links,
  .partners,
  .footer .wrapper,
  .contentBox,
  .breadcrumbs {
    max-width: 90%;
  }
}

@media (max-width: 992px) {
  .headerMenu {
    display: none;
  }

  .heroBox {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "main main" "top middle";
    gap: 10px;
  }

  .heroMain img {
    height: 300px;
  }

  .heroMainImageText {
    top: 69px;
    left: 27px;
  }

  .heroMain h1 {
    font-size: 20px;
  }

  .heroRightThree {
    display: none;
  }

  .hero .swiperHero [class^=swiper-button-] {
    left: auto;
    right: 70px;
    bottom: 20px;
  }

  .hero .swiperHero [class^=swiper-button-next] {
    left: auto;
    right: 20px;
    transform: rotate(180deg);
  }

  .projectsItem {
    flex: 0 0 calc(50% - 15px);
  }

  .aboutBox {
    flex-direction: column;
    gap: 30px;
  }

  .aboutItem img {
    width: 100%;
    height: 300px;
  }

  .videoTabs {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
  }

  .videoBox {
    flex-direction: column;
    gap: 20px;
  }

  .videoListWrap {
    flex: 0 0 auto;
  }

  .newsBox {
    flex-direction: column;
    gap: 30px;
  }

  .newsSub .title {
    font-size: 32px;
  }

  .newsSub a {
    font-size: 14px;
  }

  .newsItem {
    flex: 0 0 100%;
    width: 100%;
  }

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

  .linksItem {
    flex: 0 0 100%;
  }

  .partners .title {
    font-size: 32px;
  }

  .contentBox {
    flex-direction: column;
  }

  .content .sidebar {
    flex: 0 0 100%;
  }

  .content.contacts {
    flex-direction: column;
    gap: 60px;
  }
}

@media (max-width: 992px) and (max-width: 768px) {
  .headerLogo img {
    width: 130px;
  }

  .headerNet {
    display: none;
  }

  .headerBox {
    gap: 34px;
  }

  .headerExpanded {
    padding: 111px 0 50px;
  }

  .headerPrefix {
    gap: 30px;
  }

  .heroRightText h2 {
    font-size: 14px;
  }

  .videoTitle {
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .projectsItem {
    flex: 0 0 100%;
  }

  .footerTop {
    flex-direction: column;
    gap: 20px;
  }

  .footerTopLeft {
    flex-direction: column;
    gap: 20px;
  }

  .footerTopLeft p {
    text-align: center;
  }

  .footerBottom {
    flex-direction: column;
    gap: 20px;
  }

  .footerMenu {
    flex-direction: column;
    gap: 20px;
  }

  .contentHeader {
    flex-direction: column;
  }

  .contentItem {
    width: calc(50% - 10px);
  }

  .headerExpandedContent {
    flex-direction: column;
    gap: 30px;
  }

  .headerExpandedContentItem {
    flex: 0 0 100%;
  }

  .headerExpandedContentItem h3 {
    font-size: 18px;
  }

  .headerExpandedContentItem ul li a {
    font-size: 14px;
  }
}

@media (max-width: 992px) and (max-width: 375px) {
  .headerBox {
    flex-wrap: wrap;
  }
}

/*# sourceMappingURL=responsive.css.map */