#blog-section .text-group01 h2{font-family: 'Chonburi', cursive;color: #ffffff;font-size: 50px;line-height: 52px;letter-spacing: 2.5px;margin-bottom: 10px;position: relative;}



#blog-section .text-group01 h2:before{content: '';width: 1px;height: 50px;background: #f13838;position: absolute;top: 0;left: -37px;}



#blog-section .item-new {position: relative; text-align: left;display: block;background: #333333;border: solid 1px #ffffff;padding: 15px;overflow: hidden;}
#blog-section .item-new .new-bg{mix-blend-mode: multiply;background-color: #f13838;position: absolute;z-index: 0;left: 0%;right: 0%; top: 0%;bottom: 0%; opacity: 0;
   webkit-transition: all 0.3s ease-in-out;
   -khtml-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;}

   #blog-section .item-new .new-text{position: relative; z-index: 1;}

   #blog-section .item-new:hover{background: #f13838;}
   #blog-section .item-new:hover .new-bg{opacity: 0.25;
       webkit-transition: all 0.3s ease-in-out;
       -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
       -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
       transition: all 0.3s ease-in-out;
   }
   #blog-section .item-new .date{
    color: #cfcfcf;
}
#blog-section .item-new h4{
    color: #ffffff;
}
#blog-section .item-new .text-detail{
    color: #777777;
    webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
#blog-section .item-new:hover .text-detail{
    color: #ffffff;
    webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#blog-section .item-new h5{position: relative;color: #ffffff;display: block;padding-top: 20px;margin-bottom: 0px;}
#blog-section .item-new h5:before{content: ''; color: #ffffff; position: absolute; top: 1px;height: 1px; width: 75%;background: #ffffff;}

.z-index-n9 {z-index: 0;}


@media (max-width: 992px) {

   #blog-section .text-group01 h2 {font-size: 30px;line-height: 34px;display: inline-block;position: relative;}
   #blog-section .text-group01 h2:before {width: 50%;height: 1px;top: -25px;left: 25%;right: 25%;}
   #blog-section .text-group01 h3 {
    font-size: 25px;line-height: 34px;
}
#blog-section .item-new h4 {
    font-size: 20px;
    line-height: 24px;
}
}




@media (min-width: 992px) {
	


}


@media (min-width: 1200px) {




}