/** blog-details **/

.blog-details{
  position: relative;
  padding: 120px 0px;
}

.blog-details-content .image-box{
  position: relative;
  display: block;
}

.blog-details-content .image-box img{
  width: 100%;
}

.blog-details-content .inner-box{
  position: relative;
  display: block;
  padding: 94px 100px 0px 100px;
}

.blog-details-content .inner-box .post-info li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #222;
  margin-right: 17px;
}

.blog-details-content .inner-box .post-info li:last-child{
  margin: 0px !important;
}

.blog-details-content .inner-box .post-info li a{
  color: #222;
}


.blog-details-content .inner-box .post-info li:before{
  position: absolute;
  content: '';
  background: #848484;
  width: 1px;
  height: 13px;
  top: 6px;
  right: -11px;
}

.blog-details-content .inner-box .post-info li:last-child:before{
  display: none;
}

.blog-details-content .inner-box .post-info{
  position: relative;
  margin-bottom: 25px;
}

.blog-details-content .inner-box p{
  font-weight: 400;
  margin-bottom: 26px;
}

.blog-details-content .inner-box .text p:last-child{
  margin-bottom: 0px;
}

.blog-details-content .inner-box h3{
  position: relative;
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  padding-top: 34px;
  margin-bottom: 23px;
}

.blog-details-content .inner-box .text{
  position: relative;
  margin-bottom: 63px;
}

.blog-details-content .inner-box .image-box{
  margin-bottom: 33px;
}

.blog-details-content .post-share-option{
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 97px;
}

.blog-details-content .post-share-option h4{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 24px;
}

.blog-details-content .post-share-option .tags-box li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.blog-details-content .post-share-option .tags-box li:last-child{
  margin: 0px !important;
}

.blog-details-content .post-share-option .tags-box li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #222;
  padding: 6px 20px;
  text-align: center;
  border: 1px solid #e6e6e6;
}

.blog-details-content .post-share-option .tags-box li a:hover{
  color: #fff;
  background: #222;
  border-color: #222;
}

.blog-details-content .post-share-option .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.blog-details-content .post-share-option .social-links li:last-child{
  margin: 0px !important;
}

.blog-details-content .post-share-option .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #848484;
  text-align: center;
  border: 1px solid #e6e6e6;
}

.blog-details-content .post-share-option .social-links li a:hover{
  color: #fff;
  background: #222;
  border-color: #222;
}

.blog-details-content .group-title{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.blog-details-content .group-title h3{
  font-size: 24px;
  line-height: 30px;
  padding: 0px;
  font-weight: 600;
}

.blog-details-content .comments-area .comment{
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 34px;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 110px;
}

.blog-details-content .comments-area .comment.replay-comment{
  margin-left: 70px;
}

.blog-details-content .comments-area .comment:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comments-area .comment .thumb-box{
  position: absolute;
  left: 0px;
  top: 6px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.blog-details-content .comments-area .comment .thumb-box img{
  width: 100%;
  border-radius: 50%;
}

.blog-details-content .comments-area .comment .comment-inner h6{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #222;
  margin-bottom: 15px;
}

.blog-details-content .comments-area .comment .comment-inner h6 span{
  font-size: 15px;
  font-weight: 400;
  color: #848484;
}

.blog-details-content .comments-area .comment .comment-inner p{
  margin-bottom: 23px;
}

.blog-details-content .comments-area .comment .comment-reply-link{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  color: #222;
  font-weight: 500;
  border: 2px solid #222;
  padding: 4px 17px;
  text-align: center;
}

.blog-details-content .comments-area .comment .comment-reply-link i{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  transform: rotate(-15deg);
  margin-left: 10px;
}

.blog-details-content .comments-area .comment .comment-reply-link:hover{
  background: #222;
  color: #fff;
}

.blog-details-content .comments-area .comment .comment-reply-link:hover i{
  transform: rotate(0deg);
}

.blog-details-content .comments-area{
  margin-bottom: 87px;
}

.blog-details-content .comments-form-area .comment-form .form-group{
  position: relative;
  margin-bottom: 30px;
}

.blog-details-content .comments-form-area .comment-form .form-group:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comments-form-area .comment-form .form-group input[type='text'],
.blog-details-content .comments-form-area .comment-form .form-group input[type='email'],
.blog-details-content .comments-form-area .comment-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e6e6;
  font-size: 15px;
  font-weight: 400;
  color: #848484;
  padding: 10px 20px;
  transition: all 500ms ease;
}

.blog-details-content .comments-form-area .comment-form .form-group textarea{
  height: 170px;
  resize: none;
}

.blog-details-content .comments-form-area .comment-form .form-group .theme-btn-two{
  padding: 13.5px 30px;
}

.blog-details-content .comments-form-area .group-title{
  margin-bottom: 32px;
}


.gallery-item img {
	display: inline-block !important;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
  }
  .gallery-columns-1 .gallery-item {
	max-width: 100%;
	width: 100%;
  }
  @media screen and (min-width: 30em){
	.gallery-columns-1 .gallery-item {
		max-width: 100%;
   }
  }
  .gallery-columns-2 .gallery-item {
	max-width: 100%;
	width: 50%;
  }
  @media screen and (min-width: 30em){
	.gallery-columns-2 .gallery-item {
		max-width: 50%;
   }
  }
  .gallery-columns-3 .gallery-item {
	max-width: 100%;
	width: 33.33%;
  }
  @media screen and (min-width: 30em){
	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
   }
  }
  .gallery-columns-4 > .gallery-item {
	max-width: 100%;
	width: 25%;
  }
  @media screen and (min-width: 30em){
	.gallery-columns-4 .gallery-item {
		max-width: 25%;
   }
  }
  .gallery-columns-5 .gallery-item {
	max-width: 100%;
	width: 20%;
  }
  @media screen and (min-width: 48em){
	.gallery-columns-5 .gallery-item {
		max-width: 20%;
   }
  }
  .gallery-columns-6 .gallery-item {
	max-width: 100%;
	width: 16.66%;
  }
  @media screen and (min-width: 48em){
	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
   }
  }
  .gallery-columns-7 .gallery-item {
	max-width: 100%;
	width: 14.28%;
  }
  @media screen and (min-width: 48em){
	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
   }
  }
  .gallery-columns-8 .gallery-item {
	max-width: 100%;
	width: 12.5%;
  }
  @media screen and (min-width: 48em){
	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
   }
  }
  .gallery-columns-9 .gallery-item {
	max-width: 100%;
	width: 11.11%;
  }
  @media screen and (min-width: 48em){
	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
   }
  }