.wrapper-banner-blog .row{margin: 0 -25px;}
.wrapper-banner-blog .row .column{padding: 0 25px;}
.wrapper-banner-blog a{text-decoration: none;}
.wrapper-banner-blog .image{position: relative;}
.wrapper-banner-blog .image img{display: block;width: 100%;}
.wrapper-banner-blog .desc{padding: 18px 10px 22px 18px;border: 1px solid rgba(214, 214, 214, .5);transition:0.2s all;}
.wrapper-banner-blog a:hover .desc{border: 1px solid rgba(214, 214, 214, 1);}
.wrapper-banner-blog .desc .item-title{font-family: 'Metrocity-Medium';text-transform: uppercase;font-size: 12px;line-height: 18px;letter-spacing: 0.8px;color: #333333;}
.wrapper-banner-blog .desc .item-date{padding-bottom: 6px;color: #999999;font-size: 12px;line-height: 18px;}
.wrapper-banner-blog .desc .item-content{padding-top: 12px;font-size: 13px;line-height: 20px;color: #333;}

@media screen and (max-width: 768px){
	.wrapper-banner-blog .row{margin: 0 -5px;}
	.wrapper-banner-blog .row .column{padding: 0 5px;}
	.wrapper-banner-blog .row .column:not(:first-child):not(:nth-child(2)){padding-top: 30px;}
	.wrapper-banner-blog .row .column:nth-child(2n+1){clear: left;}
	.wrapper-banner-blog .desc{padding: 10px;min-height: 97px;}
	.wrapper-banner-blog .desc .item-title{font-size: 11px;line-height: 16px;}
	.wrapper-banner-blog .desc .item-content{padding-top: 6px;font-size: 10px;line-height: 15px;}
	.wrapper-banner-blog .desc .item-date{font-size: 10px;line-height: 15px;}
}