/* CSS Document  Index.php */
@media  { 
.mainproductcat{padding-bottom:1em;}
.mainproductcat__nodata{}
.mainproductcat__list{
display: grid;
width:100%;
grid-gap: 2em 1em;
grid-template-columns: repeat(auto-fit, 256px);
justify-content:space-between;
list-style-type: none;
padding-inline-start:0;	
padding-left:0px;	
margin-block-start: 0;
margin-block-end: 0; 
align-items: stretch;
}
.mainproductcat__list__el{
list-style-position: inside;	
padding:0px;
display:block;
/*background:#e9e9e9;*/

}

.mainproductcat__list__el__link{
text-decoration:none;	
display:flex;
flex-direction:column;
flex:0 0 256px;
flex-wrap:wrap;
}
.mainproductcat__list__el__link:hover{	
filter: brightness(1.5);
}

.mainproductcat__list__el__link__title{
font-size:22px;
word-break:break-word;
line-height:1.2em;
text-align:center;
color:black;
padding-top:0.1em;
padding-bottom:0.5em;
font-weight:500;	
}
.mainproductcat__list__el__link__imgbox{	
text-align:center;	
}
.mainproductcat__list__el__link__imgbox__img{	
display:block;
border-radius:4px;	
}
.mainproductcat__bottompagebar{	
margin-top:2em;
}
}
@media  all and (min-width: 950px) {}
@media  all and (max-width: 950px) {
.mainproductcat__list{
justify-content:center;	
}	
}