/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .projects-item {
    gap: 74px;
  }
  .projects-item__image {
    flex: 0 0 50%;
  }
  .advantages-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}
@media only screen and (max-width: 1020px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .about-block__image{
    order: -1;
  }
  .services-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .advantages-wrapper {
    grid-template-columns: 1fr;
  }
  section.section {
    padding: 70px 0;
  }
  .about-block__inner {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .about-block__text {
    margin: 25px 0;
  }
  .about-block__image {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .contact-block {
    grid-gap: 70px;
  }
}

/* Small Devices, .table_boxts */
@media only screen and (max-width: 768px) {
  .contact-block {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .contact-wrapper__block {
    margin-top: 30px;
  }
  .projects-item {
    flex-direction: column !important;
    gap: 30px;
  }
  .projects-item__text {
    margin-top: 15px;
  }
  .projects-list__item:not(:last-child) {
    margin-bottom: 80px;
  }
  h2 {
    font-size: 49px;
    line-height: 136%;
  }
  .about-block__text {
    padding-right: 0;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .about-block {
    padding: 20px;
  }
  .about-block__text {
    margin: 15px 0;
  }
  .about-block__inner {
    grid-gap: 20px;
  }
  h1 {
    font-size: 50px;
  }
  .menu {
    gap: 15px;
  }
  .menu a {
    font-size: 15px;
  }
  .main-decor__star--1 {
    left: 11px;
    top: 27px;
  }
  .main-decor__star--2 {
    left: 106px;
    top: -75px;
  }
  .main-decor__star--3 {
    left: 42px;
    top: 286px;
  }
  .main-decor__star--4 {
    top: 273px;
  }
  .main-decor__star--7 {
    right: 29px;
    top: 27px;
  }
  .main-decor__star--6,
  .main-decor__star--5 {
    display: none;
  }
  .services-list {
    grid-template-columns: 1fr;
  }
  h2 {
    font-size: 45px;
  }
  section.section {
    padding: 50px 0;
  }
  .services__list {
    margin-top: 30px;
  }
  .projects__list {
    margin-top: 30px;
  }
  .projects-list__item:not(:last-child) {
    margin-bottom: 60px;
  }
  .footer {
    padding: 30px 0;
  }
  .services-item__text {
    margin-top: 5px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}