@media screen and (min-width: 1px) and (max-width: 480.98px) {
    #columns[data-columns]::before {
        content: '1 .col-sm-12';
    }
	#grid[data-columns]::before {
		content: '1 .col-sm-12';
	}
	#coll_grid[data-columns]::before {
		content: '1 .col-sm-12';
	}
	#dir_grid[data-columns]::before { /* Dir option */
		content: '1 .col-lg-12';
	}
}

@media screen and (min-width: 481px) and (max-width: 767.98px) {
    #columns[data-columns]::before {
        content: '2 .col-lg-6';
    }
	#grid[data-columns]::before {
		content: '2 .col-lg-6';
	}
	#coll_grid[data-columns]::before {
		content: '2 .col-lg-6';
	}
	#dir_grid[data-columns]::before { /* Dir option */
		content: '1 .col-lg-12';
	}
}

@media screen and (min-width:768px) and (max-width: 991.98px) { 
    #columns[data-columns]::before {
        content: '2 .col-lg-6';
    }
	#grid[data-columns]::before {
		content: '2 .col-lg-6';
	}
	#coll_grid[data-columns]::before { 
		content: '2 .col-lg-6';
	}
	#dir_grid[data-columns]::before { /* Dir option */
		content: '1 .col-lg-12';
	}
}

@media screen and (min-width:992px) and (max-width: 1199.98px) {
    #columns[data-columns]::before {
        content: '2 .col-lg-6';
    }
	#grid[data-columns]::before { /* updates */
		content: '2 .col-lg-6';
	}
	#coll_grid[data-columns]::before {
		content: '3 .col-lg-4';
	}
	#dir_grid[data-columns]::before { /* Dir option */ 
		content: '1 .col-lg-12';
	}
}

@media screen and (min-width:1200px) and (max-width: 1699.98px) {
    #columns[data-columns]::before {
        content: '3 .col-lg-4';
    }
	#grid[data-columns]::before {
		content: '2 .col-lg-6';
	}
	#coll_grid[data-columns]::before {
		content: '3 .col-lg-4';
	}
	#dir_grid[data-columns]::before { /* Dir option */
		content: '2 .col-lg-6';
	}
}

@media screen and (min-width:1700px) and (max-width: 9999px) {
    #columns[data-columns]::before {
        content: '4 .col-lg-3';
    }
	#grid[data-columns]::before {
		content: '2 .col-lg-6';
	}
	#coll_grid[data-columns]::before {
		content: '3 .col-lg-4 px-1';
	}
	#dir_grid[data-columns]::before { /* Dir option */
		content: '2 .col-lg-6';
	}
}
#columns, #grid, #coll_grid, #dir_grid { display:flex;}
#theGrid {}
.cookie-bot {
	position: sticky;
	align-self: flex-start;
	bottom: 0;
	overflow-y: auto;
	z-index: 100;
	background:#000000;
	color:#ffffff;
	border-top:3px dotted #007bff;
	font-size: 0.875rem;
	z-index:1100;
}
p.cookiemessage a, p.cookiemessage a:link, p.cookiemessage a:hover, p.cookiemessage a:visited { font-size: 0.875rem; color:#ffffff; }
a.coli { font-size: 0.875rem; color:#333 !important; } 

.aw-wip-state { background-color:#F5F5F5; border-bottom: 1px #fff solid; border-radius:5px; }
.aw-wip-state:hover { background-color:#fff; border-bottom: 1px #EDEBEB solid; border-radius:5px; }

.custom-control .custom-control-label-lg::before,
.custom-control .custom-control-label-lg::after {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

.custom-control .custom-control-label-lg {
    font-size: 1.5rem !important;
}