.blog-home__inner,
.blog-single__inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.blog-home__columns,
.blog-single__columns {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  width: 100%;
}

.blog-home__main,
.blog-single__main {
  flex: 0 1 66.666%;
  min-width: 0;
}

.blog-home__sidebar,
.blog-single__sidebar {
  flex: 0 1 33.333%;
  min-width: 0;
}

.blog-home__sidebar-inner,
.blog-single__sidebar-inner {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .blog-home__columns,
  .blog-single__columns {
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .blog-home__columns,
  .blog-single__columns {
    flex-direction: column;
  }

  .blog-home__main,
  .blog-single__main,
  .blog-home__sidebar,
  .blog-single__sidebar {
    flex: 0 0 100%;
    width: 100%;
  }
}