.announcement-bar{background-color:#eaeaea;padding:15px;position: relative; z-index:10;-webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear;}
.announcement-bar span.close{position: absolute; right:0px; display: block; top: 50%; transform:translateY(-50%); cursor: pointer; width: 40px; height: 40px; line-height: 40px; }
.announcement-bar span.close:before,.announcement-bar span.close:after{content:''; position: absolute; width:1px; height: 16px; left: 20px; top:12px; display: block; background: #ffffff;}
.announcement-bar span.close:before{transform: rotate(45deg);}
.announcement-bar span.close:after{transform: rotate(-45deg);}
.announcement-bar p{margin-bottom:0; margin-top:0; text-align: center; line-height: 1.4; font-size:13px; color:#505050; font-weight: 500; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear;}
.announcement-bar a{font-size:12px; line-height: 1.4; color:#505050; text-decoration: none;}
.announcement-bar{padding-right:30px;} 
@media only screen and (max-width: 768px){
  .announcement-bar span.close{right:0;}
  .announcement-bar a, .announcement-bar p{font-size:11px;}
}