

.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}


.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .l-narrow {
	flex: 1 1 auto;
	width: 100%;
	margin-top: var(--bs-gutter-y);
	padding-right: calc(var(--bs-gutter-x) * 1);
	padding-left: calc(var(--bs-gutter-x) * 1);
}
.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .r-wide {
	flex: 1 1 auto;
	width: 100%;
	margin-top: var(--bs-gutter-y);
	padding-right: calc(var(--bs-gutter-x) * 1);
	padding-left: calc(var(--bs-gutter-x) * 1);
}

@media (min-width: 576px) {
	.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .l-narrow {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .r-wide {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .l-narrow > div {
	    padding-left: var(--bs-gutter-x);
	}
    .s-Cols_2_narrow_leftSide .grid-filter-sidebar-left {
        flex-wrap: nowrap;
        min-width: 450px;
    }
    .s-Cols_2_narrow_leftSide .grid-filter-sidebar-left .l-narrow {
        flex-grow: 0;
        flex-shrink: 0;
        width: 25%;
        min-width: 250px;
        max-width: 400px;
    }
}
