@import "common-includes/functions";
@import "common-includes/variables";
@import "common-includes/mixins";

.deal-list-block{
    ul.cateListing {
        margin-left: -2%;
        li {
            display: block;
            width: 18%;
            margin-left: 2%;
            margin-bottom: 2%;
            float: left;
            position: relative;
            @include media-breakpoint-down(md) { width: 23%; }
            @include media-breakpoint-down(sm) { width: 31.3333%; }
            @media (max-width: 480px) { width: 48%; } 
            figure{
                display: table;
                width: 100%;
                a{
                    height: 100%;
                    width: 100%;
                    display: table-cell;
                    vertical-align: middle;
                    img{
                        display: block;
                        margin: 0 auto;
                    }
                }
            }
            .productTitle{
                a{
                  color: $body-color; 
                  font-weight: $font-weight-normal;
                  font-size: 14px;
                  line-height: 1.3;  
                  display: block;
                }
            }            
        }
    }
}