.products-wrapper, .slider.carousel-wrapper{
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}
.articles-wrap {
	overflow: hidden;
	width: 100%;
}
.article-inner-content {
	overflow: hidden;
	width: 100%;
}
.products-wrapper .product.item {
	 display: block; 
	 position: relative; 
}

.collection.blog.article .main-content {
	flex: 1;
	width: 75%;
}
.collection.blog.article .mobile-menu-side {
	width: 100%;
}
.collection.blog.article .product.item .item-name, .collection.blog.article .slider a {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}
.slider .title {
	display: block;
}


.grid {	display: grid;  display: -ms-grid;}
.grid.grid-4, .grid.grid-3 {	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);	grid-column-gap: 5px;	grid-row-gap: 5px;}
.blog-img img {
	/* width: auto; */
	max-width: 100%;
}
.article-text a, .txt_page_content a {
	text-decoration: underline;
	font-weight: 600;
	color: var(--secondaryColor);
}

.blog-tags .tag {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 5px;
	font-size: .85em;
	margin-bottom: 5px;
}
.blog-article.featured .blog-img img {
	object-fit: cover;
	width: 600px;
	height: 300px;
	max-width: unset;
}
.blog-article h4 {
	font-weight: 600;
	margin: 0;
}
.blog-article .article-label {
	text-transform: uppercase;
	color: #8c8c8c;
}
.blog-article .blog-grid-image {	position: absolute;	width: auto;	left: 0;	top: 0;	bottom: 0;	right: 0;}
.blog-article .blog-grid-image {	height: 100%;	width: 100%;	background-size: cover;	background-position: center center;}
.blog-tags {	margin-bottom: 30px;}
.blog-article {	margin-bottom: 30px;}
.blog-article.featured .blog-img {	position: relative;	flex: 1;	height: 300px;}
.blog-article.featured .meta {
	flex: 2;
	padding-left: 30px;
	/* color: #8c8c8c; */
	line-height: 1.6em;
}
.blog-article .article-inner p {	margin: 0;	flex: 1;	max-height: 215px;	overflow: hidden;}
.meta .btn {	align-self: flex-start;}
.toolbox-pagination {	position: relative;}

.art-container{
	margin: 0 -15px;
}
.art-container .blog-article {
	margin-bottom: 30px;
	flex: 0 1 25%;
	padding: 15px;
}
.art-container .blog-article h4 {
	font-size: 1.2em;
	min-height: 3em;
}
.art-container .blog-article .meta{
  	line-height: 1.6em;
}
.art-container .blog-article .meta p {
	font-size: .85em;
	margin-top: 0;
}
.art-container .blog-article .article-label {
	font-size: .85em;
}

/* recent articles */
.widget.textpage .item-meta-container {	padding: 0 15px;	width: 100%;	justify-content: space-around;	line-height: 1;}
.widget.textpage .item.item-list {	margin-bottom: 15px;}
.widget.textpage .view {	font-size: 0.65em;	color: #999;	font-weight: 600;}
.widget.textpage .item.item-list.img {	max-height: 50px;}
.widget.textpage .item.item-list .sm-title {	font-weight: 600;	font-size: 0.85em;}

/* page article */
.art-meta {	color: #999;	font-size: 0.85em;}
.image-wrap {	height: 300px;  position:relative;}
.image-wrap figure {	height: 300px;	position: absolute;	left: 0;	right: 0;	top: 0;	background-size: cover;	background-position: center center;	z-index: -1;}
.article-text {	margin: -40px 40px 0px 40px;	padding: 40px;	background-color: #fff;	border: 1px solid #eee;	border-top: 2px solid var(--secondaryColor);}
.article-head {	border-bottom: 1px solid #eee;	padding: 10px 0;  margin-bottom: 40px;}
.article-head li {	border-right: 1px solid #eee;	padding-right: 20px;	margin-right: 20px;	color: #777;	font-size: 0.85em;}
.article-head li i {	margin-right: 5px;}
.art-share{	border-top: 1px solid #eee;	margin-top: 40px;	padding: 20px 0;	border-bottom: 1px solid #eee;	justify-content: center;}
.art-share li {	margin: 0 5px;}
.art-share li a {	display: block;	font-size: 1.5em;}
.comments .btn {	margin-top: 20px;}
.review-container.empty {	padding: 20px 0;}
.write-inner {	width: 100%;}
.write-inner .wrap {	justify-content: space-between;}
.write-inner .wrap .review-date{	font-size: 0.85em;	color: #999;}
.review-meta {	border-bottom: 1px solid #eee;	margin-bottom: 15px;}
.review-meta .author {	font-weight: 600;}
.review-meta .content {	margin: 15px 0;}
#writecomment input {	margin-bottom: 15px;}
#writecomment  #gui-form-email {	margin-bottom: 5px;}
#writecomment em {	font-size: 0.85em;	color: #999;	font-weight: 600;	font-style: normal;margin-bottom:10px;display:block;}
#write_review {	margin-top: 15px;}

@media (max-width:767px){
  .featured-article .column, .blog-overview .blog-article {
	flex: 0 0 auto;
	width: 100%;
	flex-direction: column;
}
  .blog-article.featured .blog-img img {
	width: 100%;

}
  .blog-article.featured .meta {
	padding-left: 0;
}
  .art-container {
	margin: 0;
	flex-direction: column;
}
  .art-container .blog-article {
	flex: 1;
	padding: 0;
}
    .art-container .blog-article img{
	width: 100%;
}
  
  .blog-tags {
    flex-wrap: wrap;
  }
  .blog-tags .tag {
    margin-right: 5px;
    font-size: .65em;
    margin-bottom: 5px;
  }
  .blog-article .article-inner {
	flex-direction: column;
}
  .blog-article .blog-img {
	flex: auto;

}
  .blog-article .meta {
	flex: 2;
	padding-left: 0;
}


  .featured-article .column, .blog-overview .blog-article {
    flex: 0 0 auto;
    width: 100%;
  }
  .article-inner-content {
    padding: 0;
  }
  .article-text {
    margin: -50px 10px 0px 10px;
    padding: 30px;
  }
  .write-inner {
    padding: 15px;
  }
  .comments .btn {
    display: block;
  }
  .blog .widget .item-meta-container {
		padding: 0 15px;
	}
  .widget.tags ul {
    padding: 0 15px;
  }
.article-text img {
	width: 100%;
	display: block;
	height: auto;
	margin: 15px 0;
}
  .page-container.collection.blog.article .main-content {
	padding: 0;
}
  .art-container .blog-article h4 {
	min-height: unset;
}
  
}

@media (max-width:992px){
  .blog-article.featured.flex {
	flex-direction: column;
}
  .blog-article.featured .blog-img img {
	width: 100%;
}
  .blog-article.featured .meta {
	padding-left: 0;
}
  .art-container {
	flex-wrap: wrap;
}
.art-container .blog-article {
	flex: 1 0 50%;
}
      .art-container .blog-article img{
	width: 100%;
}
  
}