.container.thumbnails__view .listing__thumbs {
    clear: both;
}

.container.thumbnails__view .listing__thumbs__item .listing__thumbs__item__figure img,
.container.thumbnails__view .listing__thumbs__item .listing__thumbs__item__figure--mb img {
    height: auto;
    aspect-ratio: 1;
}

@media (min-width: 540px) {
    .container.thumbnails__view {
        width: 100%;
        max-width: 1920px; 
    }

    .container.thumbnails__view .listing {
        max-width: 1890px; /* 6*314 + 6 */
    }

    .container.thumbnails__view .listing__thumbs {
        justify-content: center;
    }

    .container.thumbnails__view .listing__thumbs__item {
        max-width: 314px;
        -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
    }

    .container.thumbnails__view .listing__thumbs__item .listing__thumbs__item__figure img,
    .container.thumbnails__view .listing__thumbs__item .listing__thumbs__item__figure--mb img {
        width: 300px;
    }

    .container.thumbnails__view .listing__thumbs__item .listing__thumbs__item__figure__caption--under {
        max-width: 100%;
    }
} 

@media (min-width: 980px) {
    .container.thumbnails__view {
        width: 100%;
        max-width: 980px; 
    }
    .previewZoom50 .container.thumbnails__view {
        max-width: 100%;
    }
    .stock-assistance {
        text-align: right;
        padding-right: 20px;
    }
    .listing form {
        padding-left: 10px;
    }
    .listing__topinfo {
        padding-left: 10px;
    }
    .listing__topinfo.col-xs-12 {
        padding-left: 20px;
    }
    .listing__header__h1, .container__header {
        padding-left: 10px;
    }
    .listing form .listing__header__h1, .container__header {
        padding-left: 0;
    }

    .lightbox-header {
        padding: 0 15px;
    }
    .number-of-images {
        padding-left: 10px;
    }
    
}

@media (min-width: 1300px) {
    .container.thumbnails__view {
        width: 100%;
        max-width: 1292px; 
    }
}

@media (min-width: 1605px) {
    .container.thumbnails__view {
        width: 100%;
        max-width: 1605px; 
    }
}

@media (min-width: 1920px) {
    .container.thumbnails__view {
        width: 100%;
        max-width: 1920px; 
    }
}

/*

300 + 2x7 for the padding = 314
add 2x7 for the UL margins on the left and right

314*3 = 943 (+14 = 957)
314*4 = 1256 (+14 = 1270)
314*5 = 1570 (+14 = 1584)
314*6 = 1884 (+14 = 1898)

*/