/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#products .thumbnail-container:focus .product-description:after,
#products .thumbnail-container:hover .product-description:after,
.featured-products .thumbnail-container:focus .product-description:after,
.featured-products .thumbnail-container:hover .product-description:after,
.product-accessories .thumbnail-container:focus .product-description:after,
.product-accessories .thumbnail-container:hover .product-description:after,
.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
  display: none;
}
.has-discount{
display:block !important;
}

#supplier #main ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#supplier #main ul .brand {
    padding: 10px;
    margin: 5px;
    text-align: center;
    background: #fff;
    transition: .4s ease-out;
    width: calc(20% - 10px);
    min-width: 210px;
    position: relative;
}
#supplier #main ul .brand-products{
  display: none;
}
/*@media (max-width: 767px){
	#header .header-top{
		display: none !important;
	}
}*/
