.aspect-16-9-container {
  min-width: 100%;
  position: relative;
}
.aspect-16-9-container:before {
  display: block;
  content: " ";
  padding-top: 56.25%;
  width: 100%;
}
.aspect-16-9-container .aspect-16-9-content {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.modal-iframe {
  cursor: pointer;
}
.modal-iframe iframe {
  border: 0;
  height: 100%;
  pointer-events: none;
  width: 100%;
}
#iframeModal .modal-dialog {
  width: 70%;
}
@media only screen and (max-device-width: 767px) {
  #iframeModal .modal-dialog {
    padding: 0;
    width: 100%;
  }
}
#iframeModal .modal-dialog .modal-content {
  padding: 20px;
}
@media only screen and (max-device-width: 767px) {
  #iframeModal .modal-dialog .modal-content {
    padding: 0;
    background-color: transparent;
    border: none;
  }
}
#iframeModal .modal-dialog .modal-content .modal-header {
  min-height: 0;
  padding: 0;
}
@media only screen and (max-device-width: 767px) {
  #iframeModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
  }
  #iframeModal .modal-dialog .modal-content .modal-header .modalClose {
    font-size: 30px;
    color: #FFF;
    opacity: 1;
  }
  #iframeModal .modal-dialog .modal-content .modal-header .modalClose:hover {
    color: #ebebeb;
  }
}
@media only screen and (max-device-width: 767px) {
  #iframeModal .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
}
#iframeModal .modal-dialog .modal-content .modal-body iframe {
  border: 0;
  height: 100%;
  width: 100%;
}

