.chatWrap {position:fixed; right:20px; bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; z-index: 99999;}
.chatWrap .chatWrapInner {position:relative; height:75px; width:auto; cursor:pointer;}

.chatWrap .chatUserImageDiv {float:right;}
.chatWrap .chatUserImageDiv img {border-radius:50%; border:5px solid #fff; background-color:#fff; box-shadow:0px 6px 13px 0px rgba(0, 0, 0, 0.23);}
.chatUserImageDiv img {width:64px; height:64px; border-radius:50%;}
.chatWrap .chatStatus {position:absolute; bottom:0; right:0; width:28px; height:28px; z-index:10;}


.chatWrap .chatContentWrap {float:right; background:#ffffff; background:rgba(255, 255, 255, 0.95); padding:10px; min-height:40px;  border-radius:10px; box-shadow:0px 6px 13px 0px rgba(0, 0, 0, 0.23); margin:5px 20px 0 0; position:relative; width:220px; max-width:60%;}
.chatWrap .chatSide {position:absolute; right:-14px; top:23px; width:14px;}
.chatWrap p {color:#636363; margin:0; line-height: 17px;}
.chatWrap p.chatDescription {padding:2px 5px; color:#adadad;}

.chatWrap .textBox {display:none; background:#ffffff; border-radius: 2px; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);}


/* Chat iframe Control */

.chatFrame {position:fixed; right:0; top:0; width:25%; height:100%; background:#ffffff; z-index:999999; height:100%; border:0 none; border-right:1px solid #dadee2;}

/* Maximum width of 1600 pixels. */
@media screen and (max-width: 1600px)
{
  .chatFrame {width:30%;}
}


/* Maximum width of 1300 pixels. */
@media screen and (max-width:1300px)
{
  .chatFrame {width:35%;}
}


/* Maximum width of 1000 pixels. */
@media screen and (max-width: 1000px)
{
  .chatFrame {width:40%;}
}


/* Maximum width of 900 pixels. */
@media screen and (max-width:900px)
{
  	.chatFrame {width:45%;}
}

/* Maximum width of 700 pixels. */
@media screen and (max-width:700px)
{
  .chatFrame {width:50%;}
}



/* Maximum width of 600 pixels. */
@media screen and (max-width:600px)
{
  .chatFrame {width:100%;}
  
  .chatWrap .chatUserImageDiv {max-width:25%;}
  .chatWrap .chatContentWrap {max-width:60%;}
}