.chat-bubble{
    right:20px !important;
    bottom:160px !important;
}
.modera-chat .chat-frame {
    right: 20px !important;
    bottom:0 !important;
}

.modera-chat .chat-frame.open {
    right: 20px !important;
    bottom:145px !important;
}








@media screen and (max-width:1400px) {

    .chat-bubble{
        right:20px !important;
        bottom:160px !important;
    }
    .modera-chat .chat-frame {
        right: 20px !important;
        bottom:0 !important;
    }
    .modera-chat .chat-frame.open {
        right: 20px !important;
        bottom:145px !important;
    }


}




@media screen and (max-width:1020px) {

    .chat-bubble{
        right:20px !important;
        bottom:130px !important;
    }
    .modera-chat .chat-frame {
        right: 20px !important;
        bottom:0 !important;
    }

    .modera-chat .chat-frame.open {
        right: 20px !important;
        bottom:115px !important;
    }
}







@media screen and (max-height:680px) and (max-width:1020px) and  (orientation : landscape) {

    .modera-chat .chat-frame {
        right: 0 !important;
        bottom:0 !important;
        height: calc(100% - 115px);
    }

    .modera-chat .chat-frame.open {
        right: 0 !important;
        bottom:115px !important;
    }


    .modera-chat .chat-frame {
        height: calc(100% - 115px);
    }

}




@media screen and (max-height:680px) and (max-width:1400px) and  (orientation : landscape) {


    .modera-chat .chat-frame {
        right: 0 !important;
        height: calc(100% - 145px);
    }
    .modera-chat .chat-frame.open {
        right: 0 !important;
        bottom:145px !important;
    }



}




@media screen and (max-height:680px) and (min-width:1400px) and  (orientation : landscape) {


    .modera-chat .chat-frame {
        right:0 !important;
        height: calc(100% - 145px);
    }


}








@media screen and (max-width:680px) {

    .chat-bubble{
        right:20px !important;
        bottom:160px !important;
    }
    .modera-chat .chat-frame {
        right: 0 !important;
        bottom:0 !important;
        height: calc(100% - 145px);
    }

    .modera-chat .chat-frame.open {
        right: 0 !important;
        bottom:145px !important;
    }
}