.writer_archive_page .writter{
	text-align:center;
}
.writter_head{
	width: 100%;
}
.writter_head h1{
	text-align:center;
	font-family: Merriweather;
}
.writter_pic{
	width: 10%;
    float: left;
    margin: 10px;
    /*border: 5px solid #ddd;*/
}
.writter_title{
	font-size: 40px;
    font-style: normal;
	border-bottom: 1px solid #ddd;
	clear:both;
	text-align: left;
}
.writter_pic img{
	width:100%;
}
.writter_pic h2{
	font-size: 11px !important;
    text-align: center !important;
    min-height: 60px;
    margin-top: 2px !important;
	line-height: 15px !important;
}
.writter_pic a{
	text-decoration:none;
	color:#000;
}
.writter_pic a:hover{
	text-decoration:underline;
	color:#0088d6;
}
.writter_name{
	background-color:#0088D6;
	display:inline-block;
	margin-top: 20px;
	
}
.writter_name ul{
	list-style:none;
	margin:0;
	padding:0;	
	
}
.writter_name ul li{
	float:left;
	padding:5px;
	color:#fff;
}
.writter_name ul li a{
	color:#fff;
	font-size: 16px;
    font-style: normal;
}
.writter_name ul li a:hover{
	text-decoration:underline;
}


@media (max-width: 992px) {
.writter_pic{
	width: 11%;
    float: left;
    margin: 10px;
}
	
}

@media (max-width: 767px) {

.writter_pic{
	width: 13%;
    float: left;
    margin: 10px;
}
}
@media (max-width: 600px) {

.writter_pic{
	width: 15%;
    float: left;
    margin: 10px;
}
}
@media (max-width: 480px) {
.writter_pic{
	width: 19%;
    float: left;
    margin: 10px;
}

}
@media (max-width: 344px) {

.writter_pic{
	width: 87%;
    float: left;
    margin: 10px;
}
}