ul.categories-grid{font-size:0;margin:30px -15px 20px 0;text-align:center}ul.categories-grid li{display:inline-block;width:180px;margin:0 15px 15px 0;background:#ffffff;border-radius:3px;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.04);transition:transform 0.3s ease}ul.categories-grid li a{display:block;color:inherit;padding:30px 10px;cursor:pointer}ul.categories-grid li a span.mdi{display:block;color:#9196a1;font-size:40px;line-height:40px;margin:0 0 20px;font-weight:normal;opacity:0.6;transition:all 0.3s ease}ul.categories-grid li a label{opacity:0.6;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}ul.categories-grid li:hover{box-shadow:0 3px 8px rgba(0,0,0,0.08);transform:translateY(-3px)}ul.categories-grid li:hover a span.mdi{color:#27d3fa;opacity:1}@media screen and (max-width: 415px){ul.categories-grid{margin:20px 0}ul.categories-grid li{width:100%;font-size:17px}ul.categories-grid li a{padding:10px 15px;text-align:left}ul.categories-grid li a span.mdi{display:inline-block;font-size:inherit;margin:0 10px 0 0}}