.navbar-inverse {
	background-color: rgba(0, 0, 0, 0.4) !important;
}

@media screen and (max-width: 767px) {
	.l-logo {
		height: 30px !important;
	}

	.navbar-header {
		width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
		line-height: 56px;
	}

	.logobox {
		width: 120px;
		display: inline-block;
	}

	.navbar-right {
		display: inline-block;
	}

	.navbar-toggle {
		margin-right: 0 !important;
	}

	.nav {
		color: #ffffff !important;
	}

	.activenav {
		color: #00A5E2 !important;
	}
}

@media (min-width: 1200px) {
	.navbar {
		border: 0 !important;
		height: 74px !important;
		line-height: 74px !important;
	}

	.container {
		display: flex;
		align-items: center;
		width: 1200px !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.navbar-header {
		width: 20% !important;
	}

	.l-logo {
		height: 53px;
	}

	.collapse {
		width: 80% !important;
	}

	.navbar-nav {
		width: 100% !important;
		display: flex;
		justify-content: space-between;
	}

	.nav {
		color: #ffffff !important;
		font-size: 16px !important;
	}

	.nav:hover {
		color: #00A5E2 !important;
	}

	.activenav {
		color: #00A5E2 !important;
		border-color: #00A5E2 !important;
		border-bottom: 2px solid #00A5E2 !important;
		font-size: 16px !important;
	}
}