.user-img{width:33px;height:33px;float:left;position:relative;bottom:6px;right:8px}.user-img>img{width:33px;height:33px;border-radius:50%}#nav{display:block;list-style:none;margin:0;padding:0;float:right;margin:0}#nav li{float:left;font-size:14px;font-weight:400;padding:9px 15px 5px}#nav li a{color:#333;text-decoration:none}#notification_li{position:relative;font-size:20px;margin-right:2px}#notificationContainer{background-color:#fff;border:1px solid rgba(100,100,100,.4);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);overflow:visible;position:absolute;top:38px;margin-left:-188px;width:300px;z-index:-1;display:none}#notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid #000;border-color:transparent transparent #d4d4d4;margin-top:-20px;margin-left:188px}#notificationTitle{z-index:1000;font-weight:700;padding:8px;font-size:13px;background-color:#fff;width:284px;border-bottom:1px solid #ddd}#notificationsBody{padding:10px 0 0!important;min-height:300px}#notificationFooter{background-color:#e9eaed;text-align:center;font-weight:700;padding:8px;font-size:12px;border-top:1px solid #ddd}#notification_count{padding:1px 5px;background:#e86760;color:#fff;font-weight:700;margin-left:15px;border-radius:9px;position:absolute;margin-top:-7px;font-size:10px}#m-notification_li{position:relative}#m-notificationContainer{background-color:#fff;border:1px solid rgba(100,100,100,.4);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);overflow:visible;position:absolute;top:38px;margin-left:-188px;width:300px;z-index:-1;display:none}#m-notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid #000;border-color:transparent transparent #d4d4d4;margin-top:-20px;margin-left:188px}#m-notificationTitle{z-index:1000;font-weight:700;padding:8px;font-size:13px;background-color:#fff;width:284px;border-bottom:1px solid #ddd}#m-notificationsBody{padding:0!important;min-height:300px}#m-notificationFooter{background-color:#e9eaed;text-align:center;font-weight:700;padding:8px;font-size:12px;border-top:1px solid #ddd}#m-notification_count{padding:1px 5px;background:#c00;color:#fff;font-weight:700;margin-left:15px;border-radius:9px;position:absolute;margin-top:-7px;font-size:10px}#u-notification_li,.u-notification_li{position:relative}#u-notification_li i,.u-notification_li i{color:#fff}#u-notification_li span,.u-notification_li span{color:#fff!important}#u-notificationContainer{background-color:#fff;border:1px solid rgba(100,100,100,.4);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.25);overflow:visible;position:absolute;top:49px;margin-left:-120px;width:250px;z-index:-1;display:none}#u-notificationContainer:before{content:'';display:block;position:absolute;width:0;height:0;color:transparent;border:10px solid #000;border-color:transparent transparent #ddd;margin-top:-20px;margin-left:230px}#u-notificationTitle{z-index:1000;font-weight:700;padding:8px;font-size:13px;background-color:#fff;width:284px;border-bottom:1px solid #ddd}#u-notificationsBody{padding:0!important;min-height:175px}#u-notificationFooter{background-color:#e9eaed;font-weight:700;padding:8px;font-size:12px;border-top:1px solid #ddd}#u-notification_count{padding:3px 7px;background:#c00;color:#fff;font-weight:700;margin-left:50px;border-radius:9px;position:absolute;margin-top:-11px;font-size:11px}.mobile-dot{display:none}@media only screen and (max-width:1024px){#u-notificationContainer{margin-left:-120px}}@media only screen and (max-width:650px){.mobile-dot{display:block;margin-right:0;position:relative;top:-3px;-webkit-filter:invert(100%);filter:invert(100%)}.mobile-angel{display:none}}@media only screen and (max-width:490px){.mobile-dot{-webkit-filter:invert(0);filter:invert(0)}}