.blog-image {
  margin-bottom: 15px; }
  .blog-image a {
    display: block; }
    @media only screen and (max-width: 767px) {
      .blog-image a img {
        width: 100%; } }

#homepage-blog {
  margin-bottom: 40px; }
  #homepage-blog .title_block {
    display: none; }
  #homepage-blog .block_content {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px; }
    #homepage-blog .block_content li {
      margin-bottom: 30px; }
      #homepage-blog .block_content li .date-added {
        font-size: 14px;
        margin-bottom: 8px; }
      #homepage-blog .block_content li h5 {
        margin: 0 0 11px 0;
        padding: 0; }
        #homepage-blog .block_content li h5 .product-name {
          font: 400 24px/32px "Roboto", sans-serif; }
          @media (min-width: 991px) and (max-width: 1200px) {
            #homepage-blog .block_content li h5 .product-name {
              font: 400 20px/28px "Roboto", sans-serif; } }
          @media (min-width: 767px) and (max-width: 991px) {
            #homepage-blog .block_content li h5 .product-name {
              font: 400 15px/23px "Roboto", sans-serif; } }
      #homepage-blog .block_content li .post-descr {
        margin-bottom: 8px; }
      #homepage-blog .block_content li .btn.btn-default {
        font-size: 23px;
        padding: 0;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        border: none;
        color: #fff;
        background: #222222;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
        #homepage-blog .block_content li .btn.btn-default i {
          display: inline-block;
          position: relative; }
        #homepage-blog .block_content li .btn.btn-default:hover {
          background: #777; }
          #homepage-blog .block_content li .btn.btn-default:hover i {
            -moz-animation: zoomInRight 300ms ease 250ms 1 alternate;
            -webkit-animation: zoomInRight 300ms ease 250ms 1 alternate;
            animation: zoomInRight 300ms ease 250ms 1 alternate; }
      @media (min-width: 992px) {
        #homepage-blog .block_content li.first-in-line {
          clear: left; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        #homepage-blog .block_content li {
          width: 100%;
          float: none;
          margin: 15px 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #homepage-blog .block_content li.first-item-of-tablet-line {
          clear: left; } }
      @media only screen and (max-width: 767px) {
        #homepage-blog .block_content li.first-item-of-mobile-line {
          clear: left; } }