#diagram .categoriesSmall .refineList{grid-template-columns:repeat(10,minmax(8%,10%))}.diagramList{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(14%,16%));grid-gap:20px 10px;min-width:100%;margin:20px 0 40px}#diagram .diagramList{grid-template-columns:repeat(6,minmax(14%,16%));grid-gap:20px 10px}.diagramList li{margin:0;width:100%;background:#fff;border:1px solid var(--site-border);position:relative;padding:0 0 30px;border-radius:4px}.diagramList li a{display:block;text-align:center;padding:20px 0 1px}.diagramList li a img{display:block;margin:0 auto;width:80%;height:140px;object-fit:contain}.diagramList li a span{display:inline-block;padding:4px 10px;background-color:#06875b;color:#fff;font-weight:500;position:absolute;bottom:0;right:0;left:0;margin:0 auto;width:100px}.diagramList li .diagram-title{padding:15px 10px 10px;display:block;border-top:1px solid var(--site-border);margin:10px 0 0;text-transform:uppercase;font-size:.86rem;font-weight:500;color:var(--site-grey);line-height:.96rem}.diagramList li p.diagram-title{text-transform:uppercase;font-size:12px;line-height:16px}.diagramList li .imgHolder{padding:10px}@media only screen and (max-width:1179px){#diagram .categoriesSmall .refineList{grid-template-columns:repeat(8,minmax(10.5%,12.5%))}}@media only screen and (max-width:767px){#diagram .diagramList,#diagram .categoriesSmall .refineList{grid-template-columns:repeat(4,minmax(23%,25%))}.diagramList li .diagram-title{padding:15px 10px 10px;font-size:.786rem;line-height:.796rem}}@media only screen and (max-width:479px){#diagram .diagramList{grid-template-columns:repeat(2,minmax(48%,50%))}#productListContainer .diagramListContainer .diagramList{grid-template-columns:repeat(2,minmax(48%,50%))}}