#vendor-select-custom {
	div.item {
		display: none;
	}
  margin-left: auto!important;
  margin-right: auto!important;
  padding: 20px 20px 10px 20px;
  // background: #0b0b0b;
  margin-top: 20px;
  opacity: 0;

  div.container {
	  display: flex;
	  // flex-wrap: wrap;
	  opacity: 1 !important;
  }

  @media only screen and (min-width: 1200px) {
    width: 1170px;

  }

  @media only screen and (max-width: 1199px) and (min-width: 992px) {
    width: 933px;
  }

  @media only screen and (max-width: 991px) and (min-width: 768px) {
    width: 723px;
  }

  @media only screen and (max-width: 767px) {
    width: auto!important;
    margin-left: 1em!important;
    margin-right: 1em!important;
    }

	div.item.active a {
		background: #551638;
	}
	div.item:hover a {
		background: #551638;
	}

    div.item {
		display: inline-block;
		// margin-right: 10px;
		margin-bottom: 10px;

      @media only screen and (max-width: 1199px) and (min-width: 992px) {
        margin-right: 6px;
      }
      @media only screen and (max-width: 991px) and (min-width: 768px) {
        margin-right: 2px;
      }
      @media only screen and (max-width: 767px) {
        margin-right: 2px;
      }

	  &:hover, &.active {
		  a{
			background: #551638;
		  }
      }

    }

    a {
      // border: solid 1px #551638;
      border-radius: 5px!important;
      display: inline-block;
      transition: all 0.4s ease;
	  margin: 10px;


      img {
        width: 139px;
        @media only screen and (max-width: 1199px) and (min-width: 992px) {
          width: 100px;
        }

        @media only screen and (max-width: 991px) and (min-width: 768px) {
          width: 90px;
        }
        @media only screen and (max-width: 767px) {
          width: 76px;
        }

      }
    }

}
#vendor-select-custom div.item:hover a, #vendor-select-custom div.item.active a{
  background:#fea800;
}

#vendor-select-custom div.item:hover a img, #vendor-select-custom div.item.active a img{
  filter: brightness(2) invert(1);
}