@media (min-width: 992px) {
    .rocketchat-widget {
        right: 60px !important;
    }
}

@media (max-width: 480px) {
    .halfHeight {
        height: 30% !important;
        min-height: 300px !important;
    }
    .rocketchat-widget *:focus {
        height: 100% !important;
    }
    .halfHeight:after{
        content:"";
        position:absolute;
        z-index:1;
        width:100%;
        height:100%;
        left:0;
        top:0;
    }
}