.reveal .fa                 { font-family: 'FontAwesome'; font-style: normal; }
ul                          { list-style: none; padding-left: 1px; }
.alertBox                   { bottom: 0px; right: 0px; position: fixed; z-index: 111; }
h3.media-heading            { font-size: 11px; font-family: 'Comic Sans MS'; float: left; }
#PrivateChatArea            { bottom: 2%; max-height: 300px; min-height: 300px; opacity: 1; position: fixed; right: 170px; width: 278px; z-index: 99999; }
#PrivateChatArea .container { max-width: 300px }
#OnlineUsers                { bottom: -3%; height: auto; position: fixed; right: 0%; opacity: 1; width: 181px; z-index: 88; }
.chat-filter                { padding: 3% }

@media (max-width: 1000px) {
    #PrivateChatArea    { margin-right: 11%; }
}

@media (min-width: 1001px) and (max-width: 1199px)
{
    #PrivateChatArea    { margin-right: 9%; }
}

@media (min-width: 1200px) and (max-width: 1299px)
{
    #PrivateChatArea    { margin-right: 8%; }
}

@media (min-width: 1300px) 
{
    #PrivateChatArea    { margin-right: 7%; }
}