.fx .rowf {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.fx .column {
  margin: 20px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  color: #000;
}

.column h2 {
	padding-bottom: 10px;
    border-bottom: 1px solid gray;
}
.column .grid {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 3px;
}
.column .grid.grid-slot {
	grid-template-columns: 1fr; 
	gap: 10px;
}

.autosuggest-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #3b4651;
	color: #fff;
	max-height: 200px;
	overflow-y: auto;
	z-index: 10;
	margin: 0 20px;
	
}
.autosuggest-item {
	padding: 8px;
	cursor: pointer;
	border: 1px solid #ddd;
}
.autosuggest-item:hover {
	background-color: var(----masterclub);
}


@media (max-width: 599px) {
	.fx .rowf {
		flex-direction: column;
	}
	.column .grid {
		grid-template-columns: 1fr;
	}
	.fx .column {
		margin: 20px 0;
	}
}


@media (min-width: 800px) {
	.column .grid.grid-slot {
	grid-template-columns: 1fr 1fr; 
	}
}

@media (min-width: 1200px) {
	.column .grid.grid-slot {
	grid-template-columns: 1fr 1fr 1fr; 
	}
}