@media screen and (max-width: 900px) and (min-width: 701px) {
	ul#nav-main li.rightside span {
		display:none;
	}
	ul#nav-main li#username_logged_in span, li#quick-links .dropdown  span, ul#nav-main .dropdown-contents span {
		display:inline-block;
	}
}
@media (min-width: 701px) {
	:root {
		--navbar-height: 63px;
		--navbar-border-color: #808080;
		--navbar-bg-color: #ffffff;
		--content-max-width: 1164px;
	}
	html,
	body {
		scroll-padding-top: var(--navbar-height);
	}
	#wrap {
		margin-top: 25px;
		margin-bottom: -15px;
		min-height: calc(100dvh - var(--navbar-height));
	}

	#page-header > .navbar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: var(--navbar-height);
		z-index: 500;
		border-radius: 0;
		border-bottom: 1px solid var(--navbar-border-color);
		background-color: var(--navbar-bg-color);
		padding: 0;
		margin: 0;
		display: block;
	}
	
	ul#nav-main {
		max-width: var(--content-max-width);
		margin: 0 auto;
		padding: 0px 8px;
		font-size: 1.2em !important;
		line-height: 1.6em;
		border-bottom: 1px solid var(--navbar-border-color);
	}
	ul.dropdown-contents li {
		font-size: 13px !important; 
	}
	/* Navigation icons */
	ul#nav-main i {
		font-size: 1.2em !important;
		transform: scale(1.5) !important;
		margin: 8px 5px 0 5px !important;
	}
	ul#nav-main i.fa-bell {
		transform: scale(1.3) !important;
	}
	ul#nav-breadcrumbs {
		max-width: var(--content-max-width);
		height: 26px;
		margin: 0 auto;
		padding: 0 8px !important;
		font-size: 1.1em !important;
	}
	li.breadcrumbs {
		
	}
}