div.modal-reset-defaults {
    font-weight: normal;
}

@media (min-width: 300px) and (max-width: 767px) {
  .modal-sm {
    width: 100vw;
    margin: 0px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
}

@media (min-width: 768px) {
.modal-lg {
    width: 600px;
  }
}