.modalclass { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; }
 .modal-over { width: 100%; height: 100%; position: relative; background: rgba(0, 0, 0, 0.8) !important; }
 .modalboxpopup { background: #fff !important; position: absolute; right: 0px; left: auto !important; height: 100%; top: 0%; width: 45%; }
 .modalboxsubmain { background: #FFF;}
 .modal_html { padding: 15px 15px 0px 15px; overflow-y: auto; }
 .modal_html .closebox { position: absolute; top: 0px; right: 7px; cursor: pointer; }
 .body_hidescroll { margin: 0; height: 100%; overflow: hidden }
 @media (max-width: 575.98px) {.modal_html { padding: 15px 0px 0px 0px;  overflow-y: auto;}}