.comments{
	overflow:auto;
	padding:50px 20px;
	background:#f7f7f7;
}
.comments a{
	font-weight:500;
	color:#444;
}
.comments .comments-container{
	overflow:auto;
	width:calc(100% - 145px);
	margin-left:145px;
}
.comments .comments-title{
	margin-bottom:20px;
}
.comments .comments-title h5{
	margin:0px;
}

/*################ FORM ################*/

.comments .comments-form{
	margin-bottom:40px;	
	overflow:auto;
}
.comments .comments-form form{
	display:block;
	overflow:auto;
}
.comments .comments-form .ui-field{
	background:#fff;
}
.comments .comments-form .comments-form-container{
	overflow:auto;
}
.comments .comments-form .comments-form-field{
	width:40%;
	float:left;
}
.comments .comments-form .comments-form-area-full{
	width:100%;
}
.comments .comments-form .comments-form-area{
	width:58%;
	margin:auto 0px auto 2%;
	float:left;
}
.comments .comments-form .field{
	background:#fff;
}
.comments .comments-form .comments-field-message{
	width:100%;
	height:80px;
	margin-bottom:20px;
}
.comments .comments-form  .comments-field-name,
.comments .comments-form .comments-field-email{
	width:100%;
	margin-bottom:20px;
	padding:13px;
	
	// width:240px;
}
.comments .comments-form .comments-form-footer{
	overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.comments .comments-form .comments-form-footer .comments-legend{
	display: block;
    font-size: 11px;
    text-align: left;
	line-height: 120%;
	width:40%;
}
.comments .comments-form .comments-form-footer .comments-legend #cancel-comment-reply-link{
	margin-top: 8px;
}
.comments .comments-form .comments-form-footer .comments-legend .legend{
	display:inline-block;
	margin: 7px 0;
}
.comments .comments-form .comments-form-footer .comments-actions{
	width:calc(60% - 20px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.comments .comments-form .comments-form-footer .comments-actions .comments-button-publish{
	
}

/*################ LIST OF COMMENTS ################*/

.comments .comments-list{

}
.comments .comments-list ul.children{
	margin-left:20px;
	margin-top:20px;
	padding:0px;
}
.comments .comments-list ul.children div.comment:first-child{
	margin-top:0px;
}
.comments .comments-list ul.children div.comment{}
.comments .comments-list .comment{
	overflow:auto;
	font-size:13px;
	line-height:130%;
	margin-top:20px;
	background:#fff;
	
	//border: 1px solid #D9D9D9;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	khtml-border-radius:2px;
	border-radius:2px;
}
.comments .comments-list .comment:first-child{
	margin-top:0px;
}
.comments .comments-list .comment .comment-image{
	width:80px;
	height:80px;
	margin:15px;
	float:left;
	overflow:hidden;
}
.comments .comments-list .comment .comment-body{
	margin-left:100px;
	padding:15px;
}
.comments .comments-list .comment .comment-body p{
	margin:10px 0px;
}
.comments .comments-list .comment .comment-footer{
	
}
.comments .comments-form .comments-legend #cancel-comment-reply-link,
.comments .comments-list .comment .comment-footer a{
	font-family:"Raleway", arial, sanz-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#666;
	line-height: 100%;
	
	background:#dddddd;
	padding:5px 8px;
	margin-right:10px;	
	display:inline-block;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	khtml-border-radius:2px;
	border-radius:2px;
}
.comments .comments-form .comments-legend #cancel-comment-reply-link:hover,
.comments .comments-list .comment .comment-footer a:hover{
	color:#666;
	background:#d0d0d0;	
}
.comments .comments-nav{
	margin-top:40px;	
	overflow:auto;
}
.comments .comments-nav .comments-nav-left{
	float:left;
}
.comments .comments-nav .comments-nav-right{
	float:right;
}
.comments .comments-nav a{
	font-family:"Raleway", arial, sanz-serif;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	font-size: 12px;
    padding:10px 25px;
	text-align:center;
	cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	khtml-border-radius:2px;
	border-radius:2px;
}

@media all and (max-width: 768px){
	.comments .comments-container{
		width:100%;
		margin-left:0px;
	}
	.comments .comments-form .comments-form-field,
	.comments .comments-form .comments-form-area{
		width:100%;
		margin:0px;
		float:none;
	}
	.comments .comments-form .comments-form-footer .comments-legend,
	.comments .comments-form .comments-form-footer .comments-actions{
		width:100%;
	}
	.comments .comments-form .comments-form-footer .comments-legend{
		margin:0px;
	}
	.comments .comments-form .comments-form-footer .comments-legend .legend{
		display:block;
		margin-bottom:10px;
	}
	.comments .comments-form .comments-form-footer .comments-actions .comments-button-publish{
		width:100%;
		margin-top:20px;
	}	
}

@media all and (max-width: 600px){	
	.comments .comments-list .comment .comment-image{
		display:none;
	}
	.comments .comments-list .comment .comment-body{
		margin-left:0px;
		padding:10px;
	}
	.comments .comments-form .comments-legend #cancel-comment-reply-link,
	.comments .comments-list .comment .comment-footer a{
		display:block;
		text-align:center;
		padding:10px;
		margin:10px 0px 0px;
	}
	.comments .comments-form .comments-legend #cancel-comment-reply-link,
	.comments .comments-list .comment .comment-footer a:first-child{
		margin-top:0px;
	}
	.comments .comments-nav a{
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	.comments .comments-nav .comments-nav-left,
	.comments .comments-nav .comments-nav-right{
		float:none;
	}
	.comments .comments-nav .alignleft,
	.comments .comments-nav .alignright{
		float:none;
	}
}