@media (max-width: 575.99px) {
		
		.emo_show{font-size: 10px}
	
	.emo{
		margin: auto;
		width: 60px;
		height: 60px;
		cursor: pointer;
		text-align: center;
	}
	.emo_table{
		margin: auto;
		width: 100%;
		border: none;
	}
}

@media (min-width: 576px) {
		
.emo{
		margin: auto;
		width: 100px;
		height: 100px;
		cursor: pointer;
		 
		 text-align: center;
	}
	
	.emo_table{
		padding: 20px;
		margin: auto;
		width: 85%;
		border: none;
	}
	.emo_show{
		display: none;
	}
}
	
	.emo_show{
		
		font-weight: bold;
	    line-height: 12px;
	    white-space: normal;
	    word-break: break-all;
	   margin: auto;
	   padding-top: 10px;
	   width: 100%;
	    
	}
	.emo_like{
		font-weight: bold;
	    line-height: 12px;
	    white-space: normal;
	    word-break: break-all;
	   margin: auto;
	   padding-top: 10px;
	   	width: 100%;
	   text-align: center;
	    
	}
	.emo img{
		
		width: 50px;
		height: 50px;
		
		
		
	}


	.emo_table{
		padding: 20px;
		margin: auto;
		width: 85%;
		border: none;
	}
	.emo_table td{
		width: 20%;
	}
	
	.b_w {    
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  
}