.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%; }