.page_contain{ text-align: left; }
.n_list{ font-size: 0; }
.n_list::after{ content: ""; display: block; clear: both; }
	.n_list_item{ width: 25%; display: inline-block; padding: 0px 10px 20px 10px; position: relative; font-size:15px; }
		.n_title{ display: table-cell; vertical-align: top; width: 22%; padding-right: 10px; position: relative; }	
		.n_photo{ display: block; width: 100%; padding-top: 100%; background-image: url('../images/public/default_pic.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
		.n_content{ display:block; padding:15px; background-color: rgba(0, 0, 0, .6); -webkit-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; transition:all .6s ease-in-out }
		.n_list_item:hover .n_content{ background:#C0AD8F; }
			.n_date{ padding-bottom:5px;  opacity: .6; font-family: "Verdana"; font-weight: 300; font-size: 13px; color: #fff; }
			.n_title_text{ margin: 0; font-size: 1.1em; color: #fff;}	


@media screen and (max-width: 768px) and (min-width: 600px){
.n_list_item{ width: 50%;}
}
@media screen and (max-width: 599px){
.n_list_item{ width: 100%;}
}

@media screen and (max-width: 670px){
.n_list{ text-align: center; }
.n_list_item{ width: 100%;}
}