.comment-container {
    background: #dee1e31f;
}
.comments-container {
	margin: 30px auto 15px;
	width: 768px;
}
.comments-container h1 {
    font-size: 36px;
    font-weight: 400;
}
.comment-avatar {
    max-width: 65px;
    max-height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
}
.comment-avatar img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 766px) {
	.comments-container {
		width: 480px;
	}

	.comments-list .comment-box {
		width: 390px;
	}

	.reply-list .comment-box {
		width: 320px;
	}
}