#mainblog{
  padding: 100px 0px 100px;
}
#mainblog .blog_list .media{
  background: #fafcff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  padding: 15px;
}
#mainblog .blog_list .media img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#mainblog .blog_list .media:hover img{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  filter: grayscale(0%);
}

#mainblog .blog_list .media h3{
  font-size: 20px;
  font-weight: 500;
}
#mainblog .blog_list .media p{
  margin: 15px 0px;
  font-size: 16px;
}
#mainblog .blog_list .media a{
  color: #707070;
  font-size: 16px;  
  font-weight: 500;
}
#mainblog .blog_list .media a i{
  font-size:12px;
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#mainblog .blog_list .media a:hover i{
margin-left: 5px;
opacity: 1;
}
#mainblog .blog_list {
  margin-bottom: 30px;
}

#mainblog  .pagination .page-item .page-link{
  font-size: 22px;
  color: #707070;
  padding: 10px 20px;
  margin: 0px 5px;
  display: inline-block;
  font-weight: 400;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#mainblog  .pagination .page-item .page-link:hover{
  background: #0d73e6;
  color: #fff;
  border-color: #0d73e6;
}
#mainblog  .pagination .page-item .page-link:focus{
  outline: 0px;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}


#mainblog  .serch_box .my_form{
  padding: 15px 20px;
  border: 1px solid #0d73e6;
  color: #707070;
}
#mainblog  .serch_box .my_btn{
  padding: 12px 20px;
  border: 1px solid #0d73e6;
  background: none;
  border-left: 0px;
  font-size: 20px;
  color: #0d73e6;
}
#mainblog  .serch_box .my_btn:hover{
  background: #0d73e6;
  color: #fff;
}
#mainblog  .serch_box .my_form:focus{
  outline: 0px;
}
#mainblog  .serch_box .my_btn:focus{
  outline: 0px;
}
/* Catagori area start */


#mainblog .catagori {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  padding: 30px 20px 30px;
  margin-top: 30px;
}
#mainblog .catagori h3{
  font-size: 24px;
  font-weight: 500;
  color: #0d73e6;
  margin-bottom: 15px;
}
#mainblog .catagori ul li{
  line-height: 35px;
}
#mainblog .catagori ul li a{
  font-size: 18px;
  font-weight: 500;
  color: #707070;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#mainblog .catagori ul li a:hover{
  margin-left: 7px;
}



/* tag area start */

#mainblog .tags {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  padding: 30px 20px 30px;
  margin-top: 30px;
}
#mainblog .tags h3{
  font-size: 24px;
  font-weight: 500;
  color: #0d73e6;
  margin-bottom: 15px;
}
#mainblog .tags ul li{
  line-height: 35px;
}
#mainblog .tags ul li a{
  font-size: 18px;
  font-weight: 500;
  color: #707070;
  background: none;
  width: 147px;
  display: inline-block;
  margin: 3px;
  text-align: center;
  height: 45px;
  line-height: 42px;
  border: 1px solid #0d73e6;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#mainblog .tags ul li a:hover{
  background: #0d73e6;
  color: #fff;
}


/* banner area start */
#mainblog .banner {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  width: 100%;
  height: 180px;
  background: #0d73e6;
  cursor: pointer;
}
#mainblog .banner h3{
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
  line-height: 180px;
}

/* blog Details Area Start */
.blogDetails .blog_detail_box h3{
  font-size: 20px;
  font-weight: 500;
  margin: 45px 0px 23px;
}

.blogDetails .blog_detail_box .video{
  margin: 30px 0px 30px;
  position: relative;
}
.blogDetails .blog_detail_box .video .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.54);
}
.blogDetails .blog_detail_box .video .overlay a{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  display: inline-block;
  font-size: 30px;
  z-index: 1;

}
.blogDetails .blog_detail_box .postAuthor{
  margin-top: 68px;
}
.blogDetails .blog_detail_box .postAuthor .media{
  background: #f6fbff;
}
.blogDetails .blog_detail_box .postAuthor .media h4{
  font-size: 18px;
  font-weight: 700;
}
.blogDetails .blog_detail_box .postAuthor .media span{
  font-weight: 500;
  margin: 15px 0px 15px;
  display: inline-block;
}

/* Comment area start */
.blogDetails  .comment_area{
  margin-top: 45px;
}

.blogDetails  .comment_area .title_area h4{
font-size: 20px;
font-weight: 500;
}
.blogDetails  .comment_area .title_area .bar{
  width: 68px;
  height: 4px;
  background: #333333;
  display: inline-block;
  margin-bottom: 27px;
  margin-top: 10px;
}
.blogDetails  .comment_area .comment_box .mamunurRashid_form{
  width: 100%;
  background: #f6fbff;
  padding: 30px 30px; 
  border: 0px;
  font-size: 16px;
  font-weight: 500;
  color: #707070;
   
}
.blogDetails  .comment_area .comment_box .mamunurRashid_form:focus{
  outline: 0px;
}
.blogDetails  .comment_area .comment_box textarea.mamunurRashid_form{
  height:215px;
  resize: none;
}
.blogDetails  .comment_area .mr-btn{
  width: 100%;
  padding: 14px;
  color: #fff;
  background: #0d73e6;
  border: 2px solid #0d73e6;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.blogDetails  .comment_area .mr-btn:hover{
  background: none;
  color: #0d73e6;
}