.modal-open .modal {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  z-index:9999999999;
}

.modal-dialog {
  height: 450px;
  transition: height 0.5s;
}

@media screen and (min-width: 1024px) {
  .modal-dialog {
    margin-left: 30%;
  }
}

.modal-content {
  margin-top:100px;
  overflow: hidden !important;
  height: 450px;
  transition: height 0.5s;
}

.modal-body {
  height: 315px;
  overflow-y: scroll !important;
  margin-bottom:15px;
  transition: height 0.5s;
}