.page-container.blog-article .breadcrumb-container{margin:15px 0}
.blog-grid-image{width:50%;min-height:100%;min-width:50%;object-fit:cover;height:430px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;margin:0}
.main-content{flex:1}
.featured-article{position:relative;padding:60px 0;background:#f9f9fa}
.featured-article .date{color:#999;font-size:.85em}
.featured-article .article-inner{background:#fff}
.featured-article .meta{padding:60px}
.featured-article .meta h4{font-size:1.4em;font-family:var(--body);font-weight:600;}
.headings{align-items:center;margin:30px 0}
.headings .title{font-size:2em;margin:0}
.articles{margin:0 -15px}
.articles .article-inner{flex:1 1 50%;padding:15px}
.article-inner h4{font-family:var(--body);font-weight:600;font-size:1.2em}
.articles .meta{padding:60px;height:100%;background:#f9f9fa;display:flex;flex-direction:column;justify-content:center}
.articles .blog-grid-image{height:330px}
.articles .date{color:#999;font-size:.85em}
.blog-article .title{font-size:2em}
.blog-article .meta{margin-bottom:30px}
.blog-article .goSmoothly{color:var(--primaryColor);margin-right:15px}
.blog-article .read{color:#999}
.blog-article .article-text{line-height:1.8}
.blog-article .article-text h2,.article-text h3,.article-text h4{font-size:1.4em}
.blog-article .article-text p{font-size:1.2em;font-size:1em}
.blog-article .reviews-wrapper .btn.btn3{margin-top:30px;align-self:flex-start}
.blog-article #reviews{padding:60px 0}
.blog-article .socials{padding:30px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.blog-article .socials .title{margin:0 15px 0 0;font-size:1.2em}
.blog-article .socials .btn-round{margin-right:15px}
.page-container.blog-article .related{padding:60px 0;background:#f9f9fa}
.page-container.blog-article .related .header{margin-bottom:30px}
.page-container.blog-article .related .title{font-size:2em}
.page-container.blog-article .related .wrap{margin:0 -15px}
.page-container.blog-article .related .blog-article{padding:0 15px}
.page-container.blog-article .related .img-wrap{height:100%;-webkit-background-size:cover;background-size:cover;background-position:center center;height:270px;object-fit:cover;margin-bottom:30px}
.page-container.blog-article .related .maintitle{font-size:1.4em;font-weight:600;line-height:1.4em}
.page-container.blog-article .related .meta > p {
	margin: 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog-article .tags,.page-container.blog .tags{justify-content:flex-start;padding:30px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:30px}
.tags a{padding:0 15px;margin: 0 5px 5px 0;font-size:.75em;font-weight:600;background:#000;color:#fff;line-height:24px}
.page-container.blog .tags .title{margin:0 15px 0 0;font-size:1em;font-family:var(--body);font-weight:600;}
.review .review-container{flex-direction:row;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid var(--border);padding:10px 0}
.review .avatar.btn-round.active{margin-left:0;margin-right:20px}
.review .meta-wrap .wrap{margin-bottom:15px;align-items:center}
.author{flex:2;font-weight:600}
.review-date{flex:1;font-size:.85em;color:#999}
.review .meta-wrap{padding-left:0;flex:1}
.blog-article #reviews .title {
	font-size: 1.6em;
}
.review-date {
	text-align: right;
}

@media (max-width: 767px) {
.page-container.blog .featured-article{padding:0 0 30px 0}
.featured-article .meta {	box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.page-container.blog .main-content{width:100%}
.page-container.blog .featured-article .article-inner{flex-direction:column;margin:0 -30px}
.page-container.blog .featured-article .blog-grid-image{min-height:100%;min-width:100%;flex:auto;height:300px;width:100%}
.page-container.blog .grid.grid-2{grid-template-columns:repeat(1,1fr);margin:0 -20px}
.page-container.blog .headings{flex-direction:column;align-items:flex-start}
.page-container.blog .tags{margin-top:15px;overflow-x:scroll;overflow-y:hidden;margin-left:-5px}
.articles{margin:0 -20px}
.articles .article-inner{flex-direction:column;padding:0 0 30px;flex:1 1 100%}
.articles .blog-grid-image{height:300px;width:100%;flex:auto;max-height:300px;min-height:300px}
.articles .meta{background:transparent;flex:1;width:100%;padding:50px}
.page-container.blog .pagination{margin:0}
.page-container.blog-article .article-image{margin:0 -20px;height:300px}
.page-container.blog-article .article-image img{height:100%;width:100%;object-fit:cover}
.blog-article .title {
	margin-top: 30px;
	font-size: 1.6em;
}
.review.reviews-wrapper.flex{flex-direction:column}
.blog-article .tags{justify-content:flex-start;margin:0 -5px}
.blog-article .tags a{margin:5px}
.blog-article #reviews{padding:30px 0}
.review.reviews-wrapper.flex{flex-direction:column}
#reviews .reviews-inner.scroll{padding:30px 0}
.review .review-container{flex-direction:row;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid var(--border);padding:10px 0}
.review .avatar.btn-round.active{margin-left:0;margin-right:20px}
.review .meta-wrap .wrap{margin-bottom:15px;align-items:center}
.author{flex:2;font-weight:600}
.review-date{flex:1;font-size:.85em;color:#999}
.review .meta-wrap{padding-left:0;flex:1}
.article-inner h4{font-size:1.4em}
.page-container.blog-article .related .wrap{margin:0 -20px;flex-direction:column}
.page-container.blog-article .related .blog-article{padding:0}
.page-container.blog-article .related .header{margin-bottom:0}
.blog-article .meta {
	margin-bottom: 0;
	padding: 0 0 30px 0;
}
.page-container.blog-article .related .btn.btn3{display:flex;align-items:center;justify-content:center}
  
  
}