@media only screen and (max-width: 1700px) {
  .container {
    max-width: 1340px;
  }
  #cookies {
    right: calc(50% - 656px);
  }
  .swiper-autoplay .swiper-pagination {
    max-width: 485px;
  }
  .line-1 {
    left: calc(50% - 658px);
  }
  .line-2 {
    left: calc(50% - 158px);
  }
  .line-4 {
    left: calc(50% + 174px);
  }
  .col-l {
    width: 498px;
  }
  .col-r {
    width: calc(100% - 498px);
  }
  .top {
    &__img {
      p {
        max-width: 480px;
      }
    }
  }
  .header {
    .menu {
      left: calc(50% - 658px);
    }
  }
  .about {
    .swiper-slide {
      height: 640px;
    }
  }
  .text-block {
    .img-bg {
      left: 244px;
      top: auto;
      bottom: -10px;
    }
  }
  .about {
  }
  .services {
    &__item {
      h3 {
        width: 332px;
      }
    }
    &__item-text {
      width: calc(100% - 332px);
    }
  }
  .projects {
    &__row {
      .item-project {
        &:nth-child(5n - 4) {
          width: 482px;
        }
        &:nth-child(5n - 3) {
          width: 814px;
        }
        &:nth-child(5n - 2) {
          width: 482px;
        }
        &:nth-child(5n - 1) {
          width: 316px;
        }
        &:nth-child(5n) {
          width: 482px;
        }
      }
    }
  }
  .team {
    h2 {
      max-width: 482px;
    }
    .img-bg {
      right: 244px;
    }
  }
  .item-team {
    &__tags {
      width: 332px;
    }
    &__descr {
      position: relative;
      width: calc(100% - 332px);
    }
    &__soc {
      left: 334px;
    }
    .item-team {
      &__img {
        width: 316px;
        height: 400px;
      }
    }
  }
  .popup {
    &__img-wrap {
      img {
        height: 350px;
        &:first-child {
          width: calc(100% - 482px);
        }
        &:last-child {
          width: 466px;
        }
      }
    }
    .col-r > *:not(hr):not(.popup__img-wrap) {
      max-width: 482px;
    }
  }
  .popup-alert {
    &__wrap {
      max-width: 846px;
    }
    p,
    h2 {
      max-width: 482px;
    }
  }
  .not-found {
    &__wrap {
      max-width: 846px;
    }
  }
}
@media only screen and (max-width: 1350px) {
  .container {
    max-width: 950px;
  }
  #cookies {
    right: 32px;
  }
  .swiper-autoplay .swiper-pagination {
    max-width: 546px;
  }
  .header {
    .menu {
      left: calc(50% - 460px);
    }
    &__row {
      &::after {
        width: 378px;
      }
    }
  }
  .line-1 {
    left: calc(50% - 461px);
  }
  .line-2 {
    left: calc(50% - 82px);
  }
  .line-4 {
    display: none;
  }
  .col-l {
    width: 380px;
  }
  .col-r {
    width: calc(100% - 380px);
  }
  .text-block {
    .col-l {
      width: 468px;
    }
  }
  .top {
    overflow: unset;
    .container {
      position: relative;
    }
    &__img {
      position: static;
      width: 100%;
      p {
        max-width: 100%;
        margin-top: 32px;
      }
      img {
        position: absolute;
        right: 0;
        top: 0;
        width: 630px;
        height: 434px;
        z-index: -1;
      }
      &::after {
        left: 0;
        width: 80%;
        z-index: -1;
        right: auto;
        height: 528px;
      }
    }
  }
  .about {
    .swiper-slide {
      height: 500px;
    }
    &__row .col-r p {
      max-width: 100%;
    }
  }
  .services {
    &__row-bot {
      .col-l {
        width: 0;
      }
      .col-r {
        width: 100%;
      }
    }
    &__item {
      h3 {
        width: 380px;
      }
    }
    &__item-text {
      width: calc(100% - 380px);
    }
  }
  .projects {
    &__row {
      .item-project {
        &:nth-child(3n - 2) {
          width: 100%;
        }
        &:nth-child(3n - 1),
        &:nth-child(3n) {
          width: calc(50% - 16px);
        }
      }
    }
  }
  .team {
    .img-bg {
      right: 0;
      top: auto;
      bottom: 0;
    }
  }
  .item-team {
    &__content {
      .col-l {
        display: none;
      }
      .col-r {
        width: 100%;
      }
    }
    &__tags {
      width: 380px;
    }
    &__descr {
      width: calc(100% - 380px);
    }
  }
  .popup {
    &__img-wrap {
      img {
        height: 250px;
        &:first-child {
          width: calc(100% - 345px);
        }
        &:last-child {
          width: 330px;
        }
      }
    }
  }
}
@media only screen and (max-width: 991px) {
  .btn-menu {
    display: block;
  }
  .line-1 {
    left: calc(50% - 352px);
  }
  .item-tag {
    padding: 4px 6px;
  }
  .header {
    &__row {
      &::after {
        width: 268px;
      }
    }
    .menu {
      position: fixed;
      left: 0;
      top: 70px;
      height: calc(100vh - 70px);
      background: #151a1f;
      padding: 32px;
      min-width: 290px;
      transform: translateX(-100%);
      transition: all 0.4s ease;
    }
  }
  .open-menu {
    .header {
      .menu {
        transform: translateX(0%);
      }
    }
  }
  .swiper-autoplay .swiper-pagination {
    max-width: 436px;
  }
  .col-l {
    width: 270px;
  }
  .col-r {
    width: calc(100% - 270px);
  }
  .text-block .col-l {
    width: 100%;
  }
  .top {
    &__row-scroll {
      .col-l {
        width: 360px;
      }
      .col-r {
        width: calc(100% - 360px);
      }
    }
  }
  .container {
    max-width: 732px;
  }
  .about {
    .swiper-slide {
      height: 344px;
    }
    .text-block {
      .img-bg {
        left: 374px;
        bottom: auto;
        top: 0;
      }
      .col-l {
        width: 100%;
      }
    }
    .swiper img {
      border-radius: 30px;
    }
  }
  .services {
    &__item {
      h3 {
        width: 270px;
      }
    }
    &__item-text {
      width: calc(100% - 270px);
    }
    &__row-top {
      align-items: flex-start;
    }
  }
  .item-project::after,
  .item-project::before {
    border-radius: 30px;
  }
  .item-team {
    &__tags {
      width: 254px;
      margin-right: 16px;
    }
    &__descr {
      width: calc(100% - 270px);
    }
    &__soc {
      .icon {
        width: 24px;
        height: 24px;
      }
    }
  }
  .row-submit {
    flex-direction: column;
    align-items: flex-start;
    .btn-submit-form {
      margin-left: auto;
      margin-top: 18px;
    }
  }
  .fancybox__content > .f-button.is-close-btn {
    right: 0;
    top: 0;
  }
  .footer {
    .img-bg {
      bottom: 152px;
      width: 364px;
      height: 376px;
    }
  }
  .popup {
    &__img-wrap {
      img {
        height: 200px;
        border-radius: 30px;
        &:first-child {
          width: calc(100% - 270px);
        }
        &:last-child {
          width: 254px;
        }
      }
      &::after {
        right: 0;
        left: auto;
      }
    }
  }
  .popup-alert {
    overflow: hidden;
    &__wrap {
      max-width: 434px;
    }
    &__img-wrap {
      &::after {
        width: 100%;
        left: auto;
        right: 0;
        height: 528px;
      }
    }
  }
  .not-found {
    &__wrap {
      max-width: 466px;
    }
    &__img-wrap {
      &::after {
        right: 0;
        left: auto;
        height: 528px;
      }
    }
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 56px;
    line-height: 64px;
  }
  h2,
  .h2 {
    font-size: 32px;
    line-height: 40px;
  }
  h3,
  .h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .title-section {
    margin-bottom: 16px;
  }
  .line-1 {
    left: 16px;
  }
  .line-2 {
    left: 102px;
  }
  .line-3 {
    display: none;
  }
  .container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
  .col-r,
  .swiper-autoplay .swiper-pagination {
    width: calc(100% - 88px);
    margin-left: auto;
  }
  .swiper-autoplay .swiper-pagination-bullet:first-child {
    margin-left: 0;
  }
  .col-l {
    width: 100%;
  }
  .top {
    padding-top: 0;
    height: 570px;
    min-height: unset;
    &__img {
      img {
        width: 100%;
        height: auto;
      }

      &::after {
        height: 240px;
      }
    }
    &__row-scroll {
      .col-l {
        width: 100%;
      }
      .col-r {
        display: none;
      }
    }
  }
  .about {
    .swiper-slide {
      height: 200px;
    }
    .text-block {
      .img-bg {
        right: 0;
        left: auto;
      }
    }
  }
  .services {
    .img-bg {
      width: 258px;
      height: 272px;
      left: 0;
      bottom: 0;
    }
    &__item {
      flex-wrap: wrap;
      h3 {
        width: 100%;
        margin-bottom: 16px;
      }
    }
    &__item-text {
      margin-left: auto;
      width: calc(100% - 88px);
    }
  }
  .item-project {
    height: auto;
    width: calc(100% - 40px);
    min-width: calc(100% - 40px);
  }
  .projects {
    &__row {
      overflow: auto;
      flex-wrap: nowrap;
      margin: 0 -16px;
      padding-bottom: 16px;
      .item-project {
        margin: 0px;
        margin-left: 16px;
        &:last-child {
          margin-right: 16px;
        }
      }
    }
  }
  .team {
    .img-bg {
      bottom: -40px;
    }
    &__top-row {
      .title-section {
        margin-bottom: 16px;
      }
    }
  }
  .item-team {
    .item-team__img {
      width: 100%;
    }
    &__btn {
      position: absolute;
      right: 0;
      top: 40px;
      &::after {
        display: none;
      }
    }
    &__top {
      position: relative;
      .col-l {
        max-width: calc(100% - 80px);
      }
      .col-r {
        width: 100%;
        margin-top: 16px;
      }
    }
    &__content {
      .col-r {
        flex-wrap: wrap;
      }
    }
    &__tags {
      margin-left: auto;
      width: calc(100% - 88px);
      margin-right: 0;
      margin-bottom: 16px;
    }
    &__descr {
      width: 100%;
    }
    &__soc {
      position: static;
      display: flex;
      justify-content: center;
      margin-top: 16px;
      li {
        margin-bottom: 0;
        & + li {
          margin-left: 16px;
        }
      }
      .icon {
        width: 32px;
        height: 32px;
      }
    }
  }
  .item-team-more {
    .row {
      flex-wrap: nowrap;
      align-items: center;
    }
  }
  .contact {
    .col-r {
      width: 100%;
    }
  }
  .input-wrap span i {
    display: none;
  }
  .footer {
    span {
      margin-bottom: 16px;
    }
    &__row {
      flex-direction: column;
    }
  }
  .popup {
    &__img-wrap {
      flex-wrap: wrap;
      img {
        width: 100% !important;
        margin: 0 !important;
        &:nth-child(2) {
          margin-top: 16px !important;
        }
      }
    }
    &__title-mob {
      display: block;
      width: calc(100% - 88px);
      margin: 64px 0px 64px auto;
    }
    &__title {
      display: none;
    }
  }
  .not-found {
    min-height: 650px;
    padding-bottom: 32px;
    .btn {
      width: 100%;

      display: flex;
      span {
        width: 100%;
        text-align: center;
        justify-content: center;
      }
    }
    &__wrap {
      hr {
        margin: 32px 0px;
      }
      h1 {
        margin-bottom: 32px;
      }
      hr,
      p,
      h1,
      .btn {
        max-width: 234px;
        margin-left: auto;
        margin-right: 0;
      }
    }
    &__img-wrap {
      margin-bottom: -80px;
      &::after {
        width: 100%;
        height: 240px;
      }
    }
  }
  .popup-alert {
    &__wrap {
      max-width: 234px;
    }
    &__img-wrap {
      &::after {
        width: 100%;
        height: 226px;
      }
    }
    p,
    hr {
      margin: 32px 0px;
    }
    .btn {
      margin-bottom: 32px;
      display: flex;
      width: 100%;
      span {
        width: 100%;
        justify-content: center;
      }
    }
  }
}