@media only screen and (max-width: 570px){
    .cww-floating-call-button .user-bottom-wrapp {
        padding: 15px;
    }
    .cww-floating-call-button .user-info-wrapp{
        width: 240px;
    }
    .cww-floating-call-button.center .user-info-wrapp.multi.active {
        left: 55%;
    }
    
}
@media only screen and (max-width: 500px){
    .cww-floating-call-button .multi-user-wrapp{
        left: 200px;
    }
    .cww-floating-call-button.center .user-info-wrapp.multi.active {
        left: 50%;
    }
    
}

@media only screen and (max-width: 430px){
    .cww-floating-call-button.bottom-right.active .call-button-main,
    .cww-floating-call-button.bottom-right  .multi-user-wrapp{
        left: inherit;
    }
}

@media only screen and (max-width: 425px){

    .cww-floating-call-button.active .call-button-main,
    .cww-floating-call-button .multi-user-wrapp{
        left: 126px;
    }
    .cww-floating-call-button.bottom-right.active .call-button-main,
    .cww-floating-call-button.bottom-right  .multi-user-wrapp{
        left: inherit;
    }
    .cww-floating-call-button.center .user-info-wrapp.multi.active {
        left: 42%;
    }

}


@media only screen and (max-width: 350px){
    .cww-floating-call-button.bottom-right .user-info-wrapp.multi.active {
        right: 83px;
    }
    .cww-floating-call-button.bottom-left .user-info-wrapp.multi.active {
        left: 83px;
    }
    .cww-floating-call-button .user-info-wrapp{
        width: 230px;
    }
    .cww-floating-call-button .user-bottom-wrapp {
        padding: 14px;
    }

    .cww-floating-call-button.active .call-button-main,
    .cww-floating-call-button .multi-user-wrapp{
        left: 82px;
    }
    .cww-floating-call-button.center .user-info-wrapp.multi.active {
        left: 35%;
    }

}