.blog-image {
  margin-right: 30px;
  float: left; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .blog-image {
      width: 50%;
      margin-right: 25px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .blog-image {
      width: 50%;
      margin-right: 25px; } }
  @media (max-width: 767px) {
    .blog-image {
      width: 100%;
      margin: 0 0 20px; } }
  .blog-image a {
    display: block;
    position: relative; }
    .blog-image a .date-added {
      position: absolute;
      left: 50%;
      top: -12px;
      margin-left: -47px;
      min-width: 94px;
      background: #333333;
      font: normal 12px/25px "Verdana", sans-serif;
      text-align: center;
      color: #fff;
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.23);
      background: #00796b;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
    @media only screen and (max-width: 767px) {
      .blog-image a img {
        width: 100%; } }

#homepage-blog {
  margin-bottom: 0; }
  #homepage-blog .title_block:after {
    display: none; }
  #homepage-blog li {
    margin-bottom: 30px;
    font: normal 12px/22px "Verdana", sans-serif; }
    #homepage-blog li h5 {
      margin: 25px 0 0;
      font: normal 16px/24px "Verdana", sans-serif; }
      #homepage-blog li h5 .product-name {
        font: normal 16px/24px "Verdana", sans-serif; }
    #homepage-blog li p {
      margin-bottom: 35px;
      padding-right: 25px; }
    @media (min-width: 992px) {
      #homepage-blog li.first-in-line {
        clear: left; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #homepage-blog li h5 {
        margin: 10px 0 0; }
      #homepage-blog li p {
        margin-bottom: 15px;
        padding-right: 0; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #homepage-blog li h5 {
        margin: 10px 0 20px; }
      #homepage-blog li p {
        display: none; } }
    @media (max-width: 767px) {
      #homepage-blog li p {
        margin-bottom: 15px;
        padding-right: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #homepage-blog li {
        width: 50%;
        float: left; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #homepage-blog li.first-item-of-tablet-line {
        clear: left; } }
    @media only screen and (max-width: 767px) {
      #homepage-blog li.first-item-of-mobile-line {
        clear: left; } }