/* Style One */
.article-grid-style.style-1 .bd-clipboard .feat-main-title{
	background: rgba(0, 0, 0, 0.6);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	box-shadow: 10px 0 0 rgba(0, 0, 0, 0.6), -10px 0 0 rgba(0, 0, 0, 0.6);
	color: #fff;
	display: inline;
	line-height: 50px;
	margin-left: 10px;
	padding: 5px;
}
.article-grid-style.style-1 .article-intro-full-img{
	min-height: 510px;
}
.article-grid-style.style-1 .bd-clipboard .feat-main-title:hover{
	color: #ff3c36;
}
.article-grid-style.style-1 .article-introtext.btn-clipboard{
	bottom: 25px;
	position: absolute;
	top: auto;
}
.article-grid-style.style-1 .article-introtext.btn-clipboard .col-md-auto{
	background: rgba(0, 0, 0, 0.6);
	color: white;
	display: inline;
	padding: 5px 10px;
	font-size: 11px;
    font-weight: bold;
}
.article-grid-style.style-1 .col-12:nth-child(n+4){
	margin-top: 20px !important;
}
.article-grid-style.style-1 .article-intro-image{
	height: auto;
    min-height: 305px;
}
.article-grid-style.style-1 .article-introtext:not(:first-child) .border-box{
	padding: 25px;
	border: 0;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

/* Style Two */
.article-grid-style.style-2 .article-wrapper{
	border: 1px solid #ececec;
}
.article-grid-style.style-2 .article-intro-image{
	height: auto;
    min-height: 200px;
}
.article-grid-style.style-2 .article-wrapper .article-intro-image{
	height: auto;
    min-height: 330px;
}

/* Style Three */
.article-grid-style.style-3 .article-wrapper{
	border: 1px solid #ececec;
}
.article-grid-style.style-3 .article-intro-image{
	height: auto;
    min-height: 230px;
}
.article-grid-style.style-3 .article-wrapper .article-intro-image{
	height: auto;
    min-height: 390px;
}

/* Style four */
.article-grid-style.style-4 .article-wrapper{
	border: 1px solid #ececec;
}
.article-grid-style.style-4 .article-intro-image{
	height: auto;
    min-height: 310px;
}
.article-grid-style.style-4 .article-introtext .category_title{
	font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/* Multi Css */
.article-grid-style .border-box .col-md-auto{
	color: #616161;
	display: inline;
	padding: 5px 10px;
	font-size: 11px;
    font-weight: 600;
}
.article-grid-style .bd-clipboard p{
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.article-grid-style .col > a span{ 
	color: #616161;
	font-size: 11px;
	display: block;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
	margin: 10px 0 5px;
}
.article-grid-style .article-info > p{
	text-transform: capitalize;
	font-weight: 600;
	color: #616161;
}
.article-grid-style .article-introtext a:hover h3,.article-grid-style .article-introtext a:hover h5,.article-grid-style .sub-article-introtext a:hover h5{
	color: #ff3c36;
}
.article-intro-image{
	position: relative;
	overflow: hidden;
}

/* Responsive Css */
@media screen and (min-width:500px) and (max-width:992px){
	
	/* Style One */
	
	.article-grid-style.style-1 .article-intro-full-img,.article-grid-style.style-1 .article-intro-image{
		min-height: 400px;
	}
	.article-grid-style.style-1 .article-introtext:not(:first-child) .border-box{
		border: 1px solid #ececec;
	}
	
	/* Stylo two */
	
	.article-grid-style.style-2 .article-intro-image,.article-grid-style.style-2 .article-wrapper .article-intro-image{
		min-height: 400px;
	}
	
	/* Stylo three */
	.article-grid-style.style-3 .article-intro-image,.article-grid-style.style-3 .article-wrapper .article-intro-image{
		min-height: 400px;
	}
	
	/* Stylo four */
	.article-grid-style.style-4 .article-intro-image{
		min-height: 400px;
	}
}
@media screen and (max-width:500px){
	
	/* Style One */
	
	.article-grid-style.style-1 .article-intro-full-img,.article-grid-style.style-1 .article-intro-image{
		height: auto;
		min-height: 300px;
	}
	
	/* Stylo two */
	
	.article-grid-style.style-2 .article-intro-image,.article-grid-style.style-2 .article-wrapper .article-intro-image{
		min-height: 300px;
	}
	
	/* Stylo three */
	.article-grid-style.style-3 .article-intro-image,.article-grid-style.style-3 .article-wrapper .article-intro-image{
		min-height: 300px;
	}
	
	/* Stylo four */
	.article-grid-style.style-4 .article-intro-image{
		min-height: 300px;
	}
}
@media screen and (max-width:992px){
	.article-grid-style.style-1 .article-introtext:not(:first-child) .border-box{
		border: 1px solid #ececec;
	}
}
/* -----end---- */