/***** blogpost-funnel-element *******/
@font-face{
	font-family:'Crete Round';
	font-style:normal;
	font-weight:400;src:local('CreteRound'),
local('CreteRound'),
url(https://fonts.gstatic.com/s/creteround/v9/55xoey1sJNPjPiv1ZZZrxK170b0.woff2) format('woff');
	font-display:swap
}
.blogpost-funnel-element .post-main-container{
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	width: 49.6%;
	margin-bottom: 11px;
}
.blogpost-funnel-element .post-main-container.sixteenByNine,
.blogpost-funnel-element .post-main-container.threeByFour,
.blogpost-funnel-element .post-main-container.fullpage{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}
.blogpost-funnel-element.newVersion .post-main-container.oneByOne,
.blogpost-funnel-element .stacked .post-main-container.sixteenByNine,
.blogpost-funnel-element .stacked .post-main-container.threeByFour{
	margin-bottom: 30px;
}
.blogpost-funnel-element .post-container{
	width: 100%;
	padding: 0px;
	border-radius: 2px;
	background-color: #fff;
	height: 220px;
	display: block;
	border: 1px solid #f2f2f2;
	overflow: hidden;
	max-width: 555px;
}
.blogpost-funnel-element .threeByFour .post-container,
.blogpost-funnel-element .sixteenByNine .post-container,
.blogpost-funnel-element .fullpage .post-container{
	max-width: initial;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.blogpost-funnel-element .post-img-container{
	display: inline-block;
	float: left;
	width: 39.6%;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	border-top-left-radius: 2px;
	border-bottom-left-radius:2px;
	text-align: center;
	overflow: hidden;
	height: 100%;
	position: relative;
}
.blogpost-funnel-element .oneByOne .post-img-container{
	max-width: initial;
	width: initial;
	float: none;
	display: block;
	height: auto;
	padding-bottom: 100%;
}
.blogpost-funnel-element .threeByFour .post-img-container,
.blogpost-funnel-element .sixteenByNine .post-img-container{
	max-width: initial;
	width: initial;
	float: none;
	display: block;
	height: auto;
}
.blogpost-funnel-element .fullpage .post-img-container{
	max-width: initial;
	width: 100%;
	border-radius: 0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding-bottom: 44.54%;
	position: relative;
}
.blogpost-funnel-element .post-img-container img{
	border-top-left-radius: 2px;
	border-bottom-left-radius:2px;
	float: none;
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	max-width: initial;
	object-fit: cover;
}
.blogpost-funnel-element .fullpage .post-img-container img{
	position: absolute;
	top: 0;
	left: 0;
}
.blogpost-funnel-element img[src=""] {
	display: none !important;
}
.blogpost-funnel-element .threeByFour .post-img-container img,
.blogpost-funnel-element .sixteenByNine .post-img-container img{
	position: absolute;
	top: 0;
	left: 0;
	height: initial;
}
.blogpost-funnel-element .blog-text-container{
	display: inline-block;
	float: left;
	height: 100%;
	width: 60.4%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 17px;
	padding-bottom: 10px;
}
.blogpost-funnel-element .blog-text-container .title-desc-link {
	width: 100%;
	display: block;
	text-decoration: none !important;
}
.blogpost-funnel-element .blog-text-container .author-img-cointainer{
	width: 17px;
	height: 17px;
	display: inline-block;
	float: left;
	border-radius: 50%;
	position: relative;
}
.blogpost-funnel-element .blog-text-container .author-img-cointainer img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	position: relative;
	z-index: 200;
}
.blogpost-funnel-element .blog-text-container .author-img-cointainer i{
	color: #419edd;
	color: #419edd;
	position: absolute;
	top: 1px;
	left: 3px;
	z-index: 100;
}
.blogpost-funnel-element .blog-text-container .author-img-cointainer svg{
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 100;
}

.blogpost-funnel-element .blog-text-container .author-name{
	float: left;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	color: #333;
	padding-left: 6px;
}
.blogpost-funnel-element .blog-text-container .dot-separaitor{
	padding-left: 7px;
	padding-right: 7px;
	display: inline-block;
	float: left;
	color: #333;
	font-size: 12px;
}
.blogpost-funnel-element .post-date{
	float: left;
	font-size: 12px;
	font-weight: 600;
	color: #a4a4a4;
	text-transform: capitalize;
	font-style: italic;
}
.blogpost-funnel-element .views-container,
.blogpost-funnel-element .comment-container{
	float: left;
	font-size: 12px;
	font-weight: 600;
	color: #222;
	margin-bottom: 0;
}
.blogpost-funnel-element .comment-container{
	position: relative;
	top: -2px;
}
.blogpost-funnel-element .views-container svg{
	position: relative;
	top: 1px;
	margin-right: 5px;
}
.blogpost-funnel-element .like-container{
	float: right;
	font-size: 12px;
	font-weight: 600;
	color: #222;
	margin-bottom: 0;
	display: none;
}
.blogpost-funnel-element .views-container{
	margin-right: 20px;
}
.blogpost-funnel-element .views-container i,
.blogpost-funnel-element .comment-container i{
	font-weight: 400;
	color: #419edd;
	font-size: 18px;
	margin-right: 5px;
	position: relative;
	top: 1px;
}
.blogpost-funnel-element .like-container i{
	color: #d75a4a;
	margin-left: 5px;
	font-size: 18px;
	position: relative;
	top: 2px;
}
.blogpost-funnel-element .oneByOne .blog-text-container,
.blogpost-funnel-element .sixteenByNine .blog-text-container{
	padding-top: 13px;
	width: initial;
	height: initial;
	/* border-left: 1px solid rgb( 234, 234, 234 ); */
	position: relative;
	left: -1px;
}
.blogpost-funnel-element .threeByFour .blog-text-container{
	padding: 20px;
	width: initial;
	height: initial;
	/* border-left: 1px solid rgb( 234, 234, 234 ); */
	position: relative;
	left: -1px;
}
.blogpost-funnel-element .stacked .threeByFour .blog-text-container{
	padding: 15px;
}
.blogpost-funnel-element .oneByOne .blog-text-container{
	/* border-left: 1px solid rgb( 234, 234, 234 ); */
	position: relative;
	left: -1px;
}
.blogpost-funnel-element .fullpage .blog-text-container{
	width: 100%;
	padding-bottom: 20px;
}
.blogpost-funnel-element .post-title{
	color: rgb( 65, 158, 221 );
	font-size: 24px;
	font-weight: 400;
	width: 100%;
	text-align: left;
	height: 27px;
	line-height: 26px;
	margin-bottom: 12px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0;
	font-family:'Crete Round' !important;
}
.blogpost-funnel-element .oneByOne .post-title{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 4px;
	line-height: 20px;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element .threeByFour .post-title,
.blogpost-funnel-element .sixteenByNine .post-title{
	font-size: 26px;
	line-height: 26px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	height: 28px;
	margin-bottom: 9px;
	margin-top: 19px;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element .stacked .threeByFour .post-title,
.blogpost-funnel-element .stacked .sixteenByNine .post-title{
	font-size: 23px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	height: 50px;
	margin-bottom: 9px;
	margin-top: 19px;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element .sixteenByNine .post-title{
	margin-top: 12px;
	margin-bottom: 5px;
}
.blogpost-funnel-element .fullpage .post-title{
	font-size: 25px;
	line-height: 27px;
	height: 28px;
	margin-top: 15px;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element .post-details{
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #000;
	width: 100%;
	display: block;
	text-align: left;
	height: 90px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	word-break: break-word !important;
	hyphens: auto !important;
	line-break: unset !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	line-break: auto !important;
}
.blogpost-funnel-element .oneByOne .post-details{
	font-size: 16px;
	line-height: 19px;
	height: 78px;
}
.blogpost-funnel-element .threeByFour .post-details{
	height: 88px;
	-webkit-line-clamp: 4;
	margin-bottom: 2px;
}
.blogpost-funnel-element .sixteenByNine .post-details{
	height: 90px;
	-webkit-line-clamp: 4;
}
.blogpost-funnel-element .stacked .sixteenByNine .post-details,
.blogpost-funnel-element .stacked .threeByFour .post-details{
	font-size: 16px;
	line-height: 22px;
	height: 91px;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	margin-bottom: 0px;
	line-break: anywhere;

}
.blogpost-funnel-element .fullpage .post-details{
	height: 46px;
	-webkit-line-clamp: 2;
}
.blogpost-funnel-element hr{
	border-top: 1px solid rgba(119, 119, 119, 0.1);
	margin-top: 20px;
	margin-bottom: 20px;
}
.blogpost-funnel-element .oneByOne hr{
	margin-top: 17px;
	margin-bottom: 17px;
	clear: both;
}
.blogpost-funnel-element .sixteenByNine hr{
	margin-top: 12px;
	margin-bottom: 12px;
}
.blogpost-funnel-element .fullpage hr{
	margin-top: 20px;
	margin-bottom: 20px;
}

.blogpost-funnel-element .post-button,
.blogpost-funnel-element .post-button:active,
.blogpost-funnel-element .post-button:focus,
.blogpost-funnel-element .post-button:hover{
	float: right;
	width: 140px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: center;
	border-radius: 20px;
	background-color: transparent;
	border: solid 1px transparent;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color:rgb( 34, 34, 34 );
	text-decoration: none !important;
	margin-top: -7px;
}
.blogpost-funnel-element .post-button i{
	font-size: 20px;
	font-weight: 600;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element .empty-rss{
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
}
.blogpost-funnel-element .empty-rss i{
	color: #3598db;
}
.blogpost-funnel-element .image-placeholder{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(241, 241, 241, 0.25);
}
.blogpost-funnel-element .image-placeholder span{
	font-size: 15px;
	font-weight: 600;
	color: #c1c1c1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -33px;
	margin-left: -37px;
}
.blogpost-funnel-element .image-placeholder span i{
	display: block;
	font-size: 40px;
	margin-bottom: 5px;
	color: rgba(193, 193, 193, 0.52);
}
.blogpost-funnel-element .fullpage .image-placeholder{
	border-right: none !important;
	border-bottom: 1px solid rgb( 234, 234, 234 );
}
.blogpost-funnel-element .fullpage .image-placeholder span{
	font-size: 19px;
	top: 50%;
	left: 50%;
	margin-top: -41px;
	margin-left: -47px;
}
.blogpost-funnel-element .fullpage .image-placeholder span i{
	font-size: 50px;
}
.blogpost-funnel-element .post-main-container.sixteenByNine,
.blogpost-funnel-element .post-main-container.threeByFour{
	display: block;
}
.blogpost-funnel-element .stacked .post-main-container.sixteenByNine,
.blogpost-funnel-element .stacked .post-main-container.threeByFour{
	display: inline-block;
	width: calc(33.33% - 3px);
	padding-left: 15px;
	padding-right: 15px;
}
.blogpost-funnel-element .stacked .post-main-container.threeByFour hr{
	margin-top: 12px;
	margin-bottom: 17px;
}
.blogpost-funnel-element .stacked .post-main-container.sixteenByNine .main-img-container,
.blogpost-funnel-element .stacked .post-main-container.threeByFour .main-img-container{
	max-width: 100% !important;
}
.blogpost-funnel-element .post-main-container.oneByOne{
	display: inline-block;
	margin-left: auto;
	width: 100%;
	max-width: 568px;
	margin-right: auto;
	margin-bottom: 17px;
}
.blogpost-funnel-element .sixteenByNine .post-container,
.blogpost-funnel-element .threeByFour .post-container{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.blogpost-funnel-element .oneByOne .post-container{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	height: initial;
}
.blogpost-funnel-element .sixteenByNine .post-img-container img,
.blogpost-funnel-element .threeByFour .post-img-container img,
.blogpost-funnel-element .oneByOne .post-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blogpost-funnel-element .sixteenByNine .blog-text-container,
.blogpost-funnel-element .threeByFour .blog-text-container{
	flex: 1 0 21em;
}
.blogpost-funnel-element .oneByOne .blog-text-container{
	flex: 1 0 20em;
	width: 9%;
}
.blogpost-funnel-element .sixteenByNine .main-img-container{
	width: 100%;
	max-width: 31.8em;
	margin-left: auto;
	margin-right: auto;
}
.blogpost-funnel-element .threeByFour .main-img-container{
	width: 100%;
	max-width: 28em;
	margin-left: auto;
	margin-right: auto;
}
.blogpost-funnel-element .threeByFour.compactSize .main-img-container{
	max-width: 22.3em;
}
.blogpost-funnel-element .sixteenByNine.compactSize .main-img-container{
	max-width: 26.2em;
}
.blogpost-funnel-element .oneByOne .main-img-container{
	width: 100%;
	max-width: 15.6em;
	margin-left: auto;
	margin-right: auto;
}
.blogpost-funnel-element .blog-category-container{
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	background-color: #fff;
	width: 100%;
	display: block;
	min-height: 50px;
	margin-bottom: 18px;
}
.blogpost-funnel-element .stacked .blog-category-container,
.blogpost-funnel-element .blog-category-container.headerWithPadding{
	width: calc(100% - 30px);
	margin-left: 15px;
}

.blogpost-funnel-element .blog-category-container ul{
	list-style: none;
	display: inline-block;
	width: calc(100% - 220px);
	text-align: left;
	padding: 0;
	margin-bottom: 0;
	color: #8d8d8d;
}
.blogpost-funnel-element .blog-category-container ul li{
	display: inline-block;
}
.blogpost-funnel-element .blog-category-container ul li ul li {
	width: 100%;
}
.blogpost-funnel-element .blog-category-container ul li a{
	height: 48px;
	line-height: 48px;
	display: block;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	color: inherit;
	font-family:'Crete Round' !important;
	margin-left: 16px;
	margin-right: 16px;
	white-space: nowrap;
}
.blogpost-funnel-element .blog-category-container ul li a.active{
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element  .blog-search-container{
	width: 220px;
	height: 50px;
	display: inline-block;
	padding-right: 10px;
	position: relative;
	float: right;
	padding-top: 8px;
}
.blogpost-funnel-element  .blog-search-container input{
	width: 100%;
	display: block;
	font-size: 14px;
	color: #666;
	border: 1px solid #efefef;
	border-radius: 2px;
	background: #fff;
	height: 34px;
	line-height: 34px;
	padding-left: 7px;
	padding-right: 25px;
	margin-top: -1px;
	outline: none !important;
}
.blogpost-funnel-element  .blog-search-container .search-icon{
	font-size: 16px;
	color: #8d8d8d;
	position: absolute;
	top: 3px;
	right: 10px;
	background: transparent;
}
#horizontal a:hover {
	color: #333;
	border-bottom:3px solid rgb(1,202,255);
	padding-bottom:35px;
}

.blogpost-funnel-element .blog-category-container li.hideshow ul{
	position: absolute;
	background: #f3f3f3;
	display: none;
	left: 0px;
	min-width: 295px;
	width: auto;
	background: #fff;
	border: 1px solid #f1f1f1;
	z-index: 100;
	max-height: 300px;
	overflow: hidden;
	overflow-y: scroll;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1)!important;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.blogpost-funnel-element .blog-category-container li.hideshow ul::-webkit-scrollbar {
	width: 6px!important; height:10px;
}
.blogpost-funnel-element .blog-category-container li.hideshow ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 20px #fff!important;
}
.blogpost-funnel-element .blog-category-container li.hideshow ul::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 100px #d0d0d0!important;
	border-radius: 3px;
}
.blogpost-funnel-element .blog-category-container li.hideshow ul::-webkit-scrollbar-thumb:hover {
	background-color: #666!important;
}

.blogpost-funnel-element .blog-category-container li.hideshow{
	position:relative;
}
.blogpost-funnel-element .blog-category-container li.hideshow > a >i{
	margin-left: 5px;
	position: relative;
	top: 1px;
	font-weight: 700;
}
/* .blogpost-funnel-element .blog-category-container li.hideshow > a{
	color:  rgb( 65, 158, 221 );
} */
.blogpost-funnel-element .blog-more-button{
	width: 100%;
	max-width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 45px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none !important;
	background: #fff;
	border: 2px solid #f2f2f2;
	color: rgb( 65, 158, 221 );
	min-height: 45px;
	line-height: 45px;
	margin-top: 10px;
}
.blogpost-funnel-element .blog-more-button i{
	display: none;
	margin-right: 5px;
}
.blogpost-funnel-element .blog-more-button.loading i{
	display: inline-block;
}
.blogpost-funnel-element .read-more-button{
	float: right;
	width: 107px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	border-radius: 20px;
	background-color: transparent;
	border: solid 1px transparent;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgb( 34, 34, 34 );
	text-decoration: none !important;
	margin-top: 7px;
}
.blogpost-funnel-element .read-more-button i {
	font-size: 20px;
	font-weight: 600;
	color: rgb( 65, 158, 221 );
}
.blogpost-funnel-element.newVersion .post-main-container.oneByOne {
	width: calc(33.33% - 3px);
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}
.blogpost-funnel-element.newVersion .oneByOne .main-img-container {
	width: 100%;
	max-width: initial;
}
.blogpost-funnel-element.newVersion .oneByOne .post-details{
	font-size: 16px;
	line-height: 22px;
	height: 91px;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	margin-bottom: 0px;
}
.blogpost-funnel-element.newVersion .oneByOne .post-title{
	margin-top: 3px;
	line-clamp: 2;
	height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	line-height: 24px;
	font-size: 23px;
}
.blogpost-funnel-element.newVersion .oneByOne .post-date{
	margin-bottom: 7px;
}
.blogpost-funnel-element.newVersion .oneByOne hr{
	margin-top: 10px;
}

.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .topBtn.read-more-button,
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .topBtn.read-more-button,
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .topBtn.read-more-button{
	display: none !important;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) hr {
	margin-top: 17px;
	margin-bottom: 16px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .views-container{
	margin-top: 9px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .comment-container{
	margin-top: 8px;
    margin-left: 10px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize){
	margin-top: 22px;
	margin-bottom: 20px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .views-container{
	margin-top:21px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .comment-container{
	margin-top: 20px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .footerBtn.read-more-button{
	margin-top: 17px !important;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .footerBtn.read-more-button{
	margin-top: -2px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .views-container{
	margin-top:4px;
}
.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .comment-container{
	margin-top: 3px;
}
.blogpost-funnel-element.newVersion .oneByOne .footerBtn.read-more-button,
.blogpost-funnel-element.newVersion .stacked .footerBtn.read-more-button,
.blogpost-funnel-element.newVersion .compactSize .footerBtn.read-more-button{
	display: none !important;
}
.blogpost-funnel-element.newVersion .threeByFour .blog-text-container {
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: initial;
	height: initial;
	border-left: none;
	position: relative;
	left: -1px;
}
.blogpost-funnel-element.newVersion .threeByFour hr {
	border-top: 1px solid rgba(119, 119, 119, 0.1);
	margin-top: 19px;
	margin-bottom: 3px;
}
.blogpost-funnel-element.newVersion .stacked .threeByFour .read-more-button{
	margin-top: 7px !important;
}
.blogpost-funnel-element.newVersion .threeByFour .main-img-container{
	max-width: 25em;
}
.blogpost-funnel-element.newVersion .threeByFour.compactSize .read-more-button{
	margin-top: 30px;
}
.blogpost-funnel-element.newVersion .sixteenByNine .read-more-button{
	margin-top: 5px;
}
@media (max-width:1225px) {
	.blogpost-funnel-element .post-date{
		font-size: 12px;
	}
	.blogpost-funnel-element .post-button,
	.blogpost-funnel-element .post-button:active,
	.blogpost-funnel-element .post-button:hover,
	.blogpost-funnel-element .post-button:focus{
		width: 120px;
		font-size: 14px;
	}
	.blogpost-funnel-element .post-button i{
		font-size: 18px;
	}
}
@media (max-width:1180px) {
	.blogpost-funnel-element .sixteenByNine .post-details{
		height: 90px;
		-webkit-line-clamp: 4;
	}
	.blogpost-funnel-element .sixteenByNine .blog-text-container {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}
}
@media (max-width:1024px) {
	.blogpost-funnel-element .post-main-container{
		width: 100%;
		display: block;
		text-align: center;
	}
	.blogpost-funnel-element .post-container{
		margin-left: auto;
		margin-right: auto;
	}
	.blogpost-funnel-element .sixteenByNine hr{
		margin-top: 13px;
		margin-bottom: 14px;
	}
	.blogpost-funnel-element .threeByFour .post-title,
	.blogpost-funnel-element .sixteenByNine .post-title {
		font-size: 23px;
		line-height: 25px;
		height: 52px;
		margin-bottom: 9px;
	}
	.blogpost-funnel-element.newVersion .post-main-container.oneByOne,
	.blogpost-funnel-element .stacked .post-main-container.sixteenByNine,
	.blogpost-funnel-element .stacked .post-main-container.threeByFour {
		width: 50%;
	}
	.blogpost-funnel-element  .blog-category-container{
		width: 100% !important;
		margin-left:0 !important;
	}
}
@media (max-width:900px) {
	.blogpost-funnel-element.newVersion .post-main-container.oneByOne,
	.blogpost-funnel-element .stacked .post-main-container.sixteenByNine,
	.blogpost-funnel-element .stacked .post-main-container.threeByFour {
		width: 70%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 15px !important;
	}
}
@media (max-width:780px) {
	.blogpost-funnel-element .post-main-container,
	.blogpost-funnel-element .post-main-container.style4Post{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.blogpost-funnel-element .post-container{
		display: block;
		width: 100%;
		margin-bottom: 10px;
		margin-left: auto !important;
		margin-right: auto !important;
		height: auto !important;
	}
	.blogpost-funnel-element .post-img-container{
		width: 100%;
		display: block;
		max-width: 187px;
		height: 187px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.blogpost-funnel-element .sixteenByNine .post-img-container,
	.blogpost-funnel-element .threeByFour .post-img-container{
		max-width: initial;
		max-height: initial;
		margin-top: 0;
	}
	.blogpost-funnel-element .fullpage .post-img-container {
		max-width: initial;
		max-height: initial;
		width: 100%;
		height: auto;
		margin-top: 0;
	}
	.blogpost-funnel-element .blog-text-container{
		display: block;
		float: none;
		width: 100% !important;
		padding: 10px !important;
		flex: none !important;
	}
	.blogpost-funnel-element .post-title {
		font-size: 18px !important;
		line-height: 20px !important;
		height: 41px !important;
		padding: 0 !important;
		margin-bottom: 5px !important;
		margin-top: 10px !important;
		-webkit-line-clamp: 2 !important;
	}
	.blogpost-funnel-element .post-details {
		font-size: 15px !important;
		line-height: 17px !important;
		height: 70px !important;
		-webkit-line-clamp: 4 !important;
	}
	.blogpost-funnel-element hr{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.blogpost-funnel-element .post-date{
		display: block;
		width: 100%;
		text-align: center;
		float: none;
	}
	.blogpost-funnel-element .post-button,
	.blogpost-funnel-element .post-button:active,
	.blogpost-funnel-element .post-button:hover,
	.blogpost-funnel-element .post-button:focus{
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 5px;
	}
	.blogpost-funnel-element .image-placeholder{
		border-right: none !important;
		border-bottom: 1px solid rgb( 234, 234, 234 ) !important;
	}
}
@media (max-width:480px) {
	.blogpost-funnel-element.newVersion .threeByFour.compactSize .read-more-button{
		margin-top: 9px !important;
		margin-bottom: 4px !important;
	}
	.blogpost-funnel-element.newVersion .post-main-container.threeByFour hr{
		margin-bottom: 14px  !important;
		margin-top: 8px !important;
	}
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .views-container,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .views-container,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .views-container{
		margin-top:0px;
	}
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .comment-container,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .comment-container,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .comment-container{
		margin-top:0px;
	}
	.blogpost-funnel-element.newVersion .fullpage .comment-container,
	.blogpost-funnel-element.newVersion .fullpage .views-container{
		margin-bottom: 10px;
	}
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .threeByFour:not(.compactSize) .topBtn.read-more-button,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .sixteenByNine:not(.compactSize) .topBtn.read-more-button,
	.blogpost-funnel-element.newVersion .elementWrapper:not(.stacked) .fullpage:not(.compactSize) .topBtn.read-more-button{
		display: block !important;
	}
	.blogpost-funnel-element.newVersion .footerBtn.read-more-button{
		display: none !important;
	}
	.blogpost-funnel-element .oneByOne .main-img-container{
		max-width: 18.6em;
	}
	.blogpost-funnel-element .oneByOne .main-img-container .post-img-container{
		margin-top: 0;
	}
	.blogpost-funnel-element.newVersion .post-main-container.oneByOne,
	.blogpost-funnel-element .stacked .post-main-container.sixteenByNine,
	.blogpost-funnel-element .stacked .post-main-container.threeByFour {
		width: 100%;
	}
}
#blog_category_nav {
    height: 42px;
	overflow: hidden;
}


/* Ad Widget start */
ul.ads-list-widget {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.ads-list-widget li a {
	display: block;
	width: 100%;
}

ul.ads-list-widget li a img {
	cursor: pointer;
}

div.adsAppElement {
	padding: 0 !important;
	padding-bottom: 8px !important;
}

.ads-list-widget {
    position: relative;
    width: auto;
    height: auto;
}

.ads-list-widget li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    z-index: 2;
}

.ads-list-widget li.active {
    opacity: 1;
    visibility: visible;
    z-index: 4;
}

/* Ad Widget end */

[data-type="blog-category-selector"] {
	text-transform: capitalize;
}


.blogpost-funnel-element .blog-category-container li.hideshow ul li a {
	color: #666 !important;
}