.nb-notice-wrap {
text-align: center;
box-shadow: 0 0 2px;
width: 100%;
z-index: 9999;
}
.nb-notice-wrap a,
.nb-notice-wrap a:hover,
.nb-notice-wrap a:focus{
text-decoration:none;}
.nb-top-fixed {
position: fixed;
top: 0;
}
.nb-top-absolute {
position: absolute;
top: 0;
}
.nb-bottom {
position: fixed;
bottom: 0;
}
.nb-notice-wrap .nb-plain-text-wrap{
margin:0 30px;
padding:15px;
}
.nb-notice-wrap button{
box-shadow:none;
padding:2px 10px;
margin: 0 10px;}
.nb-social-icons-wrap .nb-each-slide {
padding: 15px;
}
.nb-notice-wrap .nb-social-icons-wrap {
padding: 15px;
}
.nb-social-icons-wrap .nb-social-icons {
display: inline-block;
margin-left: 10px;
}
.nb-notice-wrap .nb-each-icon {
border-radius: 50%;
display: inline-block;
font-size: 15px;
height: 32px;
line-height: 31px;
margin-right: 5px;
text-align: center;
transition: all 0.5s ease 0s;
vertical-align: middle;
width: 32px;
}
.nb-social-icons-wrap .nb-social-icons
.nb-notice-wrap .nb-each-icon .nb-social-icon {
}
.nb-notice-wrap .nb-each-icon:hover {
}
.nb-notice-wrap .nb-close-action {
background-color: #222222;
border-radius: 50%;
color: #fff;
font-size: 0;
height: 25px;
line-height: 24px;
position: absolute;
right: 15px;
top: 29%;
width: 25px;
} .nb-notice-wrap .nb-close-action:hover,
.nb-notice-wrap .nb-close-action:focus{
color:#fff;} .nb-close-action::after {
content: "\f00d";
font-family: Fontawesome;
font-size: 15px;
}
.nb-notice-outer-wrap .nb-toggle-action,
.nb-notice-outer-wrap .nb-toggle-outer {
background-color: rgb(0, 0, 0);
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 0;
float: right;
height: 25px;
line-height: 24px;
position: absolute;
right: 10px;
transition: all 0.5s ease 0s;
width: 25px;
z-index: 99;
}
.nb-notice-outer-wrap .nb-toggle-action{
top: 31%;	
}
.nb-notice-outer-wrap .nb-toggle-outer {
bottom: 0;
position: fixed;
right: 10px;
text-align: center;
transition: all 0.5s ease 0s;
}
.nb-top-absolute-outer .nb-toggle-outer{
position:absolute;}
.nb-bottom .nb-toggle-action::after,
.nb-notice-outer-wrap .nb-toggle-outer::after{
content: "\f103";
font-family: Fontawesome;
font-size: 17px;
}
.nb-notice-outer-wrap .nb-toggle-outer::after {
content: "\f102";
}
.nb-top-fixed-outer .nb-toggle-action::after,
.nb-top-absolute-outer .nb-toggle-action::after{
content: "\f102";
font-family: Fontawesome;
font-size: 17px;
}
.nb-top-fixed-outer .nb-toggle-outer::after,
.nb-top-absolute-outer .nb-toggle-outer::after{
content: "\f103";
font-family: Fontawesome;
font-size: 17px;
}
.nb-top-fixed-outer .nb-toggle-outer,
.nb-top-absolute-outer .nb-toggle-outer{
line-height: 25px;
} @media (min-width: 1200px) and (max-width: 1920px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
.nb-notice-wrap .nb-plain-text-wrap{
font-size:14px;
margin-right:30px;
}
}
@media (max-width: 767px) {
.nb-notice-wrap .nb-plain-text-wrap{
font-size:14px;
margin-right:30px;
}
.nb-notice-wrap .ticker-title{
display:none;
visibility:hidden;
width:0;}
.nb-notice-wrap .ticker-content a{
overflow:auto;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.nb-social-icons-wrap .nb-social-icons-label{
display:inline-block;
margin-bottom:5px;}
} @media only screen and (max-width : 320px) { .nb-social-icons-wrap {
text-align:left;}
} @media only screen and (min-width : 320px) and (max-width : 480px) {
.nb-notice-wrap .nb-plain-text-wrap{
text-align:justify;}
}