.toasterBottom {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
        /*font-family: pt_sans_captionregular;*/
    }
    
    .inrToasterBottom {
        display: flex;
        justify-content: space-around;
        background: black;
        color: #fff;
        padding: 20px;
        align-items: center;
        font-size: 13px;
        letter-spacing: 2px;
        border: solid 2px #fff;
    }
    
    .inrToasterBottom .para {
        width: 73%;

    }
    
    .inrToasterBottom .para p {
        line-height: 1.4;

    }
    .inrToasterBottom a {
        text-decoration: none;
        color: #fff;
    }
    
    .inrToasterBottom .cookAccpt {
        
        
       
    }
    .inrToasterBottom .cookAccpt a{
        color: #fff;
        background: #00adef;
        padding: 8px 10px;
        text-align: center;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
    }
    
    .inrToasterBottom .toasterClose {
       
        text-align: center;
    }
    
    .inrToasterBottom .toasterClose a {
        width: 25px;
        display: block;
        height: 25px;
        color: #fff;
        background: #696666;
        border: solid 1px #fff;
        border-radius: 50%;
        line-height: 25px;
        margin: 0 auto;
        line-height: 25px;
        display: flex;
        letter-spacing: 0;
        justify-content: center;
        align-items: center;
    }
@media screen and (max-width: 767px) {
    .inrToasterBottom .para {
    width: 66%;
}
.inrToasterBottom .ui-body-c , .inrToasterBottom .ui-link:hover{
    color: #fff;
}
}

@media screen and (max-width: 480px) {
.inrToasterBottom {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inrToasterBottom .para {
    width: 100%;
}
.inrToasterBottom .para p {
    padding-bottom: 10px;
}
}