@media only screen and (max-device-width:667px),
screen and (max-width:450px) {
    @media (max-width:667px) {
        #reve-chat-container-div {
            min-width: 82px;
            right: 0 !important;
            max-height: inherit;
            border-radius: 0 !important
        }

        .reve-chat-container-div {
            top: 0 !important
        }
    }
}

body.revechat-no-scroll {
    position: fixed !important;
    overflow: hidden;
    text-size-adjust: 100%;
    width: 100%;
    min-height: 100% !important;
    margin: 0px;
}



.name,
.profile {
    cursor: pointer
}
.profile img {
    width: 110px;
}

.name {
    font-weight: 700
}

.comments_face {
    font-family: roboto, sans-serif;
    background-color: #fff
}

.comments_face .comments {
    background-color: #DEF4E8;
    border-bottom: 2px solid #fff;
    padding: 10px
}

.comments_face .profile {
    float: left;
    width: 60px;
    margin-right: 10px
}

.comments_face .comment-content img,
.comments_face .profile img {
    width: 100%
}

.comments_face .comment-content img,
.comments_face .profile img,
.comment-status img {
    margin: 0 auto
}

.comments_face .comment-content {
    padding-left: 70px
}

.comments_face p {
    font-size: 14px
}

.comments_face .name {
    margin: 0
}

.comments_face .comment-status span,
.comments_face .name {
    color: #3b5998
}

.comments_face .name,
.comments_face .result {
    font-weight: 700
}

.comments_face .button,
.comments_face .name,
.comments_face .profile {
    cursor: pointer
}

.comments_face .comment-status {
    font-size: 11px;
    cursor: pointer
}

.comments_face .comment-status span,
.comments_face .name {
    color: #3b5998
}

.comments_face .button,
.comments_face .main-content span {
    color: red
}

.comments_face .clr {
    clear: both
}
.a {fill: #d4005b}