/*=========================================================================================
	CSS Menu
===========================================================================================*/
/* Dành cho Samsung S9 */
@media only screen and (max-width: 767px){
	/* Menu */
	.navbar-wrapper { height: 80px; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
	.logo-img { height: 70px; }
	.main-menu { display: none; flex-direction: column; background: #fff; width: 100%; padding: 10px 15px; position: absolute; top: 100%; left: 0; flex-wrap: wrap; gap: 10px; align-items: left;}
	.main-menu .nav-link { text-decoration: none; color: #000; font-weight: 400; font-size: 16px;}
	.main-menu .nav-link.active { color: #124ca0; }
	.navbar-toggle { font-size: 28px; background: none; border: none; display: block; }
	.menu-y{padding-top:5px}
	.main-menu.show { display: flex; border-top: 5px solid #eee;}
	.dropdown-menu { position: static; float: none; }
	.m-button{display: block !important;}
}
/* Dành cho Ipad */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
	/* Menu */
	.navbar-wrapper { height: 80px; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
	.logo-img { height: 70px; }
	.main-menu { display: none; flex-direction: column; background: #fff; width: 100%; padding: 10px 15px; position: absolute; top: 100%; left: 0; flex-wrap: wrap; gap: 10px; align-items: left;}
	.main-menu .nav-link { text-decoration: none; color: #000; font-weight: 400; font-size: 16px;}
	.main-menu .nav-link.active { color: #124ca0; }
	.navbar-toggle { font-size: 28px; background: none; border: none; display: block; }
	.menu-y{padding-top:5px}
	.main-menu.show { display: flex; border-top: 5px solid #eee;}
	.dropdown-menu { position: static; float: none; }
	.m-button{display: block !important;}
}
/* Dành cho Desktop */
@media only screen and (min-width: 1280px) {
	/* Menu */
	.navbar-wrapper { height: 80px; position: sticky; top: 0; z-index: 999; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
	.logo-img { height: 70px; }
	.main-menu { display: flex; flex-wrap: wrap; gap: 40px; align-items: left; }
	.main-menu .nav-link { text-decoration: none; color: #000; font-weight: 400; font-size: 14px;}
	.main-menu .nav-link.active { color: #124ca0; }
	.navbar-toggle { font-size: 28px; background: none; border: none; display: none; }
	.menu-y{padding-top:5px}
	.m-button{display: none !important;}
}