CSS for making modal Windows fit into screen of device
/* Function to make modal windows fit to screen */
.modal-fullscreen .modal-dialog {
margin: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
}
@media (min-width: 768px) {
.modal-fullscreen .modal-dialog {
width: 750px;
}
}
@media (min-width: 992px) {
.modal-fullscreen .modal-dialog {
width: 970px;
}
}
@media (min-width: 1200px) {
.modal-fullscreen .modal-dialog {
width: 1170px;
}
}
/* Function to make modal windows fit to screen end */
echo ModalWindowWOSaveBtn('Modal_DemoInfo', 'closeBtn_DemoInfo', 'ModalIF_DemoInfo', '', $template['demo_info'], '', '100%', '400px', '');