.catalogs { display:block; list-style:none; margin:0 0 3em 0; padding:0; }
.catalogs li { display:block; }
.catalogs li.catalog { padding:20px 0; box-sizing:border-box; }
.catalogs .spinner { width:30px; height:30px; margin:20px;
  border:3px solid #ccc; border-left-color:transparent;
  border-bottom-color:transparent; border-radius:50%;
  animation-name:catalogspinner; animation-duration:1s;
  animation-timing-function:linear; animation-iteration-count:infinite; }
.catalogs .image { margin-bottom:1em; min-height:165px; }
.catalogs img { max-width:100%; height:auto; }
.catalogs h3, .catalogs h4 { font-weight:400; font-size:inherit;
	margin:0 0 1em 0; padding:0; line-height:1em; }
.catalogs .brand { font-weight:700; }
.catalogs .pdf { margin-bottom:0.5em; }
.catalogs .error { color:red; padding:0 10px; }

@keyframes catalogspinner {
  from { transform:rotate(0deg); }
  to { transform:rotate(359deg); }
}

@media screen and (min-width:400px) {
  .catalogs { margin-left:-10px; margin-right:-10px; }
  .catalogs:after { display:table; content:""; clear:left; }
  .catalogs li.catalog { float:left; width:50%; padding:20px 10px; }
  .catalogs li.catalog:nth-of-type(2n+1) { clear:left; }
	.catalogs h3, .catalogs h4 { min-height:2em; }
}
@media screen and (min-width:600px) {
  .catalogs li.catalog { width:33.33%; }
  .catalogs li.catalog:nth-of-type(2n+1) { clear:none; }
  .catalogs li.catalog:nth-of-type(3n+1) { clear:left; }
}
@media screen and (min-width:800px) {
  .catalogs li.catalog { width:25%; }
  .catalogs li.catalog:nth-of-type(3n+1) { clear:none; }
  .catalogs li.catalog:nth-of-type(4n+1) { clear:left; }
}