.notice-bar { position: relative; background: url(../images/notice/notice.png) no-repeat; background-position: left top; background-size: cover; margin-left: -30px; margin-right: -30px; }
.notice-outer { display: flex; justify-content: space-between; }
.notice-outer .notice-left, .notice-outer .notice-right { display: flex; }
.notice-outer .notice-left { flex-direction: column; padding: 25px 25px 25px 0; }
.notice-outer .notice-left p:last-child { margin-bottom: 0; }
.notice-outer .notice-right img { max-width: 240px; width: auto; object-fit: contain; }
.notice-outer h4 { color: #131313; font-family: 'athleticsbold', sans-serif; margin-bottom: 5px; font-size: 28px; line-height: 1.4; }
.notice-outer p { font-size: 18px; color: #131313; }
.notice-outer p a { font-weight: 700; color: #E86D2A; position: relative; }
.notice-outer p a:after { content: ""; margin-left: 5px; vertical-align: middle; width: 14px; display: inline-block; /* background-image: url(https://developbb.com/wp-content/themes/buddyboss-website/images/icon-ArrowRight-orange.png); */ height: 8px; background-size: cover; transform: translate(0, 0); text-align: center; transition: all .4s; position: absolute; right: -20px; top: 50%; margin-top: -3px; }
.notice-outer p a:hover:after { animation: active-hover 1.5s; }
.notice-bar #close-notice { border: none; position: absolute; top: 10px; right: 15px; font-size: 20px; cursor: pointer; border-radius: 100%; background: #fff; padding: 5px 5px 8px 5px; display: flex; justify-content: center; align-items: center; height: 20px; width: 20px; color: #4F4F4F; line-height: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.notice-outer .notice-right { align-items: flex-end; padding-right: 40px; }
@media screen and (max-width:1120px) {
    .notice-outer .notice-left p { display: flex; flex-direction: column; }
    .notice-outer .notice-left a::after { position: inherit; right: 0; top: 0; margin-top: 0; }
}
@media screen and (max-width:920px) {
    .notice-outer .notice-right { display: none; }
    .notice-outer .notice-left { padding-right: 0; text-align: center; }
}
@media screen and (max-width:800px) {
    .notice-bar { padding-left: 30px; padding-right: 30px; }
}