/*
	Company: Fixfin Technologies Pvt. Ltd.  
	Developer: Om Prakash Chhetri
	Purpose: Indus Astro Bread Crumbs Stylings
	Version: 1.0.1
*/

.lpnvbr_ptp{
	background: var(--nav-background-oth);
	padding-top: 0px;
}
.lpnvbr_ptp .nav_logo {
	filter: brightness(0) saturate(100%) invert(15%) sepia(60%) saturate(4270%) hue-rotate(350deg) brightness(97%) contrast(86%);
}
.lpnvbr_ptp .nav_menu_lnk{
	color: var(--primary);
}
.lpnvbr_ptp .nav_menu_lnk img{
	filter: brightness(0) saturate(100%) invert(15%) sepia(60%) saturate(4270%) hue-rotate(350deg) brightness(97%) contrast(86%);
}
.lpnvbr_ptp .navbar-toggler-icon{
	filter: brightness(0) invert(0);
}
/* Blog Head Banner CSS Start */
.blogs_banner_section{
	margin-top: 75px;	
}
.blog_banner{
	height: 120px;
	position: relative;
	overflow: hidden;
	background-image: url('../images/blogs_banner_img.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.blog_banner_wrapper{
	filter: brightness(50%);
	z-index: -1;
}

.blog_banner_img{
	width: 100%;
	height: auto;
/*	object-fit: cover;*/
   	object-position: center top;
}
.crumbs{
	font-size: 16px;
	margin-bottom: 10px;
}
.page_name{
	font-size: 40px;
}
.arrow_white{
	filter: brightness(0) invert(1);
}
.banner_content{
	padding-left: var(--inline-lg-padding);
	padding-right: var(--inline-lg-padding);
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 80;
}
/* Blog Head Banner CSS End */


/* Responsive CSS Start */
	
@media screen and (max-width: 1920px){
	.banner_content{
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 1080px) and (max-width: 1920px){
	.banner_content {
		left: var(--inline-lg-padding);
	}
}

@media (min-width: 575px) and (max-width: 990px){
	.blog_banner{
		height: 145px;
	}	
	
}

@media(min-width:767px) and (max-width:1080px){
	.banner_content{
		left: var(--inline-md-padding);
	}
}

@media screen and (max-width: 767px){
	.banner_content{
		left: var(--inline-sm-padding);
		z-index: 100;
	}
}
@media screen and (max-width: 710px){
	.blog_banner{
		height: 140px;
	}
	
	.crumbs{
		font-size: 14px;
	}
	.page_name{
		font-size: 25px;
	}
}
@media screen and (max-width: 480px){
	.blog_banner{
		height: 120px;
	}
	.crumbs{
		font-size: 12px;
	}
	.crumbs_arrow {
		width: 5px;
		margin-bottom: 4px;
	}
}