.livechat-open-icon {
    position:fixed;
    bottom:20px;
    right:25px;
    display:block;
    width:64px;
    height:64px;
}

.livechat-open-icon img {
    width:100%;
}

.livechat-overlay {
    visibility:hidden;
}

.livechat-iframe {
    display: none;
    position: fixed;
    width: 350px;
    height: 675px;
    bottom: 10px;
    right: 10px;
    z-index: 998;
    overflow: hidden
}

.livechat-close {
    display:none;
    position:fixed;
    right:30px;
    bottom:570px;
    z-index:999;
    color:#999;
    cursor:pointer;
}

@media only screen and (max-width:1400px) {
    .livechat-iframe {
        width:300px;
        height:450px;
    }
    .livechat-close {
        bottom: 420px;
    }
    .livechat-open-icon {
        width: 55px;
        height: 55px;
    }
}

@media only screen and (max-width:630px) {
    .livechat-iframe {
        width: 100%;
        height: 85%;
        bottom:0;
        right:0;
    }
    .livechat-close {
        bottom: calc(85% - 40px);
    }
    .livechat-open-icon {
        width: 50px;
        height: 50px;
    }

    .livechat-overlay {
        visibility: visible;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 997;
        background-color: rgba(0,0,0,.3);
    }

}