.blogs_main_slider{width: 90%;float: left;position: relative;display: flex;justify-content: center;flex-wrap: wrap;margin: 20px 5%;}
.blog{float: left;position: relative;width: 30%;margin: 10px 1.5%;}
.blog_img_div,.blog_details{width: 100%;float: left;position: relative;}
.blog_img{width: 100%;float: left;position: relative;border-radius: 10px;}
.blog_head{    font-size: 16px;    float: left;  line-height: 1.5;  color: #1b305b;    width: 100%;    text-align: left;    margin-bottom: 0;    font-weight: 900;    margin: 12px 0;margin-bottom: 0;}
.blog_date{font-size: 13px;float: left;position: relative;color:#000;left: 0;margin-bottom: 0;}
.exp_p {float: left;position: relative;line-height: 1.5;margin:20px 0;padding: 5px 10px;border-radius: 5px;background-color: #1b305b;color: #fff;}
.blog_exp_div{float: left;position: relative;display: flex;justify-content: space-between;width: 100%;}


@media (min-width: 767px) and (max-width: 2000px){
    .b_img_div{width:100%;float:left;position:relative;flex-wrap:wrap;}
    .d_recent_blog{justify-content:center;flex-wrap:wrap;width:36%;margin:0 0 0 4% ;float:left;position:relative;padding:20px;background:#fff;overflow-x:scroll;height:550px}
    .recent_blog_head{width:calc(100% + 20px);text-align:center;font-size:20px;color:#1b305b; font-weight: 600; position: -webkit-sticky; padding: 10px 5px;   z-index: 9;    position: sticky;        top: 0;background-color: #fff; }
    .blog{width:100%;float:left;position:relative;border-bottom: 1px solid #ccc;margin:10px 0;}
    .blog:last-child{border-bottom: 0;}
    .blog_img_div{width:30%;float:left;}
    .blogg_img_main{float:left;position:relative;width: 60% !important;}
    .blog_details,.blog_exp_div{width:calc(70% - 10px);margin-left:10px;position:relative}
    .blog_exp_div{display:flex;justify-content:flex-end;padding:10px 0;width: 100%;}
    .d_recent_blog{border: 0.5px solid #dfdfdf;padding-top: 0;padding-bottom: 0;}
    .exp_p{width:auto !important;}
    .blog_date{display:none}
    #Blogs{display:none}
    .blog_exp_div .exp_p {font-size: 9px;}
    }
@media (max-width: 767px){
    .d_recent_blog{display:none;}
    #Blogs{display:block}
    .blog_exp_div{position: relative;padding: 15px 0;}
    .blogg_img_main{float:left;position:relative;width: 100% !important;}

}