@media (min-width: $media-mobile-middle) {
  .popup-modal {
    &__title {
      font-size: 35px;
    }
    &__main-content {
      /* padding: 50px 35px; */
      &_alert {
        padding: 60px 60px 45px;
      }
      &_main {
        padding-left: 4.75%;
        padding-right: 4.75%;
      }
      &_small {
        padding: 40px;
      }
    }
  }
}

@media (min-width: $media-tablet) {
  .popup-modal {
    &__main-content {
      &_project {
        background-color: #e3dfd9 !important;
      }
      &_main {
        padding-top: 40px;
        padding-bottom: 40px;
      }
      .popup-modal {
        &__info {
          margin-bottom: 20px;
        }
      }
      &_alert {
        padding: 60px 60px 45px;
      }
    }
  }
}