.homefeatarticle{width: 100vw;position: relative;left: 50%; margin-left: -50vw;max-width:100vw !important;max-height:400px;overflow:hidden;}
.homefeatarticle.parallax{height:400px;}
.homefeatarticle .bnrimg{height:400px;width:100%;text-align:center;background-size: cover !important; object-position: 50% 50%; display: flex !important; flex-direction: column; justify-content: center;background-color:#000 !important;overflow:hidden;}
.homefeatarticle img{height: 100%;width:auto;object-fit:cover;object-position: 50% 90%;transition: opacity 0.7s ease, transform 0.3s ease !important;}
.homefeatarticle a{overflow:hidden;width:100%;height: 400px; background-size: cover; display: flex; flex-direction: column; object-position: 50% 50%; transition: opacity 0.7s ease, transform 0.3s ease !important;}
.homefeatarticle a:hover{background-color:#000;}

.homefeatarticle h1{position: absolute; color: #fff; z-index: 1; display: block;left: 0;right: 0;bottom: 0;margin-bottom:0 !important;max-width: inherit !important;pointer-events:none;padding:14px 10px;background-image:linear-gradient(rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.8));transition: all 0.2s ease-in-out;}
.homefeatarticle .pdesc{opacity:0; position: absolute; left: 0; right:0; top: 20px; width: 100%; color: #fff; text-align: center; font-weight: 600;transition: all 0.2s ease-in-out;width:100%;z-index:4;letter-spacing:-0.025em;}
.homefeatarticle .pdesc span{display:inline-block;padding:10px 18px;background-color:rgba(0,0,0,0.4);max-width:65%;}
.homefeatarticle .pdesc:after{content:"Read...";display:block;clear:both;width:100px;background-color:orange;color:#000;border-radius:10em;font-size:0.8em;margin:0 auto;margin-top:50px;transition:all 0.2s ease-in-out;}
.homefeatarticle .pwrap{position: absolute;text-align:center;top:0; left:0; right:0;z-index:3;}
.homefeatarticle span.pparent{color: #000; background-color: rgba(255,255,255,0.6) !important; position: relative; display: inline; height: 17px; margin:0 3px; font-weight: 600; letter-spacing: -0.2px; font-size: 0.5em; text-transform: uppercase; padding: 0px 9px !important; border-radius: 10em; transition: all 0.2s ease-in-out}
.homefeatarticle .thumbico{position: absolute; z-index: 1; top: 0px; left: 0px; padding-top: 7px; padding-left: 7px; width: 65px; height: 65px; color: #fff; text-align: left; font-size: 23px; line-height: 25px; background-image: radial-gradient(circle 65px at top left,#000, rgba(0, 0, 0, 0.0));transition: all 0.2s ease-in-out;}
.homefeatarticle span.badge{position: absolute; right: 10px; top: 10px; padding: 7px; background-color: rgba(0,123,255,0.3); opacity: 1;z-index: 4; transition: all 0.2s ease-in-out;transform: translateY(-40px);}
.homefeatarticle span.badge.badge-secondary {right: 10px;}
.homefeatarticle span.badge.badge-secondary.secba {top: 40px !important;}

.homefeatarticle a:hover .pdesc{opacity:1;transform:translateY(20px);}
.homefeatarticle a:hover .pdesc:after{transform:translateY(-40px);}
.homefeatarticle a:hover img{transform: scale(1.05) !important;opacity:0.6 !important; -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);}
.homefeatarticle a:hover span.badge{transform: translateY(0px);}

.homefeatarticle .mwraptemp img{width:100%;}

@media (max-width: 991.98px) {
	.homefeatarticle h1{font-size:3em !important;line-height:1em !important;}
	.homefeatarticle .pdesc{font-size:0.9em;}
	.homefeatarticle .pdesc span{max-width:75%;background-color:rgba(0,0,0,0.4);}
	.homefeatarticle a:hover h1{opacity:0.6;}
}
@media (max-width: 767.98px) {
	.homefeatarticle{max-height:300px;height:300px;}
	.homefeatarticle a{height:300px;}
	.homefeatarticle.parallax{}
	.homefeatarticle h1{font-size:2.5em !important;}
	.homefeatarticle .bnrimg{height:300px;}
	.homefeatarticle .pdesc{font-size:0.8em;max-height:90%;overflow-y:scroll;}
	.homefeatarticle .pdesc span{max-width:85%;background-color:rgba(0,0,0,0.5);}
	.homefeatarticle a:hover h1{opacity:0;}
	
}
@media (max-width: 575.98px){
	.homefeatarticle{max-height:250px;height:250px;}
	.homefeatarticle a{height:250px;}
	.homefeatarticle.parallax{}
	.homefeatarticle h1{font-size:2.2em !important;}
	.homefeatarticle .bnrimg{height:250px;}
	.homefeatarticle .pdesc span{max-width:95%;}
	.homefeatarticle span.badge{font-size: 0.6em;}
	.homefeatarticle .thumbico{font-size: 18px;width: 55px; height: 55px;background-image: radial-gradient(circle 55px at top left,#000, rgba(0, 0, 0, 0.0));}
	
}
@media (max-width: 480px) {
	.homefeatarticle{max-height:250px;height:250px;}
	.homefeatarticle a{height:250px;}
	.homefeatarticle.parallax{}
	.homefeatarticle h1{font-size:1.8em !important;}
	.homefeatarticle .bnrimg{height:250px;}
	.homefeatarticle .pdesc{font-size:0.7em;}
}