.comment-style1 {
    border: none;
    /* border: 1px solid #ddd; */
    padding: 0px;
    position: relative;
}

.comment-style1.box {
    box-shadow: none;
}

.comment-style1 .box-body {
    border-top: 1px #e4e4e4 solid;
}

.comment-style1 .username {
    font-weight: 300;
    color: #3c8dbc;
    font-size: 14px;
    font-weight: 500;
}

.comment-style1 .box-footer {
    padding-top: 30px;
}

.comment-style1 .comment-photo {
    position: absolute;
    float: left;
    padding: 10px;
    display: none;
}

.comment-style1 .comment-photo img {
    width: 90px;
    height: 100px;
}


/* For Portrait tablets and medium desktops */

@media (min-width: 768px) {
    .comment-style1 .box-body,
    .comment-style1 .box-header {
        margin-left: 115px;
        padding-left: 0px;
    }
    .comment-style1 .box-header .user-block .username,
    .comment-style1 .box-header .user-block .description,
    .comment-style1 .box-header .user-block .comment {
        margin-left: 0px;
    }
    .comment-style1 .box-header .user-block img {
        display: none;
    }
    .comment-style1 .comment-photo {
        display: block;
    }
}


/*Comment List styles*/

.comment-list {
    margin-bottom: 0px;
}

.comment-list .comment-photo {
    position: absolute;
    float: left;
}

.comment-list .comment-photo img {
    width: 90px;
    height: 100px;
    display: none;
}

.comment-list .comment-header {
    padding-bottom: 8px;
    border-bottom: 1px #e4e4e4 solid;
}

.comment-list .comment-header .comment-img {
    width: 35px;
    height: 40px;
    float: left;
}

.comment-list .comment-header .comment-user,
.comment-list .comment-header .comment-date,
.comment-list .comment-header .comment-tools {
    margin-left: 45px;
}

.comment-list .comment-header .comment-forward {
    margin-top: -20px;
    margin-left: 60px;
}

.comment-list .comment-forward-item>.forward-img {
    margin-top: 6px;
    width: 25px;
    height: 28px;
    float: left;
}

.comment-list .comment-forward-item>.forward-user,
.comment-list .comment-forward-item>.forward-date {
    margin-left: 35px;
}

.comment-list .comment-forward-item>.forward-date {
    color: #999;
    font-size: 13px;
}

.comment-list .comment-post {
    margin-top: 6px;
    padding-top: 5px;
}

.comment-list .comment-user {
    color: #3c8dbc;
    font-size: 14px;
    font-weight: 500;
}

.comment-list .comment-date {
    color: #999;
    font-size: 13px;
}

.comment-list .panel-body .comment-header .comment-tool {
    position: absolute;
    right: 30px;
    top: 15px;
}


/* Portrait tablets and medium desktops */

@media (min-width: 768px) {
    .comment-list .panel {
        margin-left: 115px;
    }
    .comment-list .comment-photo img {
        display: block;
    }
    .comment-list .comment-header .comment-img {
        display: none;
    }
    .comment-list .comment-header .comment-user,
    .comment-list .comment-header .comment-date,
    .comment-list .comment-header .comment-tools {
        margin-left: 0px;
    }
    .comment-list .comment-header .comment-forward {
        margin-left: 25px;
    }
    .comment-list .arrow:after,
    .comment-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
    }
    .comment-list .panel.arrow.left:after,
    .comment-list .panel.arrow.left:before {
        border-left: 0;
    }
    /*****Left Arrow*****/
    /*Outline effect style*/
    .comment-list .panel.arrow.left:before {
        margin-left: 115px;
        left: 0px;
        top: 30px;
        /*Use boarder color of panel*/
        border-right-color: inherit;
        border-width: 16px;
    }
    /*Background color effect*/
    .comment-list .panel.arrow.left:after {
        margin-left: 115px;
        left: 1px;
        top: 31px;
        /*Change for different outline color*/
        border-right-color: #FFFFFF;
        border-width: 15px;
    }
    .comment-list .panel.arrow.left.green:after {
        margin-left: 115px;
        left: 1px;
        top: 31px;
        /*Change for different outline color*/
        border-right-color: rgb(216, 255, 216);
        border-width: 15px;
    }
}