/* CSS Document */
@media handheld, only screen and (max-width: 1550px) {
	.item-proj-home1
	{
		width:600px;
		height:auto;
	}
	.item-proj-home2
	{
		width:300px;
	}
	.item-proj-home3
	{
		width:360px;
		left:-20px;
		top:120px;
	}
}
@media handheld, only screen and (max-width: 1500px) {
	
	.btn-prev-slide-home
	{
		right:20px;
	}
	.btn-next-slide-home
	{
		left:20px;
	}
	.menu li a
	{
		
	}
	.list-his
	{
		width:100%
	}
	
	
}
@media handheld, only screen and (max-width: 1439px) {
	.item-proj-home3 {
		width: 300px;
		left: -87px;
		top: 120px;
	}
	.next-ser1 {
       left: 36%;
	}
	.prev-ser1 {
       left: 40%;
	}
	.menu > li > a {
		font-size: 13px;
	}
	.item-giatri
	{
		width:100%;
		line-height:24px;
	}
}
@media handheld, only screen and (max-width: 1399px) {
	
	.list-view2 .item-filter
	{
		width:100%;
	}
	.menu li a
	{
		padding:0 10px;	
	}
	.item-proj
	{
		width:1120px !important;
	}
	.line-duan-home
	{
		padding-top:40px;
		padding-bottom:40px;
	}
	.swiper-container-cathome .swiper-container
	{
		max-width:1400px;
	}
	.swiper-slide-item-cathome
	{
		width:500px;
	}
	.name-item-cathome
	{
		padding:20px 15px;
	}
	.swiper-container-service-home .swiper-slide
	{
		width:300px;
	}
	.intro-item-service-home
	{
		font-size:12px;
		line-height:normal;
	}
	.name-item-service-home .inner-name-item-service h3
	{
		font-size:16px;
		line-height:normal;
		margin-bottom:5px;
	}
	.container-cathome
	{
		min-height:340px;
	}
	
}
@media handheld, only screen and (max-width: 1319px) 
{
}
@media handheld, only screen and (max-width: 1350px) {
	.swiper-slide-ser-2 {
		width: 35% !important;
	}
	.next-slide-ser2
	{
		left:34%;
	}
	.box-intro-ser-2
	{
		height:auto;
		padding:20px;
	}
	
	
}
@media handheld, only screen and (max-width: 1220px) {
	
	
}
@media handheld, only screen and (max-width: 1199px) {
	.header
   {
	   display:none;
   }
   .header-m
   {
	   display:block;
   }
   .main-nav
   {
	   display:none;
   }
   .panel-footer a.btn-hide-pc
	{
		display: inline-block;
	}
	.panel-footer a.btn-hide-pad
	{
		display: none;
	}
	.item-page .col-page .inner-page-col
	{
		padding:0;
	}
	.crumb a:first-child
	{
		padding-left:0;
	}
	.wc
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	.why
   {
   }
	.item-w
   {
	   padding-top:15px;
	   padding-bottom:15px;
   }
   .item-w img
   {
	   
   }
   .item-w .intro-w
   {
	
   }
   .item-w .content-w
   {
	
   }
   .item-w .content-w > div
   {
	   
   }
   .item-w .title-w
   {
   }
   .crumb
   {
	   border-top:solid 1px #d7d7d7
   }
   .pos-sticky
   {
	
   }
   
   .prev-ser1
   {
	   left:inherit;
	   right:20px;
   }
   .next-ser1 {
		left: inherit;
		right: 70px;
	}
	
	.item-proj-home1 {
		width: 550px;
		position: absolute;
		left: 0;
		top: -200px;
		overflow: hidden;
	}
	.item-proj-home2 {
		width: 250px;
	}
	.item-proj-home3 {
    width: 260px;
	}
	.item-service
	{
		margin-bottom:30px
	}
.item-service .img-ser {
    width: 100%;
    position: relative;
    right: inherit;
    top: inherit;
}
.content-item-service {
    padding: 25px 20px;
    width: 100%;
}
.inner-item-service {
    background-color: #f1f2f2;
    margin-right:0px;
    margin-top: 0px;
}
.link-detail-service{
	display:none
}
.item-proj
{
	width:940px !important
}
.button-next-news-home
{
	left:10px;
}
.button-prev-news-home
{
	right:10px;
}
.button-prev-service
{
	bottom:-20px;
}
.button-next-service
{
	bottom:-20px;
}
.button-next-baotri-home
{
	left:10px;	
}
.button-prev-baotri-home
{
	right:10px;	
}
.content-item-service
{
	position:static;
	margin-top:0
}
.box-col
{
	display:none
}
.box-menu-left
{
	display:none
}
.btn-add-detail
{
	margin-bottom:10px;
}
.content-item-cat-khoahoc
{
	top:40px;
	padding:20px;
	padding-left:110px;
}
.item-cat-khoahoc .flex-row-reverse .content-item-cat-khoahoc
{
	padding-left:20px;
	padding-right:110px;
}
	   
}
@media handheld, only screen and (max-width: 992px) {
   .title-detail-pro
   {
	   margin-top:20px;
   }
   .pos-sticky
   {
	   position:static;
	   margin-bottom:20px;
   }
   .info-detail
   {
	   padding-top:0;
	   padding-bottom:0;
   }
   .top-proDetail
   {
	   padding-top:15px;
	   padding-bottom:15px;
   }
   .wc
   {
	   padding-bottom:0;
	   padding-top:30px;
   }
   
   
   .col-small
   {
	   display:none;
   }
	.panel-top
	{
		padding-left:0;
	}
	.frm-reg
	{
		width:100%;
	}
	.btn-prev-slide-home
	{
		right:10px;
		z-index:99;
	}
	.btn-next-slide-home
	{
		left:10px;
		z-index:99;
	}
	.title-home
	{
		font-size:24px;
	}
	.item-trust
	{
		margin-bottom:20px;
	}
	.topmenu
	{
		display:none
	}
	.item-preview-6
	{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.item-preview-5
	{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.item-preview-4
	{
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.item-preview-3
	{
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
	.item-preview-2
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.item-preview-1
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.mnu-footer
	{
		display:none;
	}
	.title-item-content-footer
	{
		display:inline-block;
		float:left;
		padding-right:5px;
	}
	.intro-his
	{
		padding:0;
		margin-top:15px;
	}
	.list-his .item-his:nth-child(2n) .content-hist .intro-his
	{
		padding:0;
	}
	.item-page .col-page
	{
		width:100%;
		margin-bottom:15px;
	}
	.list-view2 .item-filter
	{
		width:50%;
	}
	.col-xs-15
	{
		width:33.3333%
	}
	.item-w img
	{
		width:auto
	}
	.view-all-cat
	{
		display:block;
	}
	.col-cat ul
	{
		display:none;
	}
	.col-pro-home-pad
	{
		border-left:solid 1px #d7d7d7
	}
	.content-poster-home
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.title-box-content-home
	{
		font-size:32px;
	}
	
	.box-slide-des
	{

	}
	.box-slide-mobile
	{
		display:block;
	}
	.xxx-btn
	{
		position:static;
		margin-top:15px;
	}
	.btn-add-detail2
	{
		margin-bottom:10px;
	}
	.logo-footer
	{
		margin-bottom:15px;
	}
	.content-footer
	{
		margin-bottom:15px;
	}
	.wc::before {
		bottom:0
	}
	.why
	{
		
	}
	.sl-ser1
	{
		position:static;
		width:100%;
	}
	.intro-ser-2
	{
		min-height:inherit;
		margin-bottom:20px;
	}
	.box-intro-ser-2
	{
		position:static;
		width:100%;
	}
	.swiper-slide-ser-2
	{
		width:100% !important
	}
	.next-slide-ser2 {
		left: 95%;
	}
	.swiper-slide-ser-1 {
		width: 33.33333% !important;
	}
	.line-service-home-1
	{
		min-height:inherit;
		padding-bottom:40px;
	}
	.line-service-home-1::before {
		display: none
	}
	.next-ser1 {
		left: -10px;
		right:inherit;
		top:50%;
		margin-top:-24px;
		bottom:inherit;
		display:none
	}
	.prev-ser1 {
		right: -10px;
		left:inherit;
		top:50%;
		margin-top:-24px;
		bottom:inherit;
		display:none
	}
	.item-proj-home1
	{
		position:static;
		width:100%;
		margin-top:20px;
	}
	.item-proj-home2
	{
		position:static;
		width:100%;
		margin-top:20px;
	}
	.item-proj-home3
	{
		position: relative;
		width:100%;
		left:inherit;
		top:inherit;
	}
	.item-proj-home
	{
		margin-bottom:20px;
	}
	.name-item-proj-home
	{
		visibility:visible;
		transform: scale(1);
	}
	.subtab li a
	{
		margin-bottom:10px;
	}
	.tab-home
	{
		display:none;
	}
	.inner-item-proj
	{
		width:100%;
	}
	.item-proj.swiper-slide-active .info-item-proj
	{
		left:50%;
	}
	.img-wc
	{
		margin-bottom:0px;
		margin-top:20px;
	}
	.button-next-service
	{
		display:none;
	}
	.button-prev-service
	{
		display:none;
	}
	.media-detail-name
	{
		margin-top:15px;
	}
	.intro-item-baotri-home
	{
		display:none
	}
	.img-item-proj
	{
		margin-bottom:20px;
	}
	.why-page
	{
		width:100%;
	}
	.content-item-cat-khoahoc
	{
		position:inherit;
		padding:20px;
		width:100%;
		top:0;
	}
	.item-cat-khoahoc
	{
		margin-bottom:20px;
	}
	.page-one-bg
	{
		background-image:none
	}
	.inner-col-right
	{
		padding-left:0;
	}
	.panel-m
	{
		
	}
	.name-item-cathome1
	{
		font-size:20px;
	}
	.intro-item-cathome1
	{
		font-size:14px;
		margin-top:10px;
	}
	.item-cathome1-0
	{
		padding-top:10px;
		padding-bottom:10px;
	}
	.item-cathome1-1
	{
		padding-top:10px;
		padding-bottom:10px;
	}
	.item-cathome1-0 .content-item-cathome1
	{
		padding-left:15px;
	}
	.item-cathome1-1 .content-item-cathome1
	{
		padding-right:15px;
	}
	.item-cathome1 .link-viewmore
	{
		display:none
	}
	.item-w
	{
		margin-bottom:15px;
	}
}
@media handheld, only screen and (max-width: 768px) {
	.left-trust
	{
		padding-bottom:20px;
	}
	.content-footer
	{
		padding-bottom:20px;
	}
	.call-icon,.email-icon
	{
		margin-bottom:10px;
	}
	.kq1
	{
		margin-bottom:10px;
	}
	.frm-reg
	{
		width:100%;
	}
	.hide-on-tab
	{
		display:none
	}
	.timeline > li
	{
		padding-left:50px;
	}
	.timeline > li:after
	{
		left:0;
		width:40px;
		
	}
	.line-home
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	.page-one
	{
		padding-top:30px !important
	}
	.item-preview-6
	{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.item-preview-5
	{
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.item-preview-4
	{
		-ms-flex: 0 0  33.333%;
		flex: 0 0  33.333%;
		max-width:  33.333%;
	}
	.item-preview-3
	{
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
	.item-preview-2
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.item-preview-1
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.title-hist
	{
		font-size:14px;
	}
	.title-hist
	{
		padding-right:90px;
	}
	.list-his .item-his:nth-child(2n) .content-hist .title-hist
	{
		padding-left:90px;
	}
	.col-xs-15
	{
		width:50%
	}
	.swiper-slide-ser-1 {
		width: 50% !important;
	}
	.item-giatri
	{
		margin-bottom:15px;
	}
	.item-proj.swiper-slide-active .info-item-proj
	{
		bottom:20px;
		left:50%;
		margin-left:-205px;
	}
	.intro-item-service-home
	{
		display:none
	}
	.button-next-ye
	{
		display:none;
	}
	.button-prev-ye
	{
		display:none
	}
	.content-hist-xxxx
	{
		width:100%;
	}
	.item-box-content-top
	{
		margin-bottom:15px;
	}
	.intro-box-cathome
	{
		width:100%;
		margin-bottom:15px;
	}
	.item-cathome1-0 .content-item-cathome1
	{
		padding-left:0;
		padding-top:20px;
	}
	.item-cathome1-1 .content-item-cathome1
	{
		padding-right:0;
		padding-top:20px;
		text-align:left;
	}
	.item-cathome1-1 .content-item-cathome1 .line
	{
		float: none;
	}
	
	.title-footer
	{
		margin-top:20px;
	}
	.footer
	{
		padding-top:10px;
	}
	.img-item-cat-ser
	{
		width:200px;
		height:200px;
	}
	
	.content-detail .temp-numo-slidehow{
		max-width: 100% !important;
		margin: 0 auto;	
	}	
	
}
@media handheld, only screen and (max-width: 570px) {
	.hide-on-mobile
	{
		display:none;
	}
	.frm-reg
	{
		width:100%;
	}
	.panel-footer
	{
		padding:0;
	}
	.panel-footer a
	{
	
		text-align:center;
		font-weight:normal;
		width:25%;
		float:left;
		font-size:12px;
		line-height:normal;
		border-right:solid 1px #fff;
		padding:5px 20px;
}
	.panel-footer span
	{
		display:block;
	}
	.panel-footer i.fa
	{
		font-size:20px;
	}
	.item-preview-6
	{
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.item-preview-5
	{
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	.item-preview-4
	{
		-ms-flex: 0 0  33.333%;
		flex: 0 0  33.333%;
		max-width:  33.333%;
	}
	.item-preview-3
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.item-preview-2
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.item-preview-1
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.item-preview-list
	{
		width:100% !important;
	}
	.item-preview-list img
	{
	}
	.box-menu
	{
		width:100%;
		margin-bottom:15px;
		display:none
	}
	.item-w
	{
	}
	.item-news-top1
	{
		margin-bottom:20px;
	}
	.trust-pro .item-trust-pro
	{
		margin-bottom:10px;
	}
	.title-detail-pro
	{
		margin-top:15px;
	}
	.next-slide-ser2
	{
		display:none
	}
	.box-fix
	{
		width:100%;
		height:66px;
		bottom:0;
		left:0;
		text-align:center;
		top:inherit;
		-webkit-border-radius: 0;
        border-radius: 0;
		background-color:#FFF;
		border:none;
		z-index:99999999;
	}
	.box-fix a
	{
		width:20%;
		float:left;
		border-right:solid 1px #d7d7d7;
	}
	.box-fix a:last-child
	{
		border-right:none;
	}
	.btgrid .col
	{
		width:100%;
		flex:auto
	}
	.panel-m
	{
		
	}
}
@media handheld, only screen and (max-width: 540px) {
	
}
@media handheld, only screen and (max-width: 480px) {
	.panel-m
	{
		
	}
}
@media handheld, only screen and (max-width: 420px) {
.link-top
{
	font-size:14px;
}
}
@media handheld, only screen and (max-width: 360px) {
}