.category a {
    color: #999;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
  }
   
  .category a::after {
    content: ',';
    color: #ddd;
    display: inline-block;
    margin-right: 5px;
  }
  
  .category a:last-of-type::after {
    display: none;
  }
  
  .category a:hover { 
    color: #000;
  }
  
  i[class*="icon-"] {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
   
  
  .post-meta {
    margin: 10px 0; 
    font-size: 0.8em;
  }
  
  .post-meta .date {
    text-transform: uppercase;
    font-weight: 400;
  }
  
  .post-meta .date::after {
    display: none;
  }
  
  .post p:not(.lead) {
    font-weight: 400;
    color: #777;
    font-size: 0.95em;
  }
  
  .post a {
    text-decoration: none;
  }
  
  .post img{
    height: 250px;
    width: 100%
  }
  .post a:hover, .post a:focus {
    text-decoration: none;
  }
  
  .post h3 {
    line-height: 1.1em;
    color: #222;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 1rem;
    font-size: 1.3em;
  }
  
  .post h3:hover {
    color: #555;
  }
  
  .post .category a {
    color: #999;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
  }
  
  .post .date {
    letter-spacing: 0.05em;
    font-weight: 400;
    text-transform: uppercase;
    color: #aaa;
  }
  
  .post .avatar {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .post .title,
  .post .date,
  .post .comments,
  .post .views {
    font-weight: 400;
    color: #999;
    text-transform: capitalize;
  }
  
  .post .title i,
  .post .date i,
  .post .comments i,
  .post .views i {
    margin-right: 5px;
    font-size: 1.1em;
  }

 
  .post .title::after,
  .post .date::after,
  .post .comments::after,
  .post .views::after {
    content: '|'; 
    display: inline-block;
    margin: 0 7px;
    font-size: 0.9em;
    color: #ccc;
  }
  
  .post .post-tags {
    margin-top: 30px;
  }
  
  .post .post-tags .tag {
    padding: 5px 25px;
    border: 1px solid #ddd;
    margin: 5px;
    color: #777;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
  }
  
  .post .post-tags .tag:hover {
    background: #999;
    color: #fff;
    border-color: #999;
  }
  
  .post .meta-last::after {
    display: none;
  }
  
  /* Latest Posts Section Media Query ------------------------------------- */
  @media (max-width: 767px) {
    .post {
      margin-bottom: 40px;
    }
    .post:last-of-type {
      margin-bottom: 0;
    }
  }
  
 
 
  

  
  
  .post {
    margin-bottom: 50px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);  
    height: auto;
  }
  
  main.posts-listing .post-footer {
    font-size: 0.8em;
  }
  
  .widget.search .form-group {
    position: relative;
  }
  
  .widget.search input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 0.95em;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    background: none;
  }
  
  .widget.search input::-moz-placeholder {
    color: #aaa;
    font-family: "Open Sans", sans-serif;
  }
  
  .widget.search input::-webkit-input-placeholder {
    color: #aaa;
    font-family: "Open Sans", sans-serif;
  }
  
  .widget.search input:-ms-input-placeholder {
    color: #aaa;
    font-family: "Open Sans", sans-serif;
  }
  
  .widget.search .submit {
    height: 40px;
    padding: 0;
    line-height: 40px;
    background: none;
    border: none;
    color: #555;
    font-size: 0.9em;
    position: absolute;
    top: 0;
    right: 0;
  }
  
  .widget.latest-posts a {
    display: block;
    color: #555;
    text-decoration: none;
  }
  
  .widget.latest-posts a:hover {
    color: #000;
  }
  
  .widget.latest-posts .image {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
  }
  
  .widget.latest-posts .item {
    margin-bottom: 20px;
  }
  
  .widget.latest-posts strong {
    font-size: 0.95em;
    display: block;
    line-height: 1em;
  }
  
  .widget.latest-posts .views,
  .widget.latest-posts .comments {
    font-size: 0.8em;
    font-weight: 400;
    color: #bbb;
    margin-top: 10px;
  }
  
  .widget.latest-posts .views i,
  .widget.latest-posts .comments i {
    margin-right: 5px;
  }
  
  .widget.latest-posts .views::after,
  .widget.latest-posts .comments::after {
    content: '|';
    display: inline-block;
    margin: 0 7px;
    font-size: 0.9em;
    color: #ccc;
  }
  
  .widget.latest-posts .comments::after {
    display: none;
  }
  
  .widget.categories .item {
    background: #fafafa;
    padding: 10px;
    color: #777;
    font-weight: 700;
  }
  
  .widget.categories .item:nth-of-type(2n+2) {
    background: none;
  }
  
  .widget.categories .item a {
    color: inherit;
    font-size: 0.95em;
  }
  
  .widget.categories .item a:hover {
    color: #000;
    text-decoration: none;
  }
  
  .widget.categories .item span {
    font-size: 0.9em;
    color: #aaa;
  }
  
  .widget.tags .tag {
    padding: 5px 25px;
    border: 1px solid #ddd;
    margin: 5px 0;
    color: #777;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
  }
  
  .widget.tags .tag:hover {
    background: #999;
    color: #fff;
    border-color: #999;
  }
  
  .post-details{
    background: #fff;
    margin-bottom: 5px;
    border: #ccc solid 1px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.151);
    padding: 0;
}

  .post-details img{
    border: 1px #cccccc solid;
    height: 150px;
    width: 100%;
  }

  

  .post-details .description{
    border-bottom: 1px #cccccc solid;
    padding: 10px;
}

.post-details h4{
  margin: 10px; 
  color: #07378B;
  font-weight: 700;
  text-transform: capitalize;
}
.post-thumbnail{
  border-bottom: #ccc solid 1px;
}

  .post-thumbnail img{
    height: 200px;
    width: 100%;
  }

  .category-item a, .category-item{
    color: #555;
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }