.commentsHeading {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.commentsHeading .commentCount {
    background: rgb(195, 0, 0);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: var(--f12);
}

.commentMain .commentUserImg {
    width: 85px;
    height: 85px;
}

.commentMain .commentBody {
    width: calc(100% - 120px);
}




@media screen and (max-width: 1200px) {
    .commentMain .commentUserImg {
        width: 75px;
        height: 75px;
    }

    .commentsHeading .commentCount {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 991px) {
    .commentMain .commentUserImg {
        width: 70px;
        height: 70px;
    }
    
}

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