.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;
}
}