.noti-https:before { content: "\f023"; font-family: FontAwesome; background: #00A50D; padding: 22px; position: relative; left: -22px; font-size: 22px; } .noti-https a:hover:before { color: #FFF; } .noti-https a:before { content: "\f023"; font-family: FontAwesome; color: #00A50D; margin-right: 8px; } .noti-https a:hover { background: #00A50D; color: #FFF; box-shadow: 0 0 0; } .noti-https a { background: #3D3D3D; padding: 9px; font-size: 14px; transition: .3s; color: #FFF; text-shadow: 0 0 0; font-family: sans-serif; text-decoration: none; text-transform: capitalize; position: relative; top: 0px; } .noti-https { background: #444; overflow: hidden; color: #FFF; font-family: sans-serif; text-shadow: 1px 1px 2px #000; padding: 21px; box-shadow: 0 0 7px 1px #828282, inset 0px 0px 27px -7px #000; z-index: 999999; position: fixed; width: 100%; padding-top: 15px; font-size: 14px; } span.reco-bg { margin-left: 16px; } .reco-bg:nth-child(2) { margin-left: 6px!important; } @media only screen and (max-width: 1122px) { .noti-https { line-height: 34px; } .noti-https:before{content: none!important} .noti-https { padding-right: 29px!important; width: 94%!important; } } We aren't sure that you're enjoying us securely. To read content security and properly, please enable JavaScript Here's HOW! (HIGHLY RECOMMENDED)