.customer-box.side-2 {
  display: none;
}
.blog-posts {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 18px;
}
.blog-posts .post {
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page.blog-page, .page.blogpost-page, .main-wrapper-blog {
  max-width: 1160px;
  margin: auto;
}
.post-head {
  display: block;
  width: 100%;
}
.blog-posts .tags, .blog-posts .buttons .read-comments {
  display: none;
}
.news-title, .post-title {
  display: block;
  padding: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.news-body, .post-body {
  margin: 0;
  padding: 20px;
  line-height: 1.6;
  color: #535862;
}
.page.blogpost-page .post-body {
  padding: 0;
}
.news-date, .post-date {
  display: block;
  margin: 0;
  background-color: #f6f6f6;
  padding: 10px 20px;
  font-style: normal;
  color: #000;
}
.blog-details {
  display: block;
  width: 100%;
  padding: 0 10px 20px;
}
.blog-posts .buttons .read-more, .news-items .buttons .read-more {
  display: inline-block;
  border: none;
  background-color: #333;
  padding: 10px 40px;
  font-size: 12px;
  color: #fff;
  text-transform: capitalize;
  border-radius: 2px;
}
.blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover {
  background-color: #000;
}
.news-title:hover, .post-title:hover {
  color: #000;
}
#comments, .blog-page .tags, .blogpost-page .tags {
  display: none;
}
.page-title a + h1 {
  float: none !important;
}
.page.blog-page .page-title {
  text-align: center;
}
.page.blog-page .page-title h1 {
  text-align: center;
  font-size: 20px;
  text-transform: capitalize;
  padding: 10px 0;
}
.link-rss {
    display: none !important;
  }
.main-wrapper-blog h1 {
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
}

.bloglist {
	padding-top: 20px;
	color: #535862;
}
.bloglist h2{
	font-size: 20px;
	padding: 15px 0 0;
}

.bloglist ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  gap: 20px;
}
.bloglist ul li {
  display: flex;
  flex-direction: column;
	font-size: 14px;
}
.thm {
  display: flex;
  gap: 10px;
  padding: 15px 0 0;
}
.thm strong {
  font-size: 16px;
  font-weight: normal;
  color: #000;
}
.thm img{
	max-width: 40px;
}
.thm em {
  color: #535862;
  display: block;
  font-size: 13px;
  font-style: normal;
}
.thm {
  display: flex;
  gap: 10px;
  padding: 15px 0 0;
  align-items: center;
  line-height: 1.4;
}
.post-body strong {
  font-weight: normal;
  color: #000;
  font-size: 16px;
}