.newsdetail{
   margin: 100px 0;
}
.tranding{
   margin:50px 0;
}
/* .newsdetail{
    margin: 100px 0;
} */
.post_title{
    font-size: 35px;
    font-weight: bold;
}
.newsdetail .latest_news ul{
   padding:0;
   }
   .newsdetail .latest_news ul li{
   list-style: none;
   border-bottom: 1px solid #ccc;
   padding: 10px 0;
   }
   .highlight_title{
       font-weight:600;
       font-size: 20px;

   }
   .highlight_title hr{
       margin:10px 0;
       border-bottom:2px solid #000;
       width:138px;
   }

/* social_share */
ul,li{
list-style: none;
padding: 0;
}
.social_share {
display: flex;
}
.social_share li + li {
margin-left: 8px;
}

.social_share a {
display: inline-block;
width: 40px;
height: 40px;
color: white;
font-size: 15px;
text-align: center;
border-radius: 50%;
opacity: 0.75;
transition: opacity 0.15s linear;
}
.social_share a:hover {
opacity: 1;
}

.social_share i {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.facebook {
background: #3b5998;
}

.twitter {
background: #55acee;
}

.googleplus {
background: #dd4b39;
}

.linkedin {
background: #0077b5;
}

.pinterest {
background: #cb2027;
}
.news-left-image img{
height: auto;
max-height: 600px;
min-height: 100px;
width: 100%;
}
.post_meta{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
margin: 20px 0 20px 0;;
align-items: center;
}
/* .news_description{
color: #2b2a2ad1;
} */
.news_description p{
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
letter-spacing: 1.1px;
}
.news_description p strong{
    font-size: 24px;
    line-height: 38px;
letter-spacing: 1.1px;
}
.news_description p span strong{
    font-size: 24px;
    line-height: 38px;
letter-spacing: 1.1px;
}
.news-left-image p.image-caption{
    font-weight: 500;
    color: #a3a0a0;
    padding: 6px 0 0;
}
.sub_title {
font-size: 18px;
font-weight: 600;
margin: 10px 0 20px;
}
.catagory {
font-size: 14px;
}
.author_image img{
   border-radius: 50%;
}
.trandings{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.share_social{
   display: grid;
   grid-template-columns: 1fr 2fr;
   grid-gap:20px;
}
.forlist{
font-size: 14px;
font-weight: 400;
color: #585858;
}
.author_name{
   color:#585858;
}
.share_div{
margin: 30px 0 ;
}
.share label{
font-weight: 600;
font-size: 16px;
text-shadow: 2px 2px #d8d7d7;
}
.st-shares{
font-weight: 100;
font-size: 14px;
color: #827f7f;
}
.st_label{
   font-size: 18px;
}
.st_total{
margin: 10px 0;
}

.tranding1 {
position: relative;
box-shadow: 0 0 10px #eaeaea;
}
.tranding_text_overlay{
    background: rgba(0, 0, 0, 0.43);
height: 50px;
position: absolute;
width: 100%;
color: #fff;
padding: 10px;
bottom: 0;
}
.tranding_text_overlay p {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 100%;
max-width: 250px;
font-size: 18px;
font-weight: 500;
}
.tranding_header {
   font-weight: 800;
    font-size: 26px;
}
.tranding_header hr{
   margin: 5px auto 20px auto;
   border-bottom: 2px solid #696565;
}
.trandings img{
   height:200px;
   object-fit: cover;
}
.news_public_reaction {
   /* margin: 20px; */
   margin: 40px 20px;
   border-radius: 10px;
   background: #f7f6f6;
   padding: 20px;
}
.news_public_reaction {
   font-weight: 500;
    font-size: 35px;
    text-align: center;
}
.facebook_comment img{
   width:100%;
}
.charity{
   margin:30px 0;
}
@media only screen and (max-width: 992px) {
   .post_meta{
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
   }
   .post_title {
      font-size: 26px;
      line-height: 45px;
  }
   .trandings {
       grid-template-columns: 1fr 1fr;

   }
   .news_public_reaction_title h3{
 font-size: 26px;
 }
 }
 @media only screen and (max-width: 768px) {
   .news_public_reaction {
      margin: 40px 0;

   }
   .for_author {
      /* grid-column: 1 ;
      grid-row: 1;
      grid-row-end: 2; */
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
  }
  .for_date {
      grid-column: 1 ;
      grid-row: 2 ;
  }
  .for_post_date {
      grid-column: 2 / 2;
      grid-row: 2 ;
  }
}

@media only screen and (max-width: 400px) {
   .trandings {
       grid-template-columns: 1fr;
       grid-gap: 30px;

   }
   .trandings img{
      max-height: 200px;
    min-height: 100px;
    height: auto;
   }
 }