.modal-dialog.modal-80size {
  width: 80%;
  height: 80%;
  margin: 0;
  padding: 0;
}

.modal-content.modal-80size {
  height: auto;
  min-height: 80%;
}

.modal-dialog.modal-70size {
  width: 70%;
  height: 70%;
  margin: 0;
  padding: 0;
}

.modal-content.modal-70size {
  height: auto;
  min-height: 70%;
}

.modal-dialog.modal-60size {
  width: 60%;
  height: 60%;
  margin: 0;
  padding: 0;
}

.modal-content.modal-60size {
  height: auto;
  min-height: 60%;
}

.modal-dialog.modal-50size {
  width: 50%;
  height: 50%;
  margin: 0;
  padding: 0;
}

.modal-content.modal-50size {
  height: auto;
  min-height: 50%;
}

.modal.modal-center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal.modal-center:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog.modal-center {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}