section#header .banner{padding: 28px 0;}
body{width: auto !important;}
.wrapper{max-width: 1200px;margin: 0 auto !important;}

.col-5{width: 20%;float:left;}
.col-5:nth-child(5n+1){clear:both}
.col-4{width: 25%;float:left;}
.col-4:nth-child(4n+1){clear:both}
.col-3{width:33.33%;float:left;}
.col-3:nth-child(3n+1){clear:both}
.col-2{width:50%;float:left;}
.col-2:nth-child(2n+1){clear:both}

.pd-20{padding: 0px 20px;}
.mg-20{margin-left: -20px;margin-right: -20px;}
.pd-15{padding: 0px 15px;}
.mg-15{margin-left: -15px;margin-right: -15px;}
.pd-10{padding: 0px 10px;}
.mg-10{margin-left: -10px;margin-right: -10px;}
.pd-5{padding: 0px 5px;}
.mg-5{margin-left: -5px; margin-right: -5px;}
.pd-0{padding: 0px 0px;}
.mg-0{margin-left: -0px;margin-right: -0px;margin-bottom:  0px !important;}

@media(min-width:1080px){
.fix_header section#menu_top ul#nav >li >a{padding: 10px 14px !important;}
}

@media(max-width:1079px){
section#menu_top ul#nav >li >a{padding: 31px 13px!important;    font-size: 13px;}
.fix_header section#menu_top ul#nav >li >a{padding: 10px 13px!important ;}
.logo{padding-left:0px !important }
.banner .tit{font-size: 40px;}
}


@media (max-width:1200px){

.clear-fix{padding:0 15px}

.col-5{width: 20%;float:left;}
.col-5:nth-child(5n+1){clear:both}
.col-4{width: 25%;float:left;}
.col-4:nth-child(4n+1){clear:both}
.col-3{width:33.33%;float:left;}
.col-3:nth-child(3n+1){clear:both}
.col-2{width:50%;float:left;}
.col-2:nth-child(2n+1){clear:both}
}
@media (max-width:991px){
	.bg1, .bg2{background:none !important}
	.fun-top{padding-right: 50px}


}

@media (max-width:768px){
	.bg_link_page{
		height: 100px !important;
	}
	.bannerMain{height: auto;}
.box-gioithieu .owl-prev{left: -20px}
.box-gioithieu .owl-next{right: -20px}
.banner .tit{font-size: 30px;}

	.box-flex{flex-flow: column !important;}
.box-ngonngu a{font-size: 12px }

	.pd-top{padding:0px !important}
	.title-footer{display: none}
	.follow{float: none;
    text-align: center;}
	.address-company,.bd-ft{text-align: center}
	section.box-gioithieu .tieude_gt{font-size:25px}
	.banner .desc{top:0%}
	.bg-gt{width: 100% !important}
	.title-id,.title-dm{font-size: 22px}
	.mota-lk,.mota-dm{font-size: 14px}
	#menu_hd{display: none}
	.col-5{width: 33.33%;}
	.col-5:nth-child(4n+1){clear:none}
	.col-5:nth-child(3n+1){clear:both}

	.col-4{width:33.3%;}
	.col-4:nth-child(4n+1){clear:none}
	.col-4:nth-child(3n+1){clear:both}
	
	.col-3{width:33.33%;}
	.col-3:nth-child(3n+1){clear:both}
	.col-2{width:50%;}
	.col-2:nth-child(2n+1){clear:both}
	
}
@media (max-width:600px){
	.banner .desc:before,.banner .desc:after{width:200px !important}
.banner .tit{font-size:30px}
.banner .desc p{font-size:14px}
	#box-input-info-search{width: 100% !important;bottom:  0px !important;top: auto !important;position: relative !important;margin-bottom:  50px !important;}
	.col-4{width:100%;}
	.col-4:nth-child(3n+1){clear:none}
	.col-4:nth-child(2n+1){clear:both}
	.col-5{width:50%;}
	.col-5:nth-child(3n+1){clear:none}
	.col-5:nth-child(2n+1){clear:both}
	.col-3{width:50%;}
	.col-3:nth-child(3n+1){clear:none}
	.col-3:nth-child(2n+1){clear:both}
	.col-2{width:50%;}
	.col-2:nth-child(2n+1){clear:both}

}
@media (max-width:480px){
.search{right:-100px;}
.logo {
    width: 100px;
    padding:5px 0 !important;
}
.box-ngonngu{padding:35px 25px 35px 9px;    background: url(../images/sp/icc.png) no-repeat 80px; }
.fix_header .box-ngonngu{padding:15px 25px 14px 9px !important}
.box-id,.pd-mobile{padding: 0 15px;}
.mg-20,.mg-15,.mg-10,.mg-5{margin:0px !important}
.clear-fix{padding:0px !important}
}
@media (max-width:400px){

}

/* /end col product/ */

@media(max-width:1348px){

}
@media (max-width:1200px){

.imgvs{float: left!important;}
.nd_vs{float: right !important}
.item_visao{position: relative !important;left: auto !important;bottom: auto !important;top: auto !important;right: auto !important;width:  50%;float:  left;}

.bd_gt{border-radius: 0px !important}
.content_gioithieu{border-radius: 0px !important;padding-bottom: 0px !important;padding-bottom: 0px !important;}
.ab_gioithieu{position: relative !important;padding-top: 10px;padding-left: 10px;padding-right: 10px;text-align: left;}
.bv_gioithieu p:nth-child(1){margin-top:0px !important;left:0px !important;margin-bottom: 15px !important;}
.bv_gioithieu p:nth-child(2){margin-bottom:15px !important;left:0px !important;}
.bv_gioithieu p:nth-child(3){margin-bottom:15px !important;left:0px !important;}
.bv_gioithieu p:nth-child(4){margin-bottom:15px !important;left:0px !important;}
.bv_gioithieu p:nth-child(5){left:0px !important;padding-bottom: 15px !important;}
}

@media (max-width:991px){
.img-gioithieu .gt-1,.img-gioithieu .gt-2{position:relative;display:inline-block;left:0px;top:0px;text-align:  center;}
.jqueryslidemenu ul {display: none !important}
.menu_rp{  display: block;
    position: fixed;
    top: 21px !important;
    right: 5px !important;
    left: auto !important;
    z-index: 99;
    padding: 3px 15px;
    width: auto !important;    transition: all ease 0.5s;
    }
   .box-search{padding:31px 10px}
   .fix_header .box-search {
    padding: 10px!important;
}
.fix_header .menu_rp{ top: 3px !important;}

section#menu_top .menu_t ul#nav >li >a{display:none !important;    transition: all ease 0.5s;}

.main-left{width:100% !important;}
.main-right{display:none !important}
#menu_hd ul li a{padding:0px}
#menu_hd ul li{width:100%}
.none_this{display:none !important}
.logo{    height: auto !important;
    text-align: center;
    display: inline-block;
    margin: 0px;}
.logo img{position:relative !important;top: auto !important;display:  inline-block;}
.abslider{display:none}
.img_gioithieu{display:none}
section#menu_top .menu_t ul#nav >li >a{font-size:13px;padding: 8px 24px!important;}
.tieude_gt h3{font-size:30px !important}
h3.tieude_sl span{font-size:20px !important}
.fix_header .logo img{}
}
@media (max-width:600px){
.fix-col{padding:0px !important}
.item_visao{width: 100% !important}
.col-dm {
-webkit-column-count: 3;
-moz-column-count:3;
column-count: 3;
}

.slider_left{width: 70%;float:left;padding: 10px;}
.slider_right{width: 30%;float: left;padding: 10px 0;}
}
@media (max-width:768px){
.tieude_sl, .ten-dv a,.tieude h3{font-size:20px !important}
.product-dv{margin:10px 0}

.ten-dv a:after,.ten-dv a:before,.menu_footer{display:none !important}
.khungdk{width:100% !important}
.box-list ul li,.box_tab ul li,.box_tab ul li a{width:100% !important;margin-bottom:5px;    transform: skew(0deg) !important}

	.footer{padding-bottom:40px}
	.khungtk{width:100%}
	.nd-cs{width: 100%;}
.hover-cs{display: none}
h3.tieude{font-size: 17px !important;}
.img_quangcao{display: none !important}
.box_slidershow{width: 100% !important;padding-right: 0px !important}
.call{display: block !important}
.full_hd{display: none !important}
h3.tieude span{font-size:28px}
.title_linhvuc p:nth-child(1) a{font-size:12px !important}
.title_linhvuc p:nth-child(2){font-size:12px !important}
.mota_giothieu{font-size:13px}
.tieude_gt h3, .title_gioithieu,.ft-1 .ft1{font-size: 19px;line-height:27px;}


.full_gioithieu{margin-top:15px !important}
.title-hd-left{display:none !important}
#box_datlich{padding:10px !important}
.col-ab-left{display:none}
.col-ab-right{width:100% !important}
.fix_header .logo img{}
#menu_top{padding:0px !important}
.bg_menu{}
.doitac_left{display: none}
.menu_bot ul li a{padding: 7px 0;text-align: left;font-size: 12px;}
.menu_bot ul li{width: 50% !important;float: left;text-align: left;}
.col-full{width: 100% !important}
.slider_left{width: 100% !important;}
.slider_right{display: none !important}}

@media (max-width:480px){
.mxht{width:100%;text-align:center}
	.fix_img{padding: 0px !important}
.box_linhvuc{width:100% !important}
.ab_video{width:100% !important}
.row{margin:0px !important;}
.content-news-hot,.content-news-other{display:none}
}
@media (max-width:400px){
.col-5,.col-3,.col-2{width:100% !important;}
}

.scroll1{background:#ed3237}
.scroll2{background:#06154a}