.notification-wrappper .notificationbar
{ font-size: 14px;
    display: inline-block;
    width: 85%;
    padding: 3px 0; 
}
.notification-wrappper,.display-notification-view
{
    text-align: center;
}

.notification-wrappper div .jquery-arrow.up,.display-notification-view .jquery-arrow.up
{
    margin-left: 2%;
    vertical-align: middle;
    position: absolute;
    display: inline-block;
    top: 13px;
}
.notification-wrappper div .jquery-arrow.down,.display-notification-view .jquery-arrow.up
{
    margin-left: 2%;
    vertical-align: middle;
    position: absolute;
    display: inline-block;
    bottom: 12px;
}
.notification-wrappper div .jquery-arrow.down img,.display-notification-view .jquery-arrow.down img
{
    padding-top: 5px;

}
.notification-wrappper .notificationbar img
{
    max-width: 100px;
    margin: 0 auto;
}

#notification-wrappper-top{
    top:0;
    width:100%;
}
#notification-wrappper-bottom{
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 9999;
}
.notification-wrappper p img,.notification-wrappper a
{
    cursor: pointer;
    text-decoration: none!important;
}
.notification-wrappper .display-notification-view
{
    font-size: 14px;
    display: inline-block;
    padding: 0 3%;
}
.notification-wrappper .view-less-content
{
    padding-bottom: 5px;
}
.notification-wrappper .notificationbar,.notification-wrappper .view-less-content
{
    z-index: 9999;
    position: relative;
}
/*@media screen and (min-width: 318px) and (max-width: 1050px) 
{

    #display-notification {
    word-break: break-all;
}
.notificationbar
{
    word-wrap: break-word;  
}
}  */
@media screen and (max-width: 768px) 
{
    .notification-wrappper .notificationbar
    {
    width: 97%;
}
.notification-wrappper div .jquery-arrow.up, .display-notification-view .jquery-arrow.up {
   
    vertical-align: middle;
    position: relative;
    display: inline-block;
    top:0;

}
.notification-wrappper div .jquery-arrow.down, .display-notification-view .jquery-arrow.up
{
   
vertical-align: middle;
position: relative;
display: inline-block;
bottom: 6px;
}  
}