.mats__grid{grid-template-columns:repeat(4,1fr);gap:50px 20px;margin-top:50px;display:grid}.mats__grid .mat-card,.mats__grid .mat-card__img{width:100%}.mats__grid--m{display:none}@media (width<=767px){.mats__grid{grid-template-columns:1fr;justify-items:center;gap:40px;margin-top:20px}.mats__grid--d{display:none}.mats__grid--m{display:grid}.mats__grid .mat-card,.mats__grid .mat-card__img{width:345px}}