/**
Name: sf-design-one.css
Author: UI Team
Version: 1.0.6
**/
.article-box {
  font-family: "latoregular", serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 0 16px;
}
.article-box img {
  width: 100%;
}
.article-box p {
  margin: 10px 0;
  font-size: 16px;
  line-height: 24px;
}
.article-box .hero-banner {
  max-width: 1170px;
  margin: 0 auto;
  padding-bottom: 10px;
}
.article-box .product-banner {
  max-width: 500px;
  margin: 0 auto;
  border: 1px solid #000
}
.article-box .product p {
  text-align: center;
}
.article-box .product .price {
  display: block;
}
.article-box .shop-now {
  background: #000;
  color: #fff !important;
  padding: 10px 6px;
  text-align: center;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 16px;
}
.article-box .shop-now:hover {
  background: rgba(0, 19, 37, 0.64);
}
.article-box .product-item {
  border: 1px solid #000;
}
.article-box .product-item .product-img {
  margin-top: 0;
  margin-bottom: 16px;
}
.article-box .product-item .product-link:hover {
  text-decoration: none;
}
.article-box .product .brand {
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
  white-space: nowrap;
}
.article-box .product .name {
  display: block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  padding: 0 5px;
  min-height: 50px
}
.header-standard h1{
  font-size: 28px!important;
}
.post-entry .article-box h2{
  font-size: 24px;
}
.container-single .header-standard .single-post-title {
  text-transform: unset;
}
.article-box .product-single {
  max-width: 180px;
  border: 1px solid #000;
  margin: 0 auto;
  text-align: center;
}
.article-box .product-link,
.article-box .product-link:hover {
  text-decoration: none;
}
.article-box p a {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .article-box .product-single {
    max-width: 280px;
  }
}