@media (max-width: 1199.98px) {
  .banner {
    background-position: bottom left -700px;
  }

  .intro {
    background-size: 55%;
  }

  h1 {
    font-size: 36px;
  }

  .solutions-item img {
    width: 45%;
    margin: 20px 50px;
  }

  #before-exit {
    width: 80%;
  }
}

@media (max-width: 991.98px) {
  .banner {
    background-position: bottom left -750px;
  }

  .intro {
    background: #FFF;
  }

  .service-img {
    display: none;
  }

  .services-list {
    align-content: center;
  }

  .services-list li {
    width: 48%;
  }

  .set-item {
    flex-direction: column-reverse;
  }

  .deal-title {
    margin-top: 32px;
  }

  .solutions-item img {
    margin: 12px auto 10px auto;
    width: 90%;
  }

  .set-content {
    padding: 5px 40px;
    margin: 10px auto;
    width: 90%;
  }

  #before-exit {
    width: 80%;
  }

  .modal.white {
    padding: 50px;
    background-size: auto, 210px;
  }

  .modal.white h4 {
    margin-right: 150px;
  }
}

@media (max-width: 767.98px) {
  .banner {
    background-position: bottom left -1145px;
  }

  nav {
    align-content: center;
    flex-direction: column;
  }

  .nav-logo img {
    width: 80%;
  }

  .nav-list li {
    font-size: 16px;
    margin: 0 8px;
  }

  .nav-list li:last-child {
    display: inherit;
  }

  .section-block {
    padding: 32px 0;
  }

  .intro {
    padding: 128px 0 64px;
    text-align: center;
  }

  .services {
    padding-bottom: 128px;
  }

  .services-list {
    margin: 8px auto;
  }

  .services-list li {
    margin: 8px 0;
  }

  .work {
    margin-bottom: -64px;
  }

  .service-item {
    padding: 24px 0;
  }

  .descr-list {
    margin-left: 24px;
  }

  .solutions {
      padding-bottom: 40px;
  }

  .solutions-item img {
    margin: 20px auto 10px auto;
    width: 95%;
  }

  .consult-block {
    padding: 32px;
  }

  .consult-block form input,
  .consult-block button,
  textarea {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .consult-block h2 {
    font-size: 24px;
    margin: 0 0 24px 0;
    text-align: center;
  }

  .about-img {
    display: none;
  }

  .contacts {
    margin-bottom: 32px;
    text-align: center;
  }

  .contacts li {
    text-align-last: left;
  }

  iframe {
    min-height: 400px;
  }

  #before-exit {
    width: 95%;
  }

  .modal.white {
    padding: 20px;
    background-position: center left, bottom right -65px;
  }

  .modal.white h4 {
    margin-right: 120px;
  }

  /*.modal.white button {*/
  /*  width: 90%;*/
  /*}*/
}

@media (max-width: 575.98px) {
  .services-list li {
    width: 100%;
  }

  .itcss__items {
    max-height: 1400px;
  }

  .itcss__item {
    justify-content: stretch;
  }

  .deal-img img {
    min-height: 200px;
  }

  .modal.white button {
    width: 90%;
  }
}