@media only screen and (max-width: 1200px) {
  .services__content {
    max-width: 100%;
  }

  .services__inner {
    padding-left: 44px;
  }

  .services__title {
    text-align: center;
  }

  .news__items {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 341px 30px 30px 40px 30px 67px 30px 113px 30px;
    min-height: 1038px;
  }

  .news__item:first-child {
    grid-row: 1 / 4;
  }

  .news__item:nth-child(2) {
    grid-row: 1 / 2;
  }

  .news__item:nth-child(3) {
    grid-row: 1 / 3;
  }

  .news__item:nth-child(4) {
    grid-row: 6 / 9;
  }

  .news__item:nth-child(5) {
    grid-row: 3 / 7;
  }

  .news__item:nth-child(6) {
    grid-row: 4 / 10;
  }

  .news__item:nth-child(7) {
    grid-row: 10 / 11;
  }

  .news__item:nth-child(8) {
    grid-row: 8 / 11;
  }

  .team__inner {
    padding-right: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .team__inner {
    padding-left: 46px;
    padding-right: 0px;
  }

  .news__items {
    padding-left: 40px;
    padding-right: 40px;
  }

  .services__item {
    border: none;
  }
}

@media only screen and (max-width: 768px) {
  .intro__title {
    font-size: 60px;
    line-height: 60px;
  }

  .intro__nav-prev,
  .intro__nav-next {
    height: 56px;
    width: 56px;
  }

  .intro__inner {
    padding-left: 60px;
    padding-right: 60px;
  }

  .promo__inner {
    padding-left: 46px;
    padding-right: 42px;
  }

  .services__items {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 25% 25% 25% 25%;
  }

  .projects__items {
    padding-left: 50px;
    padding-right: 50px;
  }

  .team__title {
    padding-bottom: 7px;
  }

  .team__inner {
    padding-left: 46px;
    padding-right: 46px;
    gap: 34px;
  }

  .team__title::after {
    padding-bottom: 7px;
  }

  .team__text {
    font-size: 18px;
    line-height: 18px;
  }

  .news__items {
    padding-left: 25px;
    padding-right: 25px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 341px 31px 58px 30px 122px 30px 167px 30px 34px 30px 134px 30px 177px;
    min-height: 1525px;
  }

  .news__item:first-child {
    grid-row: 1 / 4;
  }

  .news__item:nth-child(2) {
    grid-row: 1 / 2;
  }

  .news__item:nth-child(3) {
    grid-row: 5 / 10;
  }

  .news__item:nth-child(4) {
    grid-row: 3 / 6;
  }

  .news__item:nth-child(5) {
    grid-row: 7 / 8;
  }

  .news__item:nth-child(6) {
    grid-row: 11 / 14;
  }

  .news__item:nth-child(7) {
    grid-row: 9 / 12;
  }

  .news__item:nth-child(8) {
    grid-row: 13 / 15;
  }

  .footer__text {
    padding-left: 45px;
  }

  .footer__social-items {
    padding-left: 45px;
    padding-right: 35px;
  }

  .footer__links {
    padding-left: 45px;
    padding-right: 35px;
    flex-wrap: wrap;
    row-gap: 28px;
  }

  .footer__links-item {
    width: 50%;
  }
}

@media only screen and (max-width: 640px) {
  .intro__text {
    display: none;
  }

  .intro__title {
    font-size: 60px;
    line-height: 60px;
  }

  .intro__inner {
    padding-left: 0px;
    padding-right: 0px;
  }

  .promo__inner {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .promo__content-text {
    padding-bottom: 40px;
  }

  .services__inner {
    text-align: center;
    padding-left: 0;
  }

  .news__items {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonials__text {
    text-align: center;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .intro__nav {
    display: none;
  }

  .intro__title {
    font-size: 28px;
    line-height: 28px;
  }

  .services__items {
    display: flex;
    flex-direction: column;
  }

  .team__inner {
    flex-wrap: wrap;
    text-align: center;
  }

  .team__img {
    width: 100%;
    height: 100%;
  }

  .news__items {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
  }

  .footer__text {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    text-align: center;
  }

  .footer__social-items {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column;
    align-items: center;
  }

  .footer__links {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer__social-item {
    border: none;
  }

  .footer__links {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .return__link {
    text-align: center;
    padding: 56px 0 20px;
  }

  .return__text {
    display: block;
  }
}
