form.tbs-search {
    display: flex;
    gap: var(--grid-gap);
}

form.tbs-search > div {
    display: flex;
    flex-direction: column;
}

form.tbs-search > div label {
    font-weight: 700;
    align-self: flex-start;
}

form.tbs-search > div select {
    width: 190px !important;
    background: var(--primary);
}

form.tbs-search > div input::placeholder {
    color: var(--secondary);
}


/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    form.tbs-search {
        flex-direction: column;
        align-items: stretch;
        gap: calc(var(--grid-gap) / 2);
    }
	
	form.tbs-search > div select,
	form.tbs-search > div input {
		width: 100% !important;
	}

    form.tbs-search > div {
        margin-bottom: 10px;
    }

    form.tbs-search input[type=submit] {
        align-self: flex-start;
    }
}