.index-layout-2 .with-sidebar {
  width: 100%;
}
.index-layout-2 .with-sidebar ul.blog-posts {
  width: 100%;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post article {
  margin-bottom: 80px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post article .post-date {
  font-size: 60px;
  line-height: 60px;
  top: -40px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post:last-child article {
  margin-bottom: 135px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post:first-child .bg-image-wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:nth-child(5n+5) .bg-image-wrapper {
  height: 300px;
  width: 100%;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post.sticky .post-categories {
  left: 24px;
  top: 93px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post.sticky .bg-image-wrapper .bg-image:after {
  position: absolute;
  top: 300px;
  right: 20px;
  color: #FFF;
  font-size: 40px;
  line-height: 40px;
  content: "\e900";
  font-family: "Shopkeeper-Icon-Font";
  text-align: right;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .bg-image-wrapper {
  height: 300px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .bg-image-wrapper .bg-image .entry-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper .post_content .entry-title {
  font-size: 20px;
  line-height: 30px;
}
.index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper .post_content .read_more {
  font-size: 12px;
}
.index-layout-2 .with-sidebar .blog-sidebar {
  position: inherit;
  width: 100%;
  float: none;
  padding-left: 0;
}

@media only screen and (min-width: 1024px) {
  .index-layout-2 .with-sidebar {
    width: 100%;
    margin: 0 auto;
    max-width: 1320px;
  }
  .index-layout-2 .with-sidebar:after {
    content: "";
    display: block;
    clear: both;
  }
  .index-layout-2 .with-sidebar ul.blog-posts {
    width: 75%;
    float: left;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post article {
    margin-bottom: 80px;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post article .post-date {
    font-size: 80px;
    line-height: 80px;
    top: -60px;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post:first-child .bg-image-wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:nth-child(5n+5) .bg-image-wrapper {
    height: 550px;
    width: 100%;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post:first-child .post_content_wrapper, .index-layout-2 .with-sidebar ul.blog-posts .blog-post:nth-child(5n+5) .post_content_wrapper {
    padding: 42px 49px;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post .bg-image-wrapper {
    height: 260px;
    width: 48%;
    float: left;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper {
    width: 52%;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper .post_content .entry-title {
    font-size: 24px;
    line-height: 34px;
  }
  .index-layout-2 .with-sidebar ul.blog-posts .blog-post .post_content_wrapper .post_content .read_more {
    font-size: 12px;
  }
  .index-layout-2 .with-sidebar .blog-sidebar {
    position: inherit;
    width: 25%;
    float: left;
    padding-left: 45px;
  }
}