Deltin 7

.black_overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #00000099; z-index: 10000; } .content_overlay { position: fixed; width: 55%; height: 90%; left: 22%; top: 5%; transition: all .4s; z-index: 10000; } .close_block { padding: 3px 9px; background-color: #440257; color: #fff; border-radius: 20px; position: absolute; right: -12px; top: -9px; cursor: pointer; z-index: 999; border: 2px solid; } .float-right { float: right!important; } .cur_content_block { max-height: 450px; } .popupImage { width: 100%; position: absolute; border-radius: 5px; border: 5px solid #fff; } .autoCloseMSG { text-align: center; float: right; color: #fff; position: absolute; right: -350px; top: -25px; } @media only screen and (max-width: 480px) { .popupImage { height : 300px; width: 300px ; border-radius: 5px; border: 5px solid #fff; } .content_overlay { left: 14%; top: 20%; } .close_block { right: -87px; position: relative; top: -12px; padding: 1px 7px 1px 7px; } .autoCloseMSG { right: 0px; top: 100px; position: relative; } .popup_img img{ width: 130% !important } } /*use popupImage class while uploadig a image in block body*/