@media screen and (max-width: 767px) {
  .modal {
    width: 90% !important;
    margin: 0 auto;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 90vh !important;
    box-sizing: border-box;
    border: none !important;
    background-clip: border-box;
  }
}

@media screen and (min-width: 768px) {
  .modal {
    width: 800px !important;
    max-width: 90%;
    margin: 0 auto;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 80vh !important;
    box-sizing: border-box;
    border: none !important;
    background-clip: border-box;
  }
}


.modal form {
  margin-bottom: 0px; !important;
}

.modal-backdrop {
  background: #000;
}

.modal-header, .bootstrap2-modal-header {
  background: #1c4756;
  color: white;
  padding-top: 16px;
  padding-bottom: 16px;
}

.modal-header h3, .modal-header a.close {
  color: white;
}