@media only screen and (min-width: 0px) {








.hdr_wrp{
	grid-column: 1/5;
	grid-row: 1/1;

	display: grid;
	grid-template-columns: 100%;
	

	justify-items: center;


	background-color: black;
 	position: sticky;
 	top: 0px;
 	z-index: 15;
 	
}




.grid-bread-crumbs{  

	grid-column: 1/5;
	grid-row: 2/2;
	background-color: #141414;
	position: static;
	z-index: 0;

}


.bread_crumbs{ 
	display: grid;
	grid-template-columns: repeat(6, min-content);
	grid-template-rows: min-content;


	min-height: 3rem;
	align-content: center;
}

.st0{
	grid-row: 1/1;
	grid-column: 1/2;
}
.st_arr0{
	grid-row: 1/1;
	grid-column: 2/3;
}



.st1{
	grid-row: 1/1;
	grid-column: 3/4;
}

.st_arr1{
	grid-row: 1/1;
	grid-column: 5/6;
}


.st2{
	grid-row: 1/1;
	grid-column: 7/8;
}

.st0, .st0>a, .st_arr0, .st1, .st1>a, .st_arr1, .st2, .st2>a{
	
	font-size: 1rem;
	color: #fff;	
	font-weight: 300;
	text-decoration: none;
	padding-left: 5px;
}





.bread_crumbs > a{ 
	
	grid-row: 1/1;
	grid-column: 1/2;
	font-size: 1rem;
	font-weight: 300;
	text-decoration: none;
	color: black;	
	
}










} 


















@media only screen and (min-width: 1250px) {  








 	



.hdr_wrp{
	grid-column: 1/5;
	grid-row: 2/2;

	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100px;

	justify-items: center;


	background: rgba(0,0,0,0.7);
 	position: sticky;
 	top: 35px;
 	z-index: 15;
 	backdrop-filter: blur(10px);
}



        
.page-category-grid{
	display: grid;
	grid-template-columns: 272px 1fr 1fr 1fr; 
	
	transition: 500ms;
	width: 1200px;
}






.grid-bread-crumbs{  
	 
	grid-column: 1/5;
	grid-row: 3/3;
	background: #f7f7f7;
	top: 125px;
	position: static;
	z-index: 0;

}


.bread_crumbs{ 
	display: grid;
	grid-template-columns: repeat(6, min-content);
	grid-template-rows: min-content;
	margin-top: 20px;
}

.st0{
	grid-row: 1/1;
	grid-column: 1/2;
}
.st_arr0{
	grid-row: 1/1;
	grid-column: 2/3;
}

.st1{
	grid-row: 1/1;
	grid-column: 3/4;
}
.st_arr1{
	grid-row: 1/1;
	grid-column: 5/6;
}

.st2{
	grid-row: 1/1;
	grid-column: 7/8;
}

.st0, .st0>a, .st_arr0, .st1, .st1>a, .st_arr1, .st2, .st2>a{
	
	font-size: 1rem;
	color: black;	
	font-weight: 300;
	text-decoration: none;
	padding-left: 5px;
}


.bread_crumbs > a{ 
	
	grid-row: 1/1;
	grid-column: 1/2;
	font-size: 1rem;
	font-weight: 300;
	text-decoration: none;
	color: black;	
	
}





}