@media (min-width:600px){
	.article-list ul{
		width:100%;
		list-style:none;
		list-style-type:none;
		text-align: center;
		margin-top:.2%;
	}
	.article-list li{
		width:48.20%;
		float: left;
		text-align: justify;
		margin-bottom:.4%;
		overflow: hidden;
		height: 340px;
        margin:4px 0px 15px 0px;
        max-width:400px;
	}
	
	.article-list li img{
		width: 100%;
		overflow: hidden;
		border-radius: 10px 10px 0px 0px;
	}
	.line-height{
	    height:60px;
	    padding:10px;
	    font-weight:bold;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.article-list a{
		font-weight: normal;
		color:#555;
		font-size: 15px;
		
	}
	.article-inner{
		margin: 0px 4px 0px 2px;
		border-radius: 10px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
		padding-bottom: 5px;
		box-sizing: border-box;
	}
	.article-list a:hover{
		color:#000;
	}
	.article-list li:nth-child(1){
		margin-right:3.6%;
	}
	.article-list li:nth-child(2n+1){
		margin-right:3.6%;
	}
	.format{
        background:#E74C3C;
        color:#fff;
        text-align:center;
        padding:5px 0px;
        width:100px;
        position:absolute;
        font-weight:normal !important;
        font-size:14px;
        margin-top:2px;
        font-variant: small-caps;
        text-transform: lowercase;
        margin: 8px 0px 0px 5px;
    }
    .grey-div-line{
	    border-top: 1px solid #ddd;
	    margin: 10px 10px;
	    padding: 10px 0px;
	    color: #555;
}
}
@media (max-width:599px){
	.article-list ul{
		width:100%;
		list-style:none;
		list-style-type:none;
		text-align: center;
		margin-top:.2%;
	}
	.article-list li{
		width:99.8%;
		float: left;
		text-align: left;
		margin-bottom:.4%;
		overflow: hidden;
        margin:4px 0px 15px 0px;
	}
	
	.article-list li img{
		width: 100%;
		overflow: hidden;
	}
	.article-list a{
		font-weight: normal;
		color:#000;
		font-size: 16px;
	}
	.article-inner{
		margin: 0px 2px 0px 2px;
		border-radius: 10px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
		box-sizing: border-box;
	}
	.article-inner img{
        margin:0px;
        border-radius: 10px 10px 0px 0px;
    }
	.article-list a:hover{
		color:#DA0000;
	}
	.article-title{
		font-size: 30px;
		color: #000;
		font-weight: bold;
	}
	.article-content{
		text-align: justify;
		font-size: 16px;
	}
	.article-content img{
		margin-bottom: 5px;
		width: 100%;
	}
	.format{
        background:#E74C3C;
        color:#fff;
        text-align:center;
        padding:5px 0px;
        width:100px;
        position:absolute;
        font-variant: small-caps;
        text-transform: lowercase;
        font-size:14px;
        margin: 8px 0px 0px 5px;
    }
    .line-height{
		padding:10px;
	    font-weight:bold;
	}
	.grey-div-line{
	    border-top: 1px solid #ddd;
	    margin: 17px 10px;
	    padding: 17px 0px;
}
}

@media(min-width:992px){
    .article-inner img{
        height: 190px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .article-inner img{
        height: 126px;
    }
}

@media (min-width:600px) and (max-width:767px){
    .article-inner img{
        height: 199px;
    }
}