.chat-icon-2 {
    float: right;
    /* filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.5)); */
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 2002;
    cursor: pointer;
}

/* These CSS properties are for the chat-window button */
.chatbot {
    position: fixed;
    bottom: 16px;
    right: 80px;
    width: 100%;
    height: 100%;
    z-index: 2001;
}

.chatbot-2 {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 2001;
}

.chat-window {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 2001;
    overflow:hidden;height:inherit;width:inherit;
}

.chat-window-2 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 2001;
    overflow:hidden;height:inherit;width:inherit;
}

.invisible {
    visibility: hidden;
}

@media (min-width: 1008px){
    .chat-icon {
        float: right;
        /*filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.5));*/
        position: fixed;
        bottom: 5px;
        right: 90px;
        z-index: 2002;
        cursor: pointer;
    }
}

@media (max-width: 1007px){
    .chat-icon {
        float: right;
        /* filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.5)); */
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 2002;
        cursor: pointer;
    }
}
@media (max-width: 768px) {
    .chat-icon {
        bottom: 70px;
    }
}
@media (max-width: 576px) {
    .chat-icon-2 {
        bottom: 85px;
    }
}