/* header-nav-inline-fix
 * HTML: header > .containe > #nav-box.header-nav > .container > (logo + nav)
 */
@media (min-width: 769px) {
	#nav-box > .container,
	.header .header-nav > .container {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing: border-box;
	}
	#nav-box > .container::before,
	#nav-box > .container::after,
	.header .header-nav > .container::before,
	.header .header-nav > .container::after {
		display: none;
	}
	.header .logo,
	#nav-box .logo {
		float: none !important;
		display: block;
		flex: 0 0 auto;
		width: auto !important;
		max-width: 180px;
		margin-right: 12px;
		padding-top: 0 !important;
	}
	.header .logo a,
	#nav-box .logo a {
		display: block;
		min-width: 0;
		max-width: 180px;
	}
	.header .logo img:not(.nightlogoimg),
	#nav-box .logo img:not(.nightlogoimg) {
		display: block;
		height: 54px;
		width: auto;
		max-width: 100%;
	}
	.header .logo img.nightlogoimg,
	#nav-box .logo img.nightlogoimg {
		display: none;
	}
	body.night .header .logo img:not(.nightlogoimg),
	body.night #nav-box .logo img:not(.nightlogoimg) {
		display: none;
	}
	body.night .header .logo img.nightlogoimg,
	body.night #nav-box .logo img.nightlogoimg {
		display: block;
		height: 54px;
		width: auto;
		max-width: 100%;
	}
	.header .nav-bar,
	#nav-box nav.nav-bar {
		float: none !important;
		flex: 1 1 auto;
		min-width: 0;
		margin-left: 0;
	}
	.header .nav-bar ul.nav,
	#nav-box nav.nav-bar ul.nav {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		white-space: nowrap;
		margin-left: 0;
	}
	.header .nav-bar li,
	#nav-box nav.nav-bar li {
		display: block;
		float: none;
		flex: 0 1 auto;
		min-width: 0;
	}
	.header .nav-bar li a,
	#nav-box nav.nav-bar li a {
		display: block;
		padding: 0 8px;
		font-size: 14px;
		min-width: 0;
		max-width: 11em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.header .pull-right,
	#nav-box .pull-right {
		float: none;
		flex: 0 0 auto;
		margin-left: 6px;
	}
	.header .m-btn {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.header .nav-bar li a,
	#nav-box nav.nav-bar li a {
		padding: 0 12px;
		font-size: 15px;
		max-width: 13em;
	}
}