@font-face{font-family:SFU;src:url(font/sfu-avantgardeitcbybt-book.otf);font-weight:400;font-style: normal;}
body{font-family:"Roboto",Arial,Helvetica,sans-serif;}

.h2 a:hover,.h2 .act,.bacot h2 a:hover{color:#2f2f2f!important;}
.uldmtl li:hover a{color:#FFF!important;}
.clear{clear:both;}
.box01 img,#boxdesign img,#boxquytrinh img,#boxduan img,#box_content img,.boxsp_img img{max-width:100%;}
.zoomWrapperImage img{width:auto!important;max-width:none!important;}
.div1 img{width:100%;}
.contentindex{width: 90%!important;margin-left:auto!important;margin-right:auto!important;position:relative;float:none!important;box-sizing:border-box;}
.canhgiua{text-align:center!important;}
.canhtrai{text-align:left!important;}
.displaynone{display:none;}
.displayblock{display:block!important;}
.nopadding{padding:0px!important;}
.nomargin{margin:0px!important;}
.marbot10{margin-bottom:10px;}
.martop10{margin-top:10px;}
.marbot5{margin-bottom:5px;}
.martop5{margin-top:5px;}
.hoa{text-transform:uppercase;}
.w50per{width:50%!important;}
.w100per{width:100%!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.fs22{font-size:22px!important;}
.fs24{font-size:24px!important;}
.fs26{font-size:26px!important;}
.fs28{font-size:28px!important;}
.fs30{font-size:30px!important;}
.fw700{font-weight:700!important;}
.fw600{font-weight:600!important;}
.fw500{font-weight:500!important;}
.fw300{font-weight:300!important;}
.fitalic{font-style:italic;}
.cw{color:#373c40!important;}
.cwhite{color:#FFF!important;}
.cb{color:#000!important;}
.padtop12{padding-top:12px!important;}
.fl{float:left;}

#boxquytrinh .haicot{min-height:355px;border-radius: 3px;margin:10px;position: relative;}
.lihome{padding:13px!important;height:46px!important;background:#fff;}
.hc1,.hc2{padding-bottom:5px;margin:auto;}
.danhgia{margin:10px;}
#boxduan .bacot{min-height:400px;}
.muangay{visibility:hidden;}
#boxduan .bacot,.bacot{margin:10px;background: #fff;box-shadow:0px 0px 5px rgb(0 0 0 / 10%) !important;}
#boxduan .bacot:hover .muangay,.bacot:hover .muangay{visibility:visible;}
#boxduan .bacot:hover,.bacot:hover{background: #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,-0.7)!important}
.is-croll{top:0;left:0;z-index:9999;}
.cartnum{display:inline-block;text-align:center;line-height:15px;border-radius:50%;width:14px;height:14px;font-size:.8rem;position:absolute;top:-4px;right:-4px;background:#1bd33f;color:#FFF}
.gio_hang,.tim_kiem{position:relative;font-size:16px}
.tim_kiem{margin:0 30px;float:left;padding-top:20px;}
.search{border:1px solid #CCC;background:#FFF;min-height:30px}
.inputtext{border:0 none;padding:6px 5px 5px;width:100px;color:#BAB6B6;font-size:11px;-moz-box-flex:1;background:none repeat scroll 0 0 #FFF;border:medium none;width:90%;border:1px solid #ccc;border-bottom:none;border-left:none}
.ics{padding-left:8px;padding-top:5px}
.chongiachitiet{border:2px solid #e42127;background:url(../image/icon-check.png) right bottom no-repeat #f7f7f7!important;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:14px;}
.chongiachitiet0{border:1px solid #e7e7e7;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:14px;}

/* full hd */
@media(max-width:1920px){
	.contentindex, .contentcourse, .contentcate{max-width:1600px!important;}
}
/*hd+*/
@media(max-width:1600px){
	.contentindex, .contentcourse, .contentcate{max-width:1368px!important;}
}
/* hd*/
@media(max-width:1368px){
	.contentindex, .contentcourse, .contentcate{max-width:1170px!important;}
}
@media(max-width:820px){
	.contentindex, .contentcourse, .contentcate{width:100%!important;padding-left:15px;padding-right:15px;}
}


/*col-lg */
@media(min-width:1200px){
	
}
@media(max-width:1360px){
	body,#wrapper{width:100%!important;}
}
/*col-lg */
@media(min-width:1000px)AND (max-width:1300px){
	
}
/*col-md */
@media(min-width:992px)AND (max-width:1199px){
	.clear4colum{clear:left;}
	.clear-col-md{clear:left;}
	
}
/*col-sm */
@media(min-width:820px)AND (max-width:991px){
	.clear3colum{clear:left;}
	.clear-col-sm{clear:left;}	
}
/*col-sm */
@media(min-width:768px)AND (max-width:819px){
	.clear3colum{clear:left;}
	.clear-col-sm{clear:left;}
	.bacot .sp1{min-height:166px;}
}
/*col-xs */
@media(min-width:500px) AND (max-width:767px){
	.clear2colum{clear:left;}
	.clear-col-xs{clear:left;}
}

@media(max-width:1280px){
	.slick-slide img{min-height:440px;}
	.service{height:147px;}
}

@media(max-width:1024px){
	.mautin{font-size:21px;margin:20px 0px 10px 0px;}
	.mautin2{font-size:19px;margin:20px 0px 10px 0px;}
	.mautin3{font-size:20px;margin:20px 0px 10px 0px;}
	#search,.iconhotline,.icongiohang{margin-left:20px;}
	
	.service{height:153px;}
	.col-lg-2{width:16.666667%;}
	.col-lg-8{width:66.50%;}
	.uldmtl li{padding:10px;}
	.slick-slide img{min-height:460px;}
	#menu ul{width:auto;}
	#search input.inputtext{width:230px;}
	.submenu{width:100%;}
	#menu ul a{font-size:13px;}
	#menu li{list-style:none;margin-left:5px;}
	.service_index{display:none;}
}
@media(max-width:992px){
	.hidden-md-down{display: none!important;}
	.col-lg-8{width:100%;}
	.slick-slide img{min-height:auto;}
	#news-content img{height:auto;}
}

@media(min-width:1024px) and (max-width:1284px){

}
@media(min-width:769px) and (max-width:990px){

}
@media(max-width:768px){
	#header{display:none;}
	#headermobile{display:block;}
	#boxslide,#slide,slider-wrapper,.theme-default .nivoSlider{width:100%!important;}
	.theme-default .nivoSlider img{max-width:100%!important;padding:0px;}
	.h2a,.h2b{font-size:24px;}
	.fb_iframe_widget,.fb_iframe_widget span{width:100%;}
	.bacot .div1{max-height:none;overflow:auto;}
	.intro{padding:5px 15px;}
	.new{text-align:center!important;}
	#img_cover .img_fit{float: none !important;width: 100%;height: 280px;}
	.related-news-item img{height: 80px !important;}
	#news-content img{height:auto;}
	#left_detail{float: left;width:100%;padding:0px;}
	#right_detail{float: left;width:100%;}
	#line_box{padding:0px 20px;}
	#box_content .boxsp_img{margin-bottom:20px;}
	#boxduan .bacot, .bacot{width:50%;margin: 0px;border: 1px solid #f7f7f7;}
	.giagocgiam{font-size:12px;padding: 10px 10px 0px 0px;width:100%;text-align: center;display: none;}
	.giagoc{font-size:14px;width:100%;}
	.giagiam{font-size:14px;width:100%;text-align: center;}
	.bacot h2 a.m2{font-size:14px;}
	.giagoc-bc{font-size:14px;}
	.giagocgiam-bc{font-size:14px;}
	.giagiam-bc{font-size:14px;}
	#boxduan .bacot{min-height:350px;}
	.bacot .div1{border-bottom:0px;}
	.muangay button {display: none;}
	.muangay button {display: none;}
	#rightlinebox .article-item .content-column{width: 100%;}
	#rightlinebox{max-width: 100%;}
	.review-content{display: block;}
	#line_box{padding:0px;}
	#rightlinebox .article-item .image-column{width:50%;}
	#rightlinebox .article-item .image-column img{height: 100px !important;}
	#line_box .mota_sp{padding:15px;}
	.review-box-2{padding:15px;margin:0px;}
	#line_box h2{font-size:18px;}
	#box_content .spnew{margin:0px;}
	#rightlienhe .box_lh{width:100%;float: left;}
	#rightlienhe .avatar_lh{width:40%;float: left;}
	#rightlienhe .text{width: 55%;float: left;margin: 20px 0px 0px;font-weight: 700;}
	#rightlienhe .butlh{width:50%;float: left;margin: 10px;border-radius: 5px;}
	.ulcate li{width:50%!important;text-transform: none;}
	.boxsp_230 .act{background:none;}
	.ModuleContent{margin-top:20px;}

@media(max-width:736px){
	#boxquytrinh,#boxdesign,#boxquytrinh,#boxproduce,#boxduan, .cs-block,#box_content .boxsp_01{height:auto;min-height:auto;}
	#boxquytrinh .bacot,#boxduan  .bacot,.bacot{margin-bottom:0px;min-height: 350px;}
	.bacot .sp1{min-height:auto;}
		#left_detail{float: left;width:100%;padding:0px;}
	#right_detail{float: left;width:100%;}
}
@media(max-width:667px){
	.logomobile{}
	.cot2-sp{width:100%;}
	.cot1-sp{width:100%;}
	#leftlinebox{width:100%;}
	.dhn{width:100%!important;}
	.boxReview .userinfo{width:100px;padding:0px 5px;}
	.boxReview .information{padding-right:0px;}
	.boxReview .images .image{max-width:100px;}
		#news-content img{height:auto;}
}
@media(max-width:568px){
	#columnright{display:none;}
	.divf1{margin-left:0px!important;padding:0px 15px!important;}
	.itemcartbot .btn{margin-top:10px;}
}
@media(max-width:500px){
	
}
@media(max-width:480px){
	
}
@media(max-width:440px){
	
}
@media(max-width:414px){
	
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	#boxslide{display:none;}
	
}