@charset "utf-8";
/* CSS Document */

body {font-family: 'Muli', sans-serif; line-height: 24px; color:#232F3B; font-size:16px;}
.tophead { background:#232F3B; color:#fff; font-size:14px; display:block; padding: 0px 100px;}
.tophead span { color:#FEF200}
.tophead p { padding-top:8px;}
.search { background:#fff; border-left:4px solid #FEF200;position:relative;}
	.search input[type=text] {width: 98%;font-size: 1.2em;  padding-right: 5px; font-size:14px; border:0; margin-top:10px;}
	.search input[type=submit] { background:url(../images/search.png) no-repeat; border: 0; color: #fff;position: absolute;right: 10px;top: 0;font-size: 14px; border-radius:5px; padding:0 10px; text-transform:uppercase;margin-top:12px;}

#header-pc { padding: 10px 100px;  box-shadow: 0 0 15px 3px rgba(0,0,0,0.1); position: relative; z-index: 20;}
#header-mb { display:none;}
	.header1 { background:url(../images/bghead.png) no-repeat; background-size:cover;padding: 10px 100px; display:block;}
	.logo { padding-top:5px}
	.logo img { max-width:100%;}
	
	.titvn { text-transform:uppercase; color:#fff;font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 22px; line-height: 32px; margin:0; padding-bottom:0; padding-top:10px;}
	.titen {text-transform:uppercase; color:#fff; font-family: Muli;font-style: normal;font-weight: normal;font-size: 16px; line-height: 18px;}
	
	.menu {}
	.menu .nav { float:right; margin-bottom:-10px;}
	.menulist { display:block}
	.menulist .nav { padding-left:10px; margin-bottom:-6px;}
	
	.contactabout { padding-bottom:20px;}
	.contactabout h2 { text-transform:uppercase; font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 20px; padding-bottom:10px;}	
	.contactabout h3 { text-transform:uppercase; font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 18px; padding-bottom:10px ; color:#008244}
	
	.neworthor {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;}
		.item-neworthor { padding:10px 0;}
		.item-neworthor .image { width:28%; float:left; }
		.item-neworthor .image img { width:100%;}
		.item-neworthor .des { width:68%; float:right;}
		.item-neworthor .des .name {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 15px;line-height: 22px;color: #232F3B; }
		.item-neworthor .des .date {  background:url(../images/date2.png) no-repeat left center;  padding-left:25px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;  color: #9897A8; margin-bottom:0 !important;}
		.item-neworthor .des a { color:#232F3B}
	
	
	.boxabout { padding:40px 0;}
	.imageabout img { max-width:100%;}
	.boxabout h2 {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;}
	.boxabout p { font-size:15px; margin-bottom:6px;}
	
	.listabout { padding:20px 0;}
	.listabout h2 {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px; text-transform:uppercase;}
	.listabout a { color:#fff; text-transform:uppercase; font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 16px;}
	.itemabout { position:relative; width:100%; margin-bottom:10px;}
	.itemabout .img img { width:100%;}
	.itemabout .name {position: absolute; bottom: 0; font-size: 16px; background: linear-gradient(0deg, rgba(0, 130, 68, 0.8), rgba(0, 130, 68, 0.8));    width: 100%;
    height: 100%;    border-radius: 10px;    text-align: center;  overflow: hidden;     padding-top:20%;}
	
	.support { background:#FEF200; padding-left:30px !important;  padding-right:15px !important;}
	.support a { background:url(../images/support.png) no-repeat center left; color:#008244 !important; border-bottom:3px solid #FEF200 !important}
	.support a:hover {background:url(../images/support.png) no-repeat center left; color:#008244 !important; border-bottom:3px solid #008243 !important }

	.slide { margin:50px 0;}
	.slider-info {width: calc(100% - 50%);float: left; color: #232F3B;position: relative;  }
	.thumb-slider { width: 50%; float: right;}	
	.slider-info .vertical { position: absolute;top: 20px;left: 110px;width: calc(100% - 150px);}
	.slider-info .vertical span {font-size: 18px;line-height: 25px;letter-spacing: 0.04em;text-transform: uppercase;color: #232F3B;}
	.slider-info .vertical .title {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 44px;line-height: 63px;letter-spacing: 0.01em;color: #008244;}
	
	.khoa { list-style:none; margin:0; padding:0; padding-left:30%; padding-bottom:30px;}	
  	.khoa li { float:left; padding:0 10px;}
	.khoa li a { border: 2px solid #008244;box-sizing: border-box;border-radius: 8px; color:#008244; display:block; padding:10px 30px;}
  	.khoa li a.active, .khoa li a:hover{ background:#008244; color:#fff}
  
	.pagination a { color:#212529; font-size:15px;}
	.pagination .active {color:#008244}
	
#home {}
	.about { background:#fafafa; padding:20px 0;}
	.about img { max-width:100%;}
	.aboutus { padding-top:20px;}
	.aboutus span { text-transform:uppercase; color:#232F3B; font-size:20px; font-style: normal;font-weight: normal;}
	.aboutus h1 {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 24px;line-height: 32px;text-transform: uppercase;color: #008244; padding:10px 0;}

	.readmore { color:#008244; font-size:18px; font-weight:bold; background:url(../images/arrow-right.png) no-repeat 90% 50%; display:block; width:150px;}
	
	.tabs .nav-link { font-family: 'Roboto Slab';font-style: normal;font-weight: normal;font-size: 20px;line-height: 26px;letter-spacing: 0.02em;text-transform: uppercase;color: #C4C4C4;}
	
	
	.newtabs { margin-bottom:20px; }
	.newtabs:first-child {padding-top:10px;}
	.newtabs img { width:100%}
	.newtabs a {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 15px;line-height: 22px;color: #232F3B;}
	.newtabs .date { background:url(../images/date2.png) no-repeat left center;  padding-left:25px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;  color: #9897A8; margin-bottom:0 !important;}
	.newtabs p {  margin-bottom:0 !important;}
	
	.viewall { background:#008244; text-align:center; border-radius:6px;  }
	.viewall a { color:#fff;  padding:17px; display:block; font-weight: bold;font-size: 18px;line-height: 23px; } 
	
	.sukienhot { padding-top:10px; padding-bottom:10px;}
	.sukienhot img { width:100%; padding-bottom:5px;}
	.sukienhot .name a{ font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 15px;line-height: 22px;color: #232F3B;}
	.sukienhot .date {background:url(../images/date2.png) no-repeat left center;  padding-left:25px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;  color: #9897A8; margin-bottom:0 !important;}
	.newhome  { background:#008244 url(../images/bg_newhome.png) no-repeat top center; padding-top:30px;}
	
	.newhome1 { padding-top:10px; text-align:center}
	.newhome1 p { text-transform:uppercase; font-weight: bold;font-size: 14px; line-height: 24px; color:#fff; }
	.newhome1 h3 { text-transform:uppercase; font-weight: bold;font-size: 20px; line-height: 26px; color:#FEF200; font-family:'Roboto Slab';font-style: normal;}
	.newhome1 img { max-width:100%; padding-top:50px;}
	
	.newhome2 h3 { text-transform:uppercase; font-weight: bold;font-size: 20px; line-height: 26px; color:#fff;  font-family:'Roboto Slab';font-style: normal; padding-top:10px;}
	.newhome2 ul { list-style:none; padding:0; margin:0;}
	.newhome2 ul li { padding:10px 0;}
	.newhome2 ul li a{ background:url(../images/bookmark-white.png) no-repeat left center; padding-left:25px; color:#fff; font-size: 15px;line-height: 22px;font-weight:normal}
	
	.newhome3 h3 { text-transform:uppercase; font-weight: bold;font-size: 20px; line-height: 26px; color:#fff;  font-family:'Roboto Slab';font-style: normal;  padding-top:10px;}
	.newhome3 .newlist a { color:#fff !important;}
	.newhome3 .newlist .date { color:#fff !important;}
	
	
	.boxnews { padding:30px 0;}
		.newhot { position: relative; border-radius: 5px;overflow: hidden; margin-top:10px;}
		.newhot .image{}
		.newhot .image img { width:100%; -webkit-transition: all .4s linear; transition: all .4s linear;}
		.newhot .des { position: absolute; bottom: 0;font-size: 16px; font-weight: bold;    background: rgba(35, 47, 59, 0.68); width: 100%;height: 100%; border-radius: 5px;}
		.newhot .des .info {bottom: 0;position: absolute;padding: 15px;color: #fff;line-height: 23px;}
		.newhot .des .info span { color:#FEF200; background:url(../images/star.png) no-repeat left center; padding-left:25px; text-transform:uppercase; font-size:14px; padding-top:3px;}
		.newhot .des .info h3 { font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;text-transform: uppercase; padding:15px 0;}
		.newhot .des .info p { font-family: Muli;font-style: normal;font-weight: normal;font-size: 16px;line-height: 20px;}
		.newhot .des .info .date { background:url(../images/date.png) no-repeat left center;  padding-left:25px; }
		
		.newlist { padding:10px 0;}
		.newlist .image { width:28%; float:left; }
		.newlist .image img { width:100%;}
		.newlist .des { width:68%; float:right;}
		.newlist .des .name {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 15px;line-height: 22px;color: #232F3B; }
		.newlist .des .date {  background:url(../images/date2.png) no-repeat left center;  padding-left:25px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;  color: #9897A8; margin-bottom:0 !important;}
		.newlist .des a { color:#232F3B}
		
		.newlistleft { padding:10px 0;}
		.newlistleft .image { width:28%; float:left; }
		.newlistleft .image img { width:100%;  border-radius:5px;}
		.newlistleft .des { width:68%; float:right;}
		.newlistleft .des .name {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 13px;line-height: 18px;color: #232F3B; margin-bottom:0;}
		.newlistleft .des .date {  background:url(../images/date2.png) no-repeat left center;  padding-left:25px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;  color: #9897A8; margin-bottom:0 !important;}
		.newlistleft .des a { color:#232F3B}
		
		.titlecate { font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 20px;line-height: 26px;letter-spacing: 0.02em;text-transform: uppercase;color: #008244; border-bottom:2px solid #F1F1F1; padding-bottom:10px; margin-bottom:10px; padding-top:15px;}
		
		.new2 { padding:8px 0; }
		.new2 a{ font-style: normal; font-weight: normal;font-size: 15px;line-height: 22px;color: #686868; padding-left:25px; background:url(../images/bookmark.png) no-repeat left center; }
	
	.partner { padding-top:30px; padding-bottom:10px;}
	.partner h3 { font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 20px;line-height: 26px;letter-spacing: 0.02em;text-transform: uppercase; color: #008244; text-align:center; }
	.partner img { max-width:100%; padding:10px 0;}
	
	.mail-sub { background:#fafafa; padding:15px 0;}
	.mail-sub h3 { font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 20px;line-height: 26px;letter-spacing: 0.02em;text-transform: uppercase; padding-top:15px;}
	.mail-sub p { font-family: 'Muli';font-style: normal;font-weight: bold; font-size: 12px;line-height: 24px;letter-spacing: 0.03em;text-transform: uppercase;color: #008244;}
	
	.dangky { position:relative; margin-top:15px;}
	.dangky input[type=text] {width: 96%;background: #E0E4E9;height: 56px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;font-size: 1.2em;padding-left: 15px; padding-right: 5px; font-size:14px; border-radius:5px; border:0;}
	.dangky input[type=submit] { background: #008244; border: 0; height:56px; color: #fff;position: absolute;right: 15px;top: 0;font-size: 14px; border-radius:5px; padding:0 25px; text-transform:uppercase}
	

	.tablinks span {font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;letter-spacing: 0.05em;text-transform: uppercase;color: #232F3B;}
	.tablinks p {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 16px;line-height: 26px;letter-spacing: 0.04em;text-transform: uppercase;color: #008244;}
	.tablinks1 { background:url(../images/icon-caodang.png) no-repeat left center;}
	.tablinks2 { background:url(../images/icon-trunghoc.png) no-repeat left center;}
	.tablinks3 { background:url(../images/icon-lienthong.png) no-repeat left center;}
	
	.newnew { width:100%; position: relative; margin:10px 0;}
	.newnew img { width:100%; border-radius: 10px;}
	.newnew .des {position: absolute; bottom: 0; font-size: 16px; background: linear-gradient(0deg, rgba(0, 130, 68, 0.8), rgba(0, 130, 68, 0.8));width: 100%;height: 100%; border-radius: 10px; text-align:center; overflow:hidden;}
	.newnew .des .info { padding-top:90%; position: absolute;  width: 100%; height:100%;-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; overflow:hidden;}
	.newnew .des .info:hover { -webkit-animation: flash 1.5s; animation: flash 1.5s; padding-top:10px}
	.newnew .des h3{ font-family: 'Roboto Slab'; font-style: normal;font-weight: bold;font-size: 20px;line-height: 26px;text-align: center;text-transform: uppercase;color: #FFFFFF; }
	.newnew .des p {font-style: normal; font-size: 18px;line-height: 23px; color: #FFFFFF; }
	.newnew  .read { color:#FEF200; background:url(../images/arrow-right-yell.png) no-repeat right center;  width:116px; display:block; margin:auto; }
	
	.infotitle {background: linear-gradient(0deg, rgba(0, 130, 68, 0.65), rgba(0, 130, 68, 0.48)); padding:40px 0;}		
	.infotitle a { color:#fff;}
	.infotitle h1 { color:#fff; font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 40px;line-height: 53px;letter-spacing: 0.01em;}
	
	.boxlist { padding:20px 0;}
	.item-list { margin:10px 0;}
	.item-list img { width:100%; padding-bottom:10px; border-radius:10px;}
	.item-list .name a{font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 16px;line-height: 22px; color: #232F3B;}
	.item-list .date {    background: url(../images/date2.png) no-repeat left center;padding-left: 25px;font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;color: #9897A8;margin-bottom: 0 !important;} 
	
	.trungtam { padding:20px 0;}
	.trungtam h3 { padding-bottom:10px; font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;}
	.trungtam p { margin-bottom:5px;}
	.trungtam a { color:#008243}
	.chitiet { padding-top:10px;}
	.chitiet a { font-weight:bold; background:url(../images/arrow-right.png) no-repeat right center; padding-right:30px;}
	
	.itemkhoa { padding-top:20px; padding-bottom:20px;}
	.itemkhoa img { padding-bottom:15px;  max-width:100%}
	.itemkhoa h3 { padding-bottom:10px; font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;}
	.itemkhoa p { margin-bottom:5px;}
	.itemkhoa a { color:#008243}
	
	.bangiamhieu { padding:20px 0;}
	.infobgh { padding-bottom:20px; padding-top:20px;}
	.infobgh img { padding-bottom:10px; max-width:100%}
	.infobgh h3 {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 16px;}
	.infobgh p { margin-bottom:5px;}
	.infobgh a {color:#008243}
	.chucdanh {color: #758A9E; font-size:16px;}
	.mxh { padding-top:5px;}
	.mxh img { margin-right:30px; max-width:100% !important}
	
	.boxleft { padding:10px 0;}
	.boxleft .banner img{ width:100%;}
	.boxleft  .title { ffont-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 18px;line-height: 24px;letter-spacing: 0.01em;color: #232F3B;}
	
	.cateleft { border:1px solid #F2F2F2; list-style: none; padding:0; margin:0;}
	.cateleft li { border-top:1px solid #F2F2F2}
	.cateleft li:first-child { border-top:none;}
	.cateleft a {font-family: 'Roboto Slab';font-style: normal;font-weight: bold;font-size: 16px;line-height: 24px;letter-spacing: 0.01em;color: #A4A9AF; display:block; padding:20px; border-right:3px solid #fff; }
	.cateleft a.active, .cateleft a:hover{border-right:3px solid #008243; color:#008243;  text-decoration:none}
	
	.cateleft li ul {  list-style: none; margin:0; padding:0;}
	.cateleft li ul li {  border-top: none; }
	.cateleft li:first-child {border-top:1px solid #F2F2F2}
	.cateleft li ul li a {font-family: 'Muli';font-style: normal; font-size: 16px;line-height: 24px;letter-spacing: 0.01em;color: #232F3B; display:block; padding:20px; border-right:3px solid #fff; font-weight:normal !important;}
	
	.cateleft li ul li a.active2,.cateleft li ul li a:hover { background: #F0FAF5 !important; border-right:0 !important; text-decoration:none; color:#008243}
	
	.contact input[type=text] { width:100%; background: #F8F9FB; border-radius: 4px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 14px;line-height: 24px; border:none; margin:10px 0; padding:15px;}
	.contact textarea { width:100%; background: #F8F9FB; border-radius: 4px; font-family: Muli;font-style: normal;font-weight: normal;font-size: 14px;line-height: 24px; border:none; margin:10px 0; padding:15px; height:150px;}
	
	.contact input[type=submit] { width:250px; background: linear-gradient(0deg, #008244, #008244);border-radius: 4px; font-family: Muli;font-style: normal;font-weight: bold;font-size: 18px;line-height: 23px; color:#fff; border:none; padding:20px;}
	
	.boxview h1 {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 22px;line-height: 32px;letter-spacing: 0.01em;color: #232F3B;}
	.boxview h2 {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 20px;line-height: 32px;letter-spacing: 0.01em;color: #232F3B;}
	.boxview h3 {font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 18px;line-height: 32px;letter-spacing: 0.01em;color: #232F3B;}
	.boxview img { max-width:100% !important; height:auto !important}
	.boxview .date { background: url(../images/dateview.png) no-repeat left center;padding-left: 25px;font-family: Muli;font-style: normal;font-weight: normal;font-size: 12px;line-height: 20px;color: #9897A8;margin-bottom: 0 !important; margin-bottom:20px !important;}
	.left { display:block}
			.tab2 {
			  overflow: hidden;			 
			}
			
			/* Style the buttons that are used to open the tab content */
			.tab2 button {
			  background-color: inherit;
			  float: left;
			  border: none;
			  outline: none;
			  cursor: pointer;
			  padding: 14px 16px;
			  transition: 0.3s;
			  border-bottom:3px solid #fff;
			}
			.tab2 button.active:after { background-color:#FEF200; content: ""; width: 38px;height: 3px;border-radius: 5px;position: absolute;left: 0;bottom: 0; margin-bottom:-3px;}
			
			/* Change background color of buttons on hover */
			.tab2 button:hover {
			   border-bottom:3px solid #008244;
			}
			
			/* Create an active/current tablink class */
			.tab2 button.active {
			  border-bottom:3px solid #008244;
			}
			
			/* Style the tab content */
			.tabcontent {
			  display: none;
			  padding-top:20px;				 
			}
			
			.linkhome { background:url(../images/arrow-left-yel.png) no-repeat left center; padding-left:15px; color: #FEF200; font-size:13px; padding-right:15px; border-right:1px solid #fff; margin-right:10px;}
			
			
			.boxhead { padding:15px 0;}
			.menulist {  background:#008244; margin-bottom:80px;}		
			.boxhead p { color:#fff; text-align:center; text-transform:uppercase; margin-bottom:6px;}
			.boxhead h1 { color:#fff; text-align:center; font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 40px;line-height: 53px;text-align: center;letter-spacing: 0.01em; padding-bottom:60px;}
			
			.titt { font-family: Roboto Slab;font-style: normal;font-weight: bold;font-size: 18px;line-height: 26px;letter-spacing: 0.01em;text-transform: uppercase;color: #008244; margin-top:30px;}
			.boxnganh { margin:0 -1%;}
			.item-nganh { width:48%; float:left; margin:1%; background: #F8F9FB; border-radius: 8px; padding:3%;}
			.item-nganh .img { width:20%; float:left; padding-top:6px;}
			.item-nganh .img  img{ max-width:100%;}
			.item-nganh .inffo { width:78%; float:right;}
			
			.item-nganh p { margin-bottom:5px;}
			
			.infoleft { background:#F8F9FB;border-radius: 4px; padding:15px;}
			.infoleft h3 { font-family: 'Muli';font-style: normal;font-weight: bold;font-size: 14px;line-height: 20px;letter-spacing: 0.01em;text-transform: uppercase;color: #008244;}
			.infoleft { font-family:'Muli'; font-style: normal;font-weight: normal;font-size: 16px;line-height: 20px;letter-spacing: 0.01em;color: #232F3B;}
			.infoleft .addr {  background:url(../images/address.png) no-repeat left center; padding-left:30px;}
			.infoleft .web {  background:url(../images/internet.png) no-repeat left center; padding-left:30px;}
			.infoleft .phone {  background:url(../images/phone.png) no-repeat left center; padding-left:30px;}
			.infoleft .mail {  background:url(../images/mail.png) no-repeat left center; padding-left:30px;}
	
#footer { background: #232F3B;  }
	.footer .title { text-transform:uppercase; padding:20px 0;color:#fff}
	.footer p{ font-size:13px; color:#fff}
	.footer h3 { color:#FEF200;font-size: 18px; line-height: 22px; font-family: 'Roboto Slab';}
	.footer ul { padding:0; margin:0; padding-left:15px;}
	.footer ul li { padding:10px 0;}
	.footer ul li a { color:#fff; font-size:13px;}
	.footer ul li a:hover { color:#A5B5C6}
	
.copyright { background: #1A222B; font-size: 13px; line-height: 22px; text-transform:uppercase; color:#fff; padding-top:20px; padding-bottom:1px}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	.header1 { background:url(../images/bghead.png) no-repeat; background-size:cover;padding: 10px 100px; display:none;}
	.slide { padding-bottom:18px; margin-top:0; margin-bottom:0;}
	.show-desktop { display:none;}
	.boxhead { display:none;}
	.left { display:none}
	.menulist { display:none}
	.khoa { list-style:none; margin:0; padding:0; padding-left:1%; padding-bottom:30px;}
	.khoa li { float:left; padding:0 10px;}
	.khoa li a { border: 2px solid #008244;box-sizing: border-box;border-radius: 8px; color:#008244; display:block; padding:10px 20px;}
  	.khoa li a.active, .khoa li a:hover{ background:#008244; color:#fff}
	
	.slider-info {width: calc(100% - 67%);float: left; box-sizing: border-box; background-color: #7d3915;box-shadow: inset 0 0 70px 0 rgba(0,0,0,0.3); color: white;position: relative;padding-bottom: 26.9%; }
	.thumb-slider { width: 100%; float: right;}	
	.slider-info .vertical { position: absolute;top: 70px;left: 110px;width: calc(100% - 150px);}
	.slider-info .vertical h2 {font-size: 26px;font-weight: 700;color: #fff;margin-bottom: 15px; line-height: 28px;}
	.slider-info .vertical p {font-size: 14px;line-height: 22px; max-height: 192px;overflow: hidden;margin-bottom: 30px;text-align: justify;}
	
	#header-mb { display: block; background: #4bb5ef; position:relative;}
	#header-pc { display: none;}
	.tophead { display:none;}
	
	.item-nganh { width:98%; float:left; margin:1%; background: #F8F9FB; border-radius: 8px; padding:3%;}
			.item-nganh .img { width:20%; float:left; padding-top:6px;}
			.item-nganh .img  img{ max-width:100%;}
			.item-nganh .inffo { width:78%; float:right;}
			
			.item-nganh p { margin-bottom:5px;}
	}