@media screen and (min-width: 833px) {
  	.topBar {
	    flex-direction: row;
		padding: 0 0 20px;
	}

	.hamburgerContainer{
		display: none;
	}
	.webLog, .langSwitchContainer{
		top:32px;
	}

	.icon{
		margin-right: 0.5em;
		display: block;
	}

	.topNavContainer{
		display: flex;
	}

	.langSwitchContainer{
		display: flex;
	}


	.uLinkDropDownContainer{
		display: flex;
	}

	.searchContainer{
		display: flex;
		width: auto;
	}

	.navButton{
		display: block !important;
		opacity: 100% !important;
	}

	.quickSearchIconContainer{
		display: none;
	}

	.qSearchInput{
		width: clamp(5rem, calc(5rem + 18vw), 40rem);
		border-bottom: 2px solid #696158;
		display: block !important;
	}
	
	.topNav{
		justify-content: space-between;
	}

	.addLocForm{
		grid-template-columns: auto 1fr;
	}

	.filteringForm{
		grid-template-columns: auto 1fr;
	}


	.addLocForm>* {
	  margin: 0 1em 1em 0;
	}


	.filteringForm>* {
	  margin: 0 1em 1em 0;
	}

	.leftColContainer{
		left: 0;
	}

	.rightColContainer{
		width: calc(100% - (100px + 10%));
	}

	.slide{
		min-width: 0%;
		max-width: 669px;
	}

	/** hover functions **/
	.navButton:hover{
		color: #009639;
		text-decoration: underline;
	}

	.markerFilterIndicatorContainer:hover{
		background-color: rgba(237, 228, 209, 1);
	}

	#changeLayerBtn:hover{
		border: 0.2em solid #007600;
	}

	.foorterLogo{
		position: absolute;
		height: 100px;
		right: 10px;
		top: 0;
	}

	.footerContentContainer{
		height: 100px;
	}

	#uLinkBtn{
		display: block !important;
	}
	
	.navButton{
		padding: 0 34px;
	}

	.uLinkContainer{
		width: auto;
		align-items: flex-start;
	}

	.enMainLogo{
		width:  clamp(430px, calc(340px + 20vw), 750px);
	}

	.cnMainLogo{
		width: clamp(250px, calc(200px + 20vw), 360px);
	}

	.mobileFeaturedLocationContainer{
		display: none;
	}
}