.cl{ clear:both }

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

    .summary-post.fl {float:left}
    .summary-post{margin:10px 0px 0px 0px;position:relative;width:30%;height: 330px;text-align:center;border:solid 1px #ccc;margin-right:15px;background-color:#fdfdfd;}
    .summary-post a img{
        width:100%;
	height:100px;
        /*display: block;*/
        margin-left: auto;
        margin-right: auto;
       /* padding:10px 0px 0px 0px;*/
    }
    .summary-excerpt p {font-size:13px;padding:10px;}
    .summary-post .title { margin:5px !important; }
    .summary-readmore { position:absolute;bottom:10px;padding:5px;font-size:12px;text-align: center; width: 100%; }
    .summary-readmore a {display: block; margin-left: auto;margin-right: auto;border-radius:5px;padding:5px;width:40%; }

}

@media only screen and (max-width: 500px) {
 .summary-post.fl {float:left}
    .summary-post{margin:10px 0px 0px 0px;position:relative;width:40%;height: 350px;text-align:center;border:solid 1px #ccc;margin-right:10px;background-color:#fdfdfd;}
    .summary-post a img{
        width:100%;
        height:100px;
        /*display: block;*/
        margin-left: auto;
        margin-right: auto;
       /* padding:10px 0px 0px 0px;*/
    }
    .summary-excerpt p {font-size:13px;padding:10px;}
    .summary-post .title { margin:5px !important; }
    .summary-readmore { position:absolute;bottom:10px;padding:5px;font-size:12px;text-align: center; width: 100%; }
    .summary-readmore a {display: block; margin-left: auto;margin-right: auto;border-radius:5px;padding:5px;width:40%; }


}