.logoslider .row{
	row-gap: var(--bs-gutter-x);
	padding-bottom: calc(var(--jumbotron-standard-margin) / 2) !important;
}

.logoslider .tns-horizontal.tns-subpixel > .tns-item,
.logoslider .tns-item{
	display: flex;
}

.logoslider__logo picture img {
	object-fit: cover;
	object-position: center;
	padding: 0rem;
	width: 100%;
	height: 100%;
	max-width: 160px;
	margin: 0 auto;
	display: flex;
}

.logoslider_grid_container {
    display: grid;
   	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    grid-template-rows: auto;
    gap: 3rem;
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
}


@media (max-width:1399px)
{
	.logoslider_grid_container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
		grid-template-rows: auto;
		gap: 5rem; 
	}
}

@supports not (row-gap: 1rem) {
   /* 
	Isolated code for not supporting flexbox row-gap so have to work with margins. Thanks Safari :/ 
	*/
	.logoslider .row > div{
		margin-bottom: var(--bs-gutter-x);
	}
}

.logoslider.geen_extra_marge_onderkant + .logoslider{
	padding-top: var(--bs-gutter-x) !important;
}