.x-navbar {  
}
 
@include media-breakpoint-between(xs, sm) {
	display: block;
}

@include media-breakpoint-up(md) { 
 
	.x-navbar-brand-img { 

    width: 10em;

		.is-wide & { 
			width: 14em;
		}
	} 
 
	.x-navbar {   
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 2.250em 1.875em;

		.is-wide & { 
			padding: 2.5em 5.625em;
		}
	} 
}
 
@include media-breakpoint-up(xl) {
 
	.x-navbar { 
		padding: 2.250em 1.875em;

		.is-wide & { 
			padding: 5.5em 5em;
		}
	}

}