.custom-listings {
    display:-ms-flexbox;
    display:flex;
    flex-wrap: wrap;
}

.custom-listings .custom-listing {
    max-width: 16.6%;
    flex: 1 1 16.6%;
    padding: 10px;

    display:-ms-flexbox;
    display:flex;
    flex-direction: column;
    -ms-flex-direction:column;
}

.custom-listings .custom-listing .aspect-square {
    width:100%;
    padding-top:100%;
    position:relative;
}
.custom-listings .custom-listing img {
    width:100%;
    height:100%;
    top:0;
    right:0;
    left:0;
    bottom:0;
    position:absolute;
    object-fit:contain;
}

.custom-listings .custom-listing .brand {
    font-size: 12px;
}

.custom-listings .custom-listing .name {
    font-size: 10px;
    font-weight: 300;
}

.custom-listings .custom-listing .price {
    font-size: 12px;
}

@media (max-width: 1199px) {
    .custom-listings .custom-listing {
        flex: 1 1 20%;
        max-width: 20%;
    }

    .custom-listings .custom-listing:nth-child(n+11) {
        display: none;
    }
}

@media (max-width: 991px) {
    .custom-listings .custom-listing{
        flex: 1 1 25%;
        max-width: 25%;
    }

    .custom-listings .custom-listing:nth-child(n+9) {
        display: none;
    }
}

@media (max-width: 767px) {
    .custom-listings .custom-listing{
        flex: 1 1 33%;
        max-width: 33%;
    }

    .custom-listings .custom-listing:nth-child(n+7) {
        display: none;
    }
}

@media (max-width: 600px) {
    .custom-listings .custom-listing{
        flex: 1 1 50%;
        max-width: 50%;
    }

    .custom-listings .custom-listing:nth-child(n+5) {
        display: none;
    }
}

@media (max-width: 414px) {
    .custom-listings .custom-listing{
        flex: 1 1 100%;
        max-width: 100%;
    }

    .custom-listings .custom-listing:nth-child(n+3) {
        display: none;
    }
}