.comment-box {
	float:left;
	width:100%;
	padding:15px 30px;
}
.comment-box h4 {
	margin-bottom:20px;
}
.author-row {
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.comment-box .frame {
	float:left;
	width:90px;
	height:90px;
	border-radius:100%;
	box-shadow:0 0 1px 1px #e1e1e1;
	padding:0;
	margin:0 19px 0 0;
	overflow:hidden;
}
.comment-box .frame img {
	display:block;
	width:100%;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
}
.comment-box .frame:hover img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
#main .comment-box .text-box {
	overflow:hidden;
	float:none;
}
.comment-box .text-box p {
	margin:0;
}
.comment-box .text-box strong.name {
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	text-transform:uppercase;
	display:block;
	padding:0 0 10px 0;
}
.comments {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.comments .text-outer {
	float:left;
	width:100%;
	padding:0 0 15px 0;
}
.comments .text {
	float:left;
	width:100%;
	padding:0 0 20px 0;
	-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing:border-box;    /* Firefox, other Gecko */
	box-sizing:border-box;         /* Opera/IE 8+ */
	position:relative;
	margin:0 0 20px 0;
}
.comment-frame {
	float:left;
	width:90px;
	height:90px;
	border-radius:100%;
	box-shadow:0 0 1px 1px #e1e1e1;
	padding:0;
	margin:0 19px 0 0;
	overflow:hidden;
}
.comment-frame img {
	display:block;
	width:100%;
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	border-radius:100%;
}
.comment-frame:hover img {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.comments .tex-box {
	overflow:hidden;
	text-align:left;
}
.comments .tex-box strong.name {
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:600;
	text-transform:uppercase;
	display:block;
	padding:0 0 10px 0;
}
.comments .text p {
	margin:0;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:400;
}
.comments .text a.replay {
	float:right;
	width:35px;
	height:35px;
	border-radius:100%;
	text-decoration:none;
	font-size:16px;
	line-height:36px;
	padding:0;
	text-align:center;
}
.comments .text a.replay .fa {
	padding:0;
}
.comments .text a {
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:14px;
	font-weight:400;
	text-decoration:none;
	display:block;
	padding:0 0 12px 0;
}
.comments .text a .fa {
	padding:0 7px 0 0;
}
.comments ul {
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}
.comments ul li {
	float:left;
	width:100%;
	position:relative;
	margin:0px;
	padding:0;
}
.comments ul ul {
	padding:0px 0px 0px 100px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
}
.comment-box input[type="submit"] {
	float:left;
	border:0;
	padding:10px 15px;
	margin:10px 0 0 0;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:500;
}
.comment-box button {
	float:left;
	border:0;
	padding:10px 15px;
	margin:10px 0 0 0;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:500;
}

h4.ybas {
	font-size:22px;
	padding-bottom:20px;
}

@media (max-width:480px) {

	.comment-box {
		width:100%;
		padding:15px 10px;
		margin-bottom:25px;
	}
	.post-row .comment-row{
		width:auto;
	}
	#wrapper .comments ul ul{
		padding-left:0;
	}
	.post-row .comment-row a{
		margin:0 0 0 10px;
	}

}


@media (max-width:767px) {

	.comments ul ul{
		padding-left:30px;
	}
	
}

@media (min-width:768px) and (max-width:1024px) {

}

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

}

@media (min-width:1200px) {

}

@media (min-width:1366px) {

}

@media (min-width:1400px) {

}