.username{color:#000}.myrow{background:#f3f3f3;padding:25px}.myUser{padding-top:30px;overflow-y:scroll;height:450px;background:#f2f6fa}.user li{list-style:none;margin-top:20px}.user li a:hover{text-decoration:none;color:red}.userImg{height:35px;border-radius:50%}.chat{list-style:none;margin:0;padding:0}.chat li{margin-bottom:5px;padding-bottom:5px;margin-top:20px;width:80%}.chat li .chat-body p{margin:0}.chat-msg{overflow-y:scroll;height:350px;background:#f2f6fa}.chat-msg .chat-img{width:100px;height:100px}.chat-msg .img-circle{border-radius:50%}.chat-msg .chat-img{display:inline-block}.chat-msg .chat-body{display:inline-block;max-width:95%;margin-right:-73px;background-color:#d9fdd3;border-radius:12.5px;padding:15px}.chat-msg .chat-body2{display:inline-block;max-width:80%;margin-left:-64px;background-color:#fff;border-radius:12.5px;padding:15px}.chat-msg .chat-body strong{color:#0169da}.chat-msg .buyer{text-align:right;float:right}.chat-msg .buyer p{text-align:left}.chat-msg .sender{text-align:left;float:left}.chat-msg .left{float:left}.chat-msg .right{float:right}.clearfix{clear:both}.badges{background-color:red;color:#fff;border-radius:50%;padding:3px 7px;font-size:12px;font-weight:700}@media (max-width: 767px){.myUser,.myChat{width:100%}.chat-msg .chat-body{display:inline-block;max-width:100%;margin-right:1px}.chat-msg .chat-body2{display:inline-block;max-width:100%;margin-left:1px}.chat-msg .chat-img{display:none}.chat li{margin-bottom:5px;padding-bottom:5px;margin-top:20px;width:90%}}