.list_blog{

}

.list_blog .list_blog_wrapper{

}

.list_blog .list_blog_wrapper li{
width:32.2%;
margin:0 1% 1% 0;
float:left;
}

.list_blog .list_blog_wrapper li a{

}

.list_blog .list_blog_wrapper li a img{
max-width:100%;
width:100%;
}

.list_blog .list_blog_wrapper li a span{
background: #1f3454;
width: 96%;
display: block;
overflow: hidden;
color: #fff;
font-size: 18px;
padding: 4% 0 4% 4%;
}

.list_blog .list_blog_wrapper li a:hover span{
background: #4D5567;
}

@media only screen and (max-width:720px){

.list_blog .list_blog_wrapper li{
    width:48.9%;
}

} /* 720px */

@media only screen and (max-width:480px){

.list_blog .list_blog_wrapper li{
    width:98%;
    margin:0 0 1% 1%;
}

} /* 480px */