.brand-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top:40px;
}

.brand-list__list li {
  width: 189px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand-list__list a {
  color: #000000;
  font-size: 26px;
  line-height: 31px;
  font-weight: 600;
  text-align: center;
}
.brand-list__list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.brand-list__list a::after {
  content: '';
  display: block;
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.brand-list__list li:hover .brother_icon::after {
  width: 50%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: url(/local/templates/cartridge/img/brands/color/brother.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .canon_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/canon.svg) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .epson_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/epson.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .hp_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/hp.png) no-repeat;
  background-position: 50%;
  background-size: 47%;
}
.brand-list__list li:hover .lexmark_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/lexmark.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .samsung_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/samsung.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .konica-minolta_icon::after {
  width: 50%;
  height: 100%;
  background: url(/local/templates/cartridge/img/brands/color/konica-minolta.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .oki_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/oki.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .ricoh_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/ricoh.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .sony_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/sony.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .sharp_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/sharp.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .kyocera_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/kyocera.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .toshiba_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/toshiba.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .xerox_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/xerox.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .dymo_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/dymo.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .philips_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/philips.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .pantum_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/pantum.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .panasonic_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/Panasonic-logo.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .brady_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/brady.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .katyusha_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/katyusha.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .deli_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/deli.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .avision_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/color/avision.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brand-list__list li:hover .zebra_icon::after {
  opacity: 0.8;
}
.brother_icon::after {
  width: 50%;
  height: 50%;
  max-width: 100%;
  max-height: 100%;
  background: url(/local/templates/cartridge/img/brands/brother.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.canon_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/canon.svg) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.epson_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/epson.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.hp_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/hp.png) no-repeat;
  background-position: 50%;
  background-size: 47%;
}
.lexmark_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/lexmark.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.samsung_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/samsung.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.konica-minolta_icon::after {
  width: 50%;
  height: 100%;
  background: url(/local/templates/cartridge/img/brands/konica-minolta.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.oki_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/oki.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.ricoh_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/ricoh.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.sony_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/sony.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.sharp_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/sharp.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.kyocera_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/kyocera.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.toshiba_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/toshiba.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.xerox_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/xerox.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.dymo_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/dymo.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.philips_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/philips.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.pantum_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/pantum.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.panasonic_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/Panasonic-logo.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.brady_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/brady.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.zebra_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/zebra.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.hiper_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/hiper.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.huawei_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/huawei.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.katyusha_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/katyusha.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.deli_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/deli.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}
.avision_icon::after {
  width: 50%;
  height: 50%;
  background: url(/local/templates/cartridge/img/brands/avision.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
}