#announcement-popup{max-width:640px;text-align:center;overflow:visible}
#announcement-popup *{outline:none!important}
#announcement-popup h3{margin-top:0px}
#announcement-popup{padding:0!important}
#announcement-popup .annoucement-detail{float:left}
#announcement-popup .message-box{position:relative;width:auto;height:100%;display:flex;flex-direction:row;flex-wrap:nowrap}
#announcement-popup .message-box .left{padding:30px;width:450px;position:relative;height:auto; flex-direction: column; justify-content: center; align-items: center; display: flex;}
#announcement-popup .message-box .right{width:270px;position:relative;display:block;overflow:hidden}
#announcement-popup img{height:100%;width:100%;object-fit:cover;max-width:100%;max-height:100%}
#announcement-popup a:link,#announcement-popup a:visited{padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#FFF;font-size:11px}
#announcement-popup button{background:#FFF;border-radius:30px;right:-15px;top:-15px;opacity:1}
@media (max-width:850px) {
#announcement-popup img{width:270px}
#announcement-popup h3{font-size:21px}
#announcement-popup .message-box .left{padding:30px;width:calc(100% - 160px)}
}
@media (max-width: 600px) {
#announcement-popup .right{display:none!important}
#announcement-popup .message-box .left{width:100%}
#announcement-popup .message-box h3{font-size:1.3em}
#announcement-popup .message-box p{font-size:.9em}
#announcement-popup{width:90%}
#announcement-popup .message-box .left{font-size:14px}
}