.modal-mask {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
  padding-top: 0;
}
  .modal-mask .table {
    background: transparent
  }
  .modal-mask .cell {
    vertical-align:middle;
  }
  .overflow-hidden {
    overflow: hidden;
  }

.modal-dialog {
  width: calc(100% - 40px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.button1 {
  color: #003264;
  height: 41px;
  margin-top: -5px;
}
.modal-header-custom.modal-header {
  background-color: #f1f1f1 !important;
  border-radius: 5px 5px 0px 0px;
  padding: 8px 12px;
}
#myModal .modal-header .close {
  color: #333 !important;
  opacity: 1;
  font-size: 16px;
  margin-top: 2px;
}
  #myModal .modal-header .close img {
    width: 12px;
  }
#myModal h4.modal-title {
  font-weight: 500 !important;
  font-size: 20px;
  color: #333 !important;
}
#myModal .modal-footer {
  padding: 8px 12px;
}
button.button1.feebback-submit {
  margin: 0 !important;
  float: right;
  line-height: 27px;
  height: 32px;
  font-size: 15px;
  width: 90px;
  min-width: 90px;
}
.modal-body p {
  margin-top: 10px;
  color: #333 !important;
}
.modal-header-custom.modal-header img {
  width: 13px;
  float: left;
  margin-top: 6px;
  margin-right: 8px;
}
#myModal .modal-content{
  border:none;
}


/* Landscape -----------*/
@media only screen and (min-width: 600px) {
  .modal-dialog {
    max-width: 320px;
  }
}

@media only screen and (min-width : 321px) {
  .modal-dialog {
    max-width: 320px;
  }
}