@media (max-width: 769px) {
  .display-flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .contacts__form__input {
    max-width: 100%;
  }
  .popUp_form textarea.form-control {
    margin: 0;
  }
  .contacts__form__textarea {
    max-width: 100%;
  }
  .contacts__form__footer {
    flex-direction: row;
    max-width: 95%;
    margin: 20px auto 0;
  }
  .menu__burger {
    display: block;
    width: 30px;
    position: absolute;
    top: 100px;
    right: 3px;
  }
  .menu__burger.active > span {
  display: none;
  }
  .menu__burger.active > span:nth-of-type(2) {
    display: block;
    top: 50%;
    transform: translate(-50%, 0%) rotate(-45deg);
  }
  .menu__burger.active > span:nth-of-type(3) {
    display: block;
    top: 50%;
    transform: translate(-50%, 0%) rotate(45deg);
  }
  .menu__burger.active > span:nth-of-type(2) {
    background-color: #2D385D;
  }
  .menu__burger.active > span:nth-of-type(3) {
    background-color: #2D385D;
  }
  .header__nav__list {
    display: none;
    position: absolute;
    right: 0;
    top: 77px;
    border-top: none;
    background-color: #fff;
    z-index: 5;
    padding: 15px 60px 15px 15px;
    border-radius: 10px;
  }
  .header__nav__list li {
    margin-bottom: 15px;
  }
  .proect {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .proect__delimiter {
    margin-top: 40px;
  }
  .proect__list {
    width: 100%;
    margin-top: 40px;
  }
  .used__image {
    margin: 0 auto;
  }
  .used__slider-text {
    margin: 0 auto;
  }
  .service_order {
    row-gap: 23px;
  }
  .service_order__list {
    width: 100%;
  }
}

@media (max-width: 521px) {
  .menu__burger {
    top: 35px;
  }
  .header__nav__list {
    top: 15px;
  }
  .main__header-slider_img {
    top: 45px;
  }
  .main__header-slider_text h1,
  .main__header-slider_text p,
  .main__header-slider_text h2 {
    opacity: 0.8;
  }
  .proect__list {
    width: 80%;
  }
  .used__image {
    margin: 0;
    width: 100%;
  }
  .used__slider-text {
    margin: 0;
    width: 100%;
  }
  .about__image__sertificat {
    max-width: 100%;
  }
  .about__sertificate {
    max-width: 80%;
  }
  .contacts__map {
    width: 100%;
  }
  .electrolaboratory__image {
    max-width: 100%;
  }
}

@media (min-height: 360px) and (max-height: 430px) {
  .popUp_form {
    height: 100%;
    overflow: scroll;
  }
}