.blog_title{background-color:#f7f7f7;padding:20px}
.blog_txt{border:1px solid #f7f7f7}
.preview{border-top:1px dashed #ccc;margin-bottom:20px;margin-top:20px;padding:20px}
.date{background-image:url("../img/blogdate.png");background-position:left center;background-repeat:no-repeat;color:#6d6d77!important;display:block;font-family:open_sanslight;font-size:14px;font-weight:700;margin-bottom:10px;padding-left:20px;text-transform:uppercase}
.maipage_blogitem_title{font-weight:700;width:auto}
.mainpage_blogitem{clear:both;margin-bottom:20px!important;padding-right:10px}
.maipage_blogitem_img{float:left;margin-right:10px}
#blog-data{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}
.blogPost img{width:100%;height:200px;object-fit:cover}
.blogPost a{color:#dc6226; text-decoration: underline;}
article.testimonialsList{border-bottom:1px dashed #d1d1d1;margin:0 0 30px;padding:0 0 20px}
article.testimonialsList ul{float:left;margin:0;width:100%}
article.testimonialsList ul li{float:left;width:50%}
article.testimonialsList ul li.author{color:#fcb034;font-size:16px;font-weight:600}
article.testimonialsList ul li.date{float:left;text-align:right}
article.categoryList{float:left;margin:0 15px 30px 0;min-height:410px;width:320px}
article.categoryList h3{color:#6d6d6d;font-size:24px;font-weight:600;margin:0 0 15px;text-transform:uppercase}
article.categoryList header a.boxLink{display:block;height:219px;margin:0 0 20px;overflow:hidden;position:relative;width:320px}
article.categoryList header a.boxLink span{background:url(../images/view-more.png) no-repeat scroll center center #000;bottom:-100%;display:block;height:100%;left:0;opacity:.6;position:absolute;text-indent:-9999px;transition:bottom .4s ease-in-out 0;width:100%}
article.categoryList header a.boxLink:hover span{bottom:0;transition:bottom .4s ease-in-out 0}
article.categoryList header.boxLink img{height:auto;margin:0;padding:0;position:relative;width:100%}
article.categoryList p{color:#828282;font-size:14px}
article.categoryList a.readMore{background:url(../images/read-more.png) no-repeat scroll 0 0 rgba(0,0,0,0);color:#fff;display:block;font-size:18px;font-weight:600;height:38px;line-height:42px;text-align:center;text-transform:uppercase;transition:all .2s ease-in-out 0;width:138px}
article.categoryList a.readMore:hover{color:#415a68;text-decoration:none}
article.blogList{border-bottom:1px dashed #dadada;margin:0 10px 10px 10px;padding:0 0 10px;width:47%}
article.blogList header p{margin:0 0 10px}
article.blog img,article.blogList img{border:1px solid #dadada;padding:4px;width:100%;height:190px;object-fit:cover}
article.blog h3,article.blogList h3{margin:0 0 5px}
article.blogList h3 a{color:#415a68;font-size:18px;font-weight:600;transition:all .2s ease-in-out 0}
article.blogList h3 a:hover{color:#fcb034;text-decoration:none}
article time{color:#aeaeae;font-size:11px;font-style:italic;font-weight:300}
.blog_preview{background:none repeat scroll 0 0 #fff;border-bottom:1px dashed #c9e0e6;clear:left;height:200px;margin-bottom:20px;padding-bottom:20px}
.blog_preview .date,.blogdate{color:#8c9195;display:block;font-size:11px;margin:12px 0}
.blog_preview .text{color:#484e4e!important;display:block;font-size:13px;text-decoration:none}
.blog_preview .preview{float:left;margin-left:16px;width:70%}
.blog_preview .img{background-color:#000;background-position:center center;background-repeat:no-repeat;border-radius:12px;float:left;height:200px;width:200px}
.blogtitle{background:#a1d784;color:#fff!important;display:block;font-size:18px;margin-left:-80px;margin-top:22px;padding:8px 12px;position:absolute;text-decoration:none}
.pagination a{display:inline-block;padding:3px 8px}
.pagination a.active{background:#ccc;font-weight:700}
.blogList a{display:block;font-weight:700;color:#000;margin-bottom:10px}
.blogList p{font-size:12px;font-style:italic}
.blogList img{width:100%}
.authorInfo{display:flex;justify-content:flex-start;align-items:center;padding:10px;border:1px solid #ccc;border-radius:5px;margin-top:30px}
.authorInfo img{width:80px;border-radius:100%;margin-right:20px}
@media only screen and (max-width:767px){
.blogList{width:100%!important}
}