#all_comments{width:97%; float:right;}
#all_comments .last_comment{text-decoration:none; position:relative; font-size:1em; display:inline-block; width:23%; /*max-height:200px; min-height:100px;*/ height:150px; padding:0.3em; margin:0.2%; vertical-align:top; text-align:left; overflow:hidden;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
}
#all_comments .last_comment img{float:left; width:75px; height:75px; padding:0.4em;}
#all_comments .last_comment:hover{ background:#FFF7EF;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}
#all_comments .last_comment .reply{color:#f37f00;}

#all_comments .last_comment:before {
  content:'';
  width:100%;
  height:100px;    
  position:absolute;
  left:0;
  bottom:0;
  background:linear-gradient(transparent 60px, white);
}
#all_comments .last_comment .p{display:inline-block; font-size:1.2em; color:green; width:30px; text-align:center; font-weight:bold;}
#all_comments .last_comment .m{display:inline-block; font-size:1.2em; color:red; width:30px; text-align:center; font-weight:bold;}

/*#all_comments .last_comment:nth-child(4n+4){background:#AD2225;}*/

@media screen and (max-width: 1170px){
	#all_comments .last_comment{width:31%;}
}
@media screen and (max-width: 610px){
	#all_comments .last_comment{width:47%;}
}
@media screen and (max-width: 410px){
	#all_comments .last_comment{width:94%;}
}

#show_comments{display:inline-block; padding:15px 40px 15px 40px; text-align:center; margin:20px 0; border:#01B400 1px solid; border-radius:8px; color:#01B400; font-size:20px; font-weight:bold; cursor:pointer;}