/* overlays to disable the content scrolling */ .popbox-no-overflow { overflow: hidden !important; outline: none; } .popbox-no-overflow.popbox-fixed { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll!important; } .popbox { display: none; } .popbox .dimmer { position: relative; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; background:rgba(37,37,37,.5); /*#252525*/ } .popbox .modal1 { display: flex; align-items: center; justify-content: center; position:absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; overflow-y: auto; z-index: 999; } .popbox .outgap { padding: 1em; outline: 0; } .popbox .workarea { height : auto; width:100%; position: relative; padding: 1em; background-color: #2ecc71; box-shadow: 0px 10px 30px rgba(0,0,0,.3); } .close_button { background-color: rgba(255,255,255,.8); border: 3px solid #999; border-radius: 50px; cursor: pointer; display: inline-block; font-family: arial; font-weight: bold; position: absolute; top: -15px; right: -15px; font-size: 25px; width: 30px; height: 30px; text-align: center; } .newsContainer { max-width :800px; height : auto; padding: 10px 0px 10px 10px; /*overflow-x: hidden; overflow-y:scroll;*/ color : #5c5c5c !important; justify-content:center; align-items:center; } .newsContainer p{ font-size: 15px !important; line-height: 1.8; font-weight:bold; } @media (max-width: 320px) { .newsContainer { max-width: 300px !important; height : 480px !important; overflow-x: hide; overflow-y :scroll; } } @media (max-width: 480px) { .newsContainer { max-width: 420px !important; height : 480px !important; overflow-x: hide; overflow-y :scroll; } }