.lazy-load-posts-ul{
	padding: 0;
}
.lazy-load-posts li{
	list-style: none;
}

#lazy-load-posts ul#news {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#lazy-load-posts ul#news li {
	-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;

    list-style-type: none;
    margin-bottom: 25px;
    /*height: auto; float: left;*/
}

#lazy-load-posts ul#news li:hover {
	background-color: transparent;
}

#lazy-load-posts ul#news li a {
    background-color: #eee;
    padding: 25px 15px;
    display: block;
}

#lazy-load-posts ul#news li a:hover {
    background-color: #35A4D4;
}

#lazy-load-posts ul#news li a .news--title {
    font-size: 18px; font-weight: bold;
}

@media (max-width: 782px) {
	#lazy-load-posts ul#news li {
		-ms-flex: 0 0 50%;
    	flex: 0 0 50%;
    	max-width: 50%;
	}
}

@media (max-width: 450px) {
	#lazy-load-posts ul#news li {
		-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
	}
}

#lazy-load-more-btn {
	display: block;
	margin: 0 auto;
	width: auto;
	text-transform: uppercase;
	outline: none;
	clear: both;
}
#lazy-load-more-btn:hover {

	transition: all .5s ease;
}

/*** grid view css ***/

@media screen and (min-width: 700px){
	.grid {
	    -moz-column-count: 2;
	    -webkit-column-count: 2;
	    column-count: 2;
	}
}

@media screen and (min-width: 900px){
	.grid {
	    -moz-column-count: 3;
	    -webkit-column-count: 3;
	    column-count: 3;
	}
}

@media screen and (min-width: 1100px){
	.grid {
	    -moz-column-count: 4;
	    -webkit-column-count: 4;
	    column-count: 4;
	}
}


/*.grid-item{
	width: 100%;
	display:inline-block;
	float: none !important;
}*/
/*************************************************
	news grid
 *************************************************/



.grid-item {color: #000;}
.grid-item p { margin-bottom: 20px; }

.grid-item { width: 31%; margin: 1.1666667%; }
.news--img { max-width: 100%; margin-bottom: 15px;}
.news--title { font-size: 20px; }
.news--date { font-size: 12px; }
.news--link { font-weight: normal; text-transform: uppercase; }

@media (max-width: 991px) {
	.grid-item { width: 46.5%; }
}
@media (max-width: 767px) {
	.grid-item { width: 100%; margin: 0 0 30px; }
}