@media screen and (max-width: 1560px) {
  .box {
    max-width: 85%;
  }

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

@media screen and (max-width: 992px) {
  .heroSlider [class^=swiper-button] {
    width: 53px;
    height: 53px;
    padding: 15px;
    top: unset;
    bottom: 65px;
    left: 0;
  }

  .heroSlider .swiper-button-prev {
    right: unset;
    left: 30px;
  }

  .heroSlider .swiper-button-next {
    left: 93px;
  }

  .title {
    font-weight: 800;
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 60px;
    word-break: break-all;
  }

  section {
    margin-bottom: 64px;
  }

  .header .box {
    flex-wrap: wrap;
    row-gap: 25px;
  }

  .headerMenu {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background-color: #282B2F;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 40px 30px;
  }

  .headerMenu.active {
    opacity: 1;
    visibility: visible;
  }

  .headerMenu ul {
    flex-direction: column;
    align-items: flex-start;
  }

  .headerMenu ul li {
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
  }

  .headerSub {
    display: flex;
  }

  .headerNet {
    display: none;
  }

  .headerBar {
    display: block;
    line-height: 0;
  }

  .header .button {
    width: 100%;
  }

  .heroImage {
    height: 690px;
  }

  .hero h1 {
    font-weight: 800;
    font-size: 128px;
    line-height: 100%;
  }

  .hero p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
  }

  .heroInfo {
    left: 30px;
    top: 230px;
  }

  .aboutItem:first-child,
  .aboutItem:last-child {
    flex: 0 0 100%;
  }

  .aboutItem:first-child img,
  .aboutItem:last-child img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .aboutItem:first-child p {
    margin-bottom: 60px;
  }

  .aboutItem:last-child p {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 60px;
  }

  .aboutItem:last-child div:last-of-type {
    flex-direction: column;
  }

  .servicesBox {
    flex-direction: column-reverse;
  }

  .servicesList ul li {
    font-size: 24px;
    line-height: 150%;
  }

  .feedback .box {
    padding: 122px 50px;
  }

  .feedback h3 {
    font-size: 36px;
    line-height: 100%;
  }

  .feedback h4 {
    font-size: 20px;
    line-height: 150%;
  }

  .feedback p {
    font-size: 16px;
    line-height: 150%;
  }

  .feedback::after {
    bottom: -25px;
    right: 5px;
    width: 312px;
  }

  .footer .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
  }

  .footerMenu ul {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .footerContacts div svg {
    flex-shrink: 0;
  }

  .introInfo {
    left: 30px;
    top: 205px;
    gap: 90px;
  }

  .introInfo h1 {
    font-size: 36px;
    line-height: 100%;
  }

  .introInfo p {
    font-size: 16px;
    line-height: 150%;
  }

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

  .goalsLeft p {
    margin-bottom: 60px;
  }

  .goalsLeft img {
    margin-bottom: 40px;
  }

  .goalsRight h3 {
    font-size: 36px;
    line-height: 100%;
  }

  .team h3+p {
    margin-bottom: 60px;
  }

  .teamItems {
    flex-direction: column;
  }

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

  .servicesPageItems {
    flex-direction: column;
  }

  .servicesPageItem {
    flex: 0 0 100%;
  }

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

  .serviceImage {
    height: 240px;
  }

  .projectsPageItems {
    flex-direction: column;
  }

  .projectsPageImage {
    height: 505px;
  }

  .projectsPageItem {
    flex: 0 0 100%;
  }

  .project+.projects .projectsItems {
    flex-direction: column;
  }

  .project+.projects .projectsImage img {
    height: 505px;
  }

  .project+.projects h4 {
    font-size: 20px;
    line-height: 150%;
  }

  .projectImage {
    height: 170px;
    margin-bottom: 60px;
  }

  .projectSlice {
    flex-direction: column;
  }

  .projectSlice:nth-child(2) {
    margin-bottom: 60px;
  }

  .projectSlice:last-child {
    flex-direction: column-reverse;
  }

  .newsPageItems {
    flex-direction: column;
  }

  .newsPageItem {
    flex: 0 0 100%;
  }

  .newImage {
    height: 180px;
  }

  .contactsList ul {
    flex-direction: column;
    align-items: flex-start;
  }

  .contactsList ul li svg {
    flex-shrink: 0;
  }
}

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