.ui-alerts {
    position: fixed;
    /* width: 360px; */
    z-index: 2060;
    padding: 23px;
}

.ui-alerts.center {
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -222px;
}

.ui-alerts.top-right{
    top: 20px;
    right: 20px;
}

.ui-alerts.top-center{
    top: 20px;
    margin-left: -222px;
    left: 50%;
}

.ui-alerts.top-left{
    top: 20px;
    left: 20px;
}

.ui-alerts.bottom-right{
    bottom: 0;
    right: 20px;
}
.ui-alerts.bottom-center{
    bottom: 0;
    margin-left: -222px;
    left: 50%;
}

.ui-alerts.bottom-left{
    bottom: 0;
    left: 20px;
}

.ui-alerts.ui-alerts > .message > .content > .header {
    padding-right: 13px;
}

@media (min-width:320px)  { 
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .ui-alerts.top-center{
        margin-left: -163px;
    }
}
@media (min-width:480px)  { 
    /* smartphones, Android phones, landscape iPhone */
}
@media (min-width:600px)  { 
    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
}
@media (min-width:801px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) { 
    /* hi-res laptops and desktops */ 
}