.blog-list{ padding: 50px 0;}
.blog-list .container{ width: 90%; max-width: 1100px;}
.blog-list h2{ text-align: center; margin-bottom: 40px;}
.blog-list .list{ width: 100%; display: flex; flex-wrap: wrap; margin: 0 auto;}
.blog-list .list .item{ width: 30.3333%; margin: 0 1.5% 40px; position: relative;}
.blog-list .list .item::after{ content: 'more'; color: #151515; font-size: 12px; width: 60px; height: 20px; line-height: 18px; position: absolute; right: 0; bottom: 0; background-color: #fffbcd; border-radius: 30px; display: block; text-align: center; pointer-events: none; transition: all ease-out 0.4s;}
.blog-list .list .item:hover::after{ color: #000; background-color: #ffec26; transition: all ease-out 0.4s; }
.blog-list .list .item a{ display: block; position: relative; padding-bottom: 40px; }
.blog-list .list .item a:hover{ opacity: 1;}
.blog-list .list .item figure{ margin-bottom: 10px; overflow: hidden;}
.blog-list .list .item figure img{ transition: transform ease-out 0.4s;}
.blog-list .list .item:hover figure img{ transform: scale(1.05); transition: transform ease-out 0.4s; }
.blog-list .list .item figcaption{ color: #000; transition: all ease-out 0.4s;}
.blog-list .list .item:hover figcaption{ color: #434343; transition: all ease-out 0.4s;}
.blog-list .list .item figcaption h3{ font-size: 20px; font-weight: 500; letter-spacing: 0; padding-left: 10px; margin-bottom: 5px; border-left: #ffec27 solid 5px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.blog-list .list .item figcaption p{ font-size: 16px; letter-spacing: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}



/*	RESPONSIVE:  */
@media only screen and (max-width:1080px) {

.blog-list .list .item{ width: 47%; margin: 0 1.5% 40px; }	
	
}



/*	RESPONSIVE:  */
@media only screen and (max-width:767px) {	

.blog-list .list{ max-width: 500px;  }
.blog-list .list .item{ width: 100%; margin: 0 auto 40px; }	
	
}