@media (max-width: 374.98px) {
  .container {
    padding-left: 8px;
    padding-right: 8px;
  }

  .container-tiles {
    padding-left: 4px;
    padding-right: 4px;
  }

  .signed-name {
    font-size: 10px;
    line-height: 14px;
  }

  .signed-email {
    font-size: 12px;
    line-height: 14px;
  }

  .access-document-form .form-btn {
    font-size: 12px;
    line-height: 16px;
  }
}

@media (min-width: 390px) {
  .expirtation-content .form-group-date {
    width: 160px;
  }
}

@media (min-width: 576px) {
  .tile-card {
    max-width: 176px;
    width: calc(25% - 4px);
  }

  .add-recipient-sender_name {
    width: 100%;
  }

  .add-recipients-documents__wrapper {
    width: 100%;
    justify-content: space-between;
  }

  .add-recipients-documents__name {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .tile-card {
    max-width: 178px;
    width: calc(22% - 4px);
  }
}

@media (min-width: 992px) {
  .tile-card {
    max-width: 153px;
    width: calc(15% - 4px);
  }
}