.notice_bar_container{border-radius: 5px; display: flex; justify-content: center; align-items: center; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); max-width: 90%; padding: 6px 20px; min-width:50%; z-index: 99999; line-height: 12px;}
.notice_bar_container span{font-size: 12px; line-height: normal; text-transform: uppercase;}
.notice_bar_container .text span.mobile{display: none;}
.notice_bar_container .text span.desk{display: inline-block;}
.notice_bar_container .close{position: absolute; right: 10px; top: 10px; cursor: pointer; display: flex;}
.notice_bar_container.top{bottom: unset; top: 10px;}


@media only screen and (max-width: 1250px){
    .notice_bar_container{padding: 6px 30px; width: 50vw;}
}
@media only screen and (max-width: 1024px){
    .notice_bar_container{width: 80vw;}
}
@media only screen and (max-width:768px){
    .notice_bar_container .text span.desk{display: none;}
    .notice_bar_container .text span.mobile{display: inline-block;}
}