div.vendor-col img{filter:url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:.3}div.vendor-col{border:thin solid #ececed;width:230px;height:130px;border-radius:3px}div.vendor-col:nth-child(n+2){margin-left:-1px}div.vendor-col:nth-child(6n+7){margin-left:0}div.vendor-col:nth-child(n+7){margin-top:-1px!important;border-top:none!important}div.vendor-col:hover{cursor:pointer}div.vendor-col:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;opacity:1}h2.vendors-title{font-family:Formular;font-size:32px}img.grayscale{filter:url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");filter:gray;-webkit-filter:grayscale(100%);transition:.4s}img.grayscale:hover{filter:url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");-webkit-filter:grayscale(0%)}@media (max-width:767px) and (min-width:100px){h2.vendors-title{font-size:24px;text-transform:none}div.vendor-col{border:thin solid #ececed;width:167px;height:93px;border-radius:3px}div.vendor-col),div.vendor-col:nth-child(n+2){margin-left:0}div.vendor-col:nth-child(2n+2){margin-left:-1px!important}div.vendor-col:nth-child(1n+3){margin-top:-1px}}@media (min-width:768px) and (max-width:1400px){div.vendor-col{border:thin solid #ececed;width:247px;height:146px;border-radius:3px;margin-left:-1px;margin-top:-1px}div.vendor-col:nth-child(3n+1){margin-left:0!important}}