.category_bar{
	display:block;
	width:100%;
 	border:1px solid #ccc; 
	background-color: #fff;
	padding:16px 0;
	margin-bottom: 40px;
	}
	

.category_bar-grid{
	margin:0 auto;
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 0;
	row-gap: 12px;
	}

a.category_bar-item{
	margin:0 auto;
	display:flex;
	justify-content: center;
	align-items: center;
	width:180px;
	height:90px;
	background-color: #013a82;
	color:#ffffff !important;
	text-align: center;
	transition: .2s;
	border:1px solid #ddd;
	padding:0 12px;
	}

.category_bar-item:hover{
	color:#FFFFFF !important;
	background-color:#dd1616;
	text-decoration: none;
	}


@media only screen and (min-width: 393px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr;
	}
}



@media only screen and (min-width: 569px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr 1fr;
	}
}



@media only screen and (min-width: 749px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


@media only screen and (min-width: 922px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}



@media only screen and (min-width: 1096px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}


@media only screen and (min-width: 1276px) {
.category_bar-grid{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}