/* about */
.section-why {
	max-width: 1220px;
	margin: 0 auto;
}
.section-about {
	max-width: 1220px;
	margin: 0 auto;
}
.title-about {
	text-transform: uppercase;
	margin-bottom: 15px;
	color: var(--color-main);
	font-weight: bold;
}
/* banner */
.section-banner {
	background-image: url(../assets/images/bg-banner3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
	background-position: center;
	color: white;
}
.section-banner a {
	color: white;
	text-decoration: none;
}

.section-banner h3 {
	color: var(--color-main);
	font-weight: bold;
	text-transform: uppercase;
}

/* responsive */
@media screen and (min-width: 344px) {
	.navbar-nav,
	.button-hotline {
		display: none;
	}
	.toggle_menu {
		display: block !important;
	}
}
@media screen and (min-width: 768px) {
	.navbar-nav {
		display: block;
	}
	.toggle_menu {
		display: none !important;
	}
	.navbar-nav {
		display: flex;
		flex-direction: row;
	}
	.menu a {
		padding: 8px 16px !important;
	}
	.logo-about {
		width: 300px;
		height: 180px;
	}
}
@media screen and (min-width: 1024px) {
	.button-hotline {
		display: block;
	}
	.logo-about {
		width: auto;
		height: auto;
	}
}
@media screen and (min-width: 1280px) {
	.menu a {
		padding: 8px 40px !important;
	}
}