.articles_list {  }
.arti_list li { margin-bottom: 45px;  }
.arttxt {  width: calc(100% - 332px); float: left; padding: 0 50px;}
.artimg { width: 332px; float: left; position: relative;}
a.artibox { background: #ffffff;display: flex;flex-wrap: wrap;align-items: center;box-shadow: 0 0px 2px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);}
.arti_tit { font-family: 'AbrilFatface-Regular'; font-size: 20px; line-height: 26px; color: #3e3e3e; padding-bottom: 20px; letter-spacing: 0.5px;}
.readmore {  position: absolute;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.57);text-align: center;color: #ffffff; font-size: 16px;line-height: 30px;}
.article_img {margin-bottom: 20px;   }
.arti_smlltit {font-family: 'AbrilFatface-Regular'; letter-spacing: 0.5px;  font-size: 18px; color: #2d3937; line-height: 27px; padding-bottom: 15px;  }
a.artibox:hover .readmore {background: rgba(255, 189, 0, 0.69); }


/* REsponsive */

@media(max-width:1120px){
    
    .arti_list li {
    margin-bottom: 22px;
}
}


@media(max-width:860px){
     .arttxt {padding: 0 21px;}

}

@media(max-width:768px){
   
    .arttxt {width: calc(100% - 275px);}
    .artimg { width: 275px;}
    
}
@media(max-width:700px){
   
    .artimg { order: 1;}
    .arttxt { order: 2; width: 100%; padding: 10px 0;}
    a.artibox { padding: 10px;}
}
@media(max-width:480px){
 
    .arti_tit {font-size: 18px;line-height: 22px;color: #3e3e3e;padding-bottom: 12px;}
    .artimg {margin: 0 auto;}
    a.artibox { text-align: center;}
}