@media screen and (min-width: 428px) {
  .hero-header {
    width: 320px;
  }

  .mob-menu-adress-tel {
    font-size: 36px;
    line-height: calc(40 / 36);
  }
}

@media screen and (min-width: 480px) {
  .conteiner {
    max-width: 428px;
  }

  .features-text {
    width: 396px;
  }

  .features-text {
    text-align: left;
  }

  .work-prop-card {
    width: 396px;
  }

  .subscribe-input {
    width: 396px;
  }

  .modal-order {
    width: 392px;
  }

  .form-list {
    width: 360px;
  }

  .form-accept-text {
    justify-content: start;
  }

  .mob-menu-soc-list {
    justify-content: start;
    gap: 56px;
  }
}