.navbar {
	font-family: 'Noto Sans HK', sans-serif;
}

.navbar-toggler {
	border: 0;
	padding: 0;
}

.navbar-brand {
	padding-left: 10px;
	padding-right: 20px;
	margin-right: auto;
}

.navbar-nav > li {
	float: left;
	position: relative;
}

.navbar-nav .nav-item.active .nav-link::after {
	border-bottom: 3px solid #ff3860;
	bottom: -10px;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
}

@media screen and (max-width: 767px) {
	.navbar-nav .nav-item.active .nav-link::after {
		border-bottom: 3px solid #ff3860;
		bottom: 0px;
		content: " ";
		left: 0;
		position: absolute;
		right: 0;
	}
	
	.navbar {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
}