@media (min-width: 850px) {
	/* 	css mega menu */
	.mega-menu h5, .mega-menu h4, .mega-menu h3, .mega-menu p, .mega-menu a {
		font-family: "Guardian-EgypTT",Charter,"Charter Bitstream",Cambria,"Noto Serif Light","Droid Serif",Georgia,serif;
	}

	.mega-menu h5, .mega-menu h4 {
		font-weight: 700 !important;
		color: #80beaf;
	}

	.mega-menu p, .mega-menu a {
		color: #000;
	}
	.box-dichvu {
		flex: 0 0 25%;
		max-width: 25%;
	}
	
}
 
@media (max-width: 850px) and (min-width: 768px) {
	/* css dich vu */
	.box-dichvu {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
	
@media (max-width: 768px) {
	/* 	css menu  */
	.header-main ul li.menu-item a.nav-top-link, .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-top: 12px;
		padding-bottom: 12px;
		color: #80beaf;
	}
	.mfp-content ul.sub-menu.nav-sidebar-ul.children li.menu-item {
		border-top: 1px solid #ececec;
		border-bottom: 1px solid #ececec;
		background-color: #fff;
	}

	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #fff;
	}

	.mfp-content ul.sub-menu.nav-sidebar-ul.children {
		padding-bottom: 0 !important;
	}
	/* css dich vu */
	.box-dichvu {
		flex: 0 0 50%;
		max-width: 50%;
	}
	/* 	css home video */
	.home-video ol.flickity-page-dots {
		bottom: -30px !important;
	}
	
}

@media (max-width: 549px) {
	/* 	css menu */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 88% !important;
	}
	
	/* 	css home about */
	.home-about-ct>.col-inner {
		padding: 15px;
	}
	
	/* 	css truoc va sau */
	.truoc-sau-mb .row>.col {
		padding-left: 2px !important;
		padding-right: 2px !important;
		padding-bottom: 8px;
	}
	
	/* 	css slider ow carousel */
	.owl-nav button {
		width: 40px !important;
		height: 40px !important;
	}
	
	/* 	css khoa hoc */
	span.ten-gv {
		line-height: 18px !important;
		padding-left: 8px;
	}
}