.category_title {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow:hidden;
  margin-bottom:1em ;
}

.category_title::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 0.16em;
  background: var(--grey_l);
  margin-left: 0.8em;
}

.category_title svg {
  vertical-align: middle;
  margin-right: 0.3em;
  font-size: 1.2em;
}


.linedSection{
border: 0.16em solid var(--grey);
padding : 1.5em ;
position : relative;
padding-top:2.5em ;
}

.linedSection h2, .linedSection h3{
background-color: white ;
position: absolute ;
color:var(--grey_d); 
margin: 0 ;
top : -0.8em ;
left : -0.2em  ;
padding-right:0.5em ;
padding-bottom:0.3em ;
}

.linedSection h2 svg{
margin-right:0.2em ;
}

@media (max-width:800px) {

	.mainMenu .menuStyles .category_menu{
	padding-top:0.3em;
	padding-bottom:0.3em ;
}

.menuStyles .category_menu img{
	height:2em ;
}

.menuStyles .submenuLink{
	width:50%;
	display:inline-block;
	vertical-align: middle;
	font-size: 0.9em ;
}

.menuStyles .submenuLink{
	width:48%;
	display:inline-block;
	vertical-align: middle;
	font-size: 0.9em ;
}

.menuStyles .submenuLink:nth-of-type(odd){
	margin-right: 4% ;

	}
}

@media (max-width:500px) {



.menuStyles .submenuLink{
	width:100%;
}

.menuStyles .submenuLink:nth-of-type(odd){
	margin-right: 0;

	}
	
	.menuStyles .submenuLink:nth-of-type(4){
display:none;

	}
}

@media (max-width:400px) {

.menuStyles .category_menu img{
	height:1.5em ;
}
}


