.linhvuc{font-weight:normal}
.btn-blue{margin:0}
	.bg-next{margin:0 10px}
@media (max-width: 1080px) {
	.container-web{max-width:100%;padding:0 10px}
	.horizontalMenu-list li a{padding:0 5px}
	.box-1{padding:0 5px}
	.box-noidung{padding:0 10px}
	.fixed-sub{position:fixed;top:9px;right:5px}
	.fixed-sub #bnt-login, .fixed-sub #bnt-logout{border:1px solid #fff!important;padding:2px 5px!important;}
	.div-header{z-index:1001}
    .row-left {width:100%;padding-right:0}
	.row-right{width:100%}
}

@media (max-width: 991px) {
	.div-logo-qms img {top: 8px!important;left: 8px!important;width: 80px!important;}
	.ma_khachhang {margin-bottom:16px!important;font-size:14px!important}
	.diachi_khachhang{font-size:16px!important}
	
	.ten_khachhang {font-size:24px!important;top:27px!important}
	.tin-dn {display:inline-block}
	.tin-dn-l, .tin-dn-r {width:100%}
	.mot-banner {
  width: calc(100% + 10px);
}
	.box-table{padding-left:10px;padding-right:10px}
	.row{margin-left:0;margin-right:0}
	.row.mb-4{margin-left:0;margin-right:0}
	.class-padding{padding:0!important}
	.container.mt-5.max-width{width:100%;margin-left: 0 !important;margin-right: 0 !important;
max-width: 100%;
padding: 0;}
	.item-img{width:calc(33.3333333% - 20px)}
	.example{padding:0;margin-bottom:10px!important}
	.noidung{display:flex!important;flex-direction:column!important}
	.tindiaphuong{padding:0 10px}
	/*.nd-banner{margin-left:-205px}*/
	.nd-banner p{font-size:20px}
	.box-tyle{flex-wrap:wrap}
	.box-1 {width:calc(50% - 10px);max-width:330px;margin:10px auto}
	.tin-nb-3{padding:0 5px}
	.btn-dangnhap{padding:0 2px 0 0;margin-right: 5px;}
	.muctintuc-detail{padding:0}
.content-hot .banner-1 {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.content-hot .banner-1 a img, .banner-1 a img{padding:0 10px}
.header{display: flex;height: 94px;align-items: center;padding: 0 10px;}
.logo img {width:100%;max-width:80%}	
.row-flex{display:inline-block}	
.hot-left{width:100%;display:inline-block;padding:0}
.tin-nb{height:290px}
.nb-txt{width:50%}
.nb-img{width:50%;padding:10px}
.nb-txt h2{padding:20px 10px 0;font-size: 20px;line-height: 24px;}
.nb-txt h2 a{padding:0}
.nb-txt p{padding:0 10px}
.tin-nb-3{margin-top:0}
.tin-con img{height:80px}
.banner-1 img {width: 100%;max-width: 287px;margin: 5px 0;display: block;}
.ul-thongbao{padding:0 10px;height:auto}
.row-2banner a {flex:0 0 100%;max-width:100%;padding:5px 0;}
.row-2banner a img{height:auto}
.muctintuc{flex:0 0 100%;max-width:100%;padding:5px 0}
.tin-chinh{padding:0 10px}
.ul-tincon{padding:0 10px}
/*.carousel-item{flex:0 0 50%;max-width:50%;}*/
.video-hot{flex:0 0 100%;max-width:100%;height:auto;padding:0 10px}
.video-con{flex:0 0 100%;max-width:100%;padding:0 10px}
.slect-customer{padding:0 10px;max-width:287px}
.slect-customer::after{right:18px}
.thongke-truycap{margin:10px;width:calc(100% - 20px);max-width:287px}
.thoitiet img{max-width:287px}
.row-mn-s{display:inline-block;float:right}
.tieude-title span{font-size:15px}
/****************************/	
.click-menu{display:inline-block;}
.s-e{padding:7px 5px}
.icon-menu-mb{display:block;position: absolute;
left: 0;
top: 0;
z-index: 102;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
margin: 18px 0 0 15px;}
.icon-menu-mb i{font-size:24px}
.container-vb{padding-left:20px;padding-right:20px}
.header-logo img {margin-left:30px}
.horizontalMenu{width: 100%;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
left: 0;
overflow-y: hidden;
padding: 0;
top: 0;
position: fixed;
visibility: hidden;
margin: 0px;}
.show-menu .horizontalMenu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    visibility: visible;
    z-index: 1000;
    top: 0;
    height: 100% !important;
}
.show-menu .horizontalMenu .horizontal-overlapbg {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 3.5s ease-in-out;
    -moz-transition: opacity 3.5s ease-in-out;
    -ms-transition: opacity 3.5s ease-in-out;
    -o-transition: opacity 3.5s ease-in-out;
}
.horizontal-overlapbg {
    right: 0;
    width: calc(100% - 240px);
    height: 100vh;
    min-height: 100%;
    position: fixed;
    top: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
}
.show-menu .horizontalMenu > .horizontalMenu-list {
    webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-left: 0;
}
.horizontalMenu > .horizontalMenu-list {
    height: auto;
    min-height: 100%;
    width: 240px;
    background: #fff;
    padding-bottom: 0;
    margin-left: -240px;
    display: block;
    text-align: center;
}
.horizontalMenu-list li a{color:#0873c5}
.horizontalMenu > .horizontalMenu-list > li > a {

    font-size: 14px;
    text-align: left;
    border-right: solid 0px;
    color: #0873c5!important;
    border-bottom: 1px solid #e7eaf3;
    position: static;
    margin: 0;
    border-radius: 0px;
}
.horizontalMenu > .horizontalMenu-list > li {
    width: 100%;
    display: block;
    float: none;
    border-right: none;
    background-color: transparent;
    position: relative;
    white-space: inherit;
    clear: right;
    padding: 0;
}
.horizontalMenu-click {
    height: 36px;
position: absolute;
top: 0;
right: 10px;
display: block;
cursor: pointer;
width: 100%;
text-align: right;
line-height: 36px;
}
.horizontalMenu > .horizontalMenu-list > li > a .fa-chevron-down, .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .fa-angle-right.float-right {
    display: none;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    display: none;
    position: relative;
    top: 0px;
    background-color: #fff;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    padding: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
    -webkit-transform-style: flat;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 5px;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
    width: 100%;
    position: static;
    left: 100%;
    top: 0;
    display: none;
    margin: 0px;
    padding: 0px;
    border: solid 0px;
    transform: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
    -webkit-transform-style: flat;
}
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
    height: 36px;
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    cursor: pointer;
    width: 100%;
	text-align:right;
	line-height:36px;
	z-index:100
}
.warpper{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.div-menu.fixed{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.show-menu .warpper {
    margin-left: 240px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.show-menu .div-header{display:none}
.show-menu .div-menu.fixed{left:240px;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.show-menu .fa-bars::before {
    content: "\f00d";
}
.row-deck-50 {
    flex: 0 0 100%;
    max-width: 100%;
}
}
@media (max-width: 767px) {.table-responsive{border:0}}
@media (max-width: 667px) {
	.item-img{width:calc(50% - 20px)}
	.banner img, .banner{height:407px}
	/*.nd-banner{width:500px}*/
	.sub-icon{position:absolute;top:100px;right:5px;}
	.logo img{max-width:95%}
	.div-header{z-index:1001}
	.fixed-sub{position:fixed;top:5px;right:5px}
	 #bnt-login, #bnt-logout{border:1px solid #fff!important;padding:2px 5px!important;}
}
@media (max-width: 480px) {
	.diachi_khachhang{font-size:14px!important;top: 45px!important;left: 80px!important;line-height: 14px;}
	.div-logo-qms {width:79px!important;height:70px!important}
	.div-logo-qms img {top: 2px !important;left: 2px !important;width: 70px !important;}
   .ma_khachhang { margin-bottom: 10px !important;font-size:14px!important}
   .ten_khachhang {
  font-size: 17px !important;
  left: 80px !important;
  top: 12px !important;
  line-height: 21px;
}
#xxxxx.ten_khachhang{
  font-size: 17px !important;
  left: 80px !important;
  top: 18px !important;
  line-height: 21px;
}
	.w-bn {width:100%}
	.carousel-control-prev, .carousel-control-next{width:30px!important}
	.thumb.col-2.px-1.py-2 {flex:0 0 33.33333%;max-width:33.33333%}
	#myForm .row{width:100%;margin:0}
	.header .sub-icon{color:#fff}
	.item-img{width:100%;margin:10px 0}
	.header{padding:0;height:70px}
	.tieude-chitiet{font-size:16px}
	.book-tieude{flex-direction:column}
	.div-img{width:100%}
	.div-nd-gt{width:100%;padding:10px}
	.gioithieu{display:flex!important;flex-wrap:wrap;padding:5px 10px}
	.gioithieu .box-video{width:100%}
	.form-div{width:96%}
	.div-thongke{padding:0 10px}
	.div-thongke .example{padding:0}
	.btn-blue{padding:5px;margin:0}
	.bg-next{margin:0 10px}
	.row-form{flex-direction:column;width:100%}
	.form-control{font-size:13px}
	
	.col-f-4{width:100%;padding-left:0;padding-right:0}
	.title-top{flex-direction:column;align-items:flex-start}
	.icon-tb{flex-direction:column;}
	.sub-icon{top:78px}
	.fixed-sub{top:5px}
	.banner{display:none}
	.box-1{width:100%}
	.tin-chinh img{width:100%}
	.tin-chinh > div{width:100%;padding:0}
	.muctintuc-detail{padding:0 10px}
	.content-hot .banner-1{display:inline-block}
	.div-header{height:70px}
.header{}
.btn-dangnhap span {display:none}
.btn-dangnhap i {color:#fff;font-size:16px}
.main-header-search{margin-right:4px}
.s-e{position:fixed;top:68px;right:0;width:calc(100% - 80px);z-index:100}
.fixed-se{top:-2px;z-index:100000;}
.tin-con {
flex: 0 0 100%;padding:0}
.tin-con:first-child, .tin-con:last-child{padding:0}
.column-tin{flex-direction:column}
.tin-img{width:100%}
.tin-img img {width:100%}
.tin-chinh {
flex: 0 0 100%;flex-direction:column}
.muctintuc{flex-direction:column}
.duan-item{width:calc(50% - 10px);margin:5px}
.duan-item h3{padding:0}
.form-control-search{width:190px;color:#fff}
.logo img {width:100%;max-width:100%}	
.row-flex{display:inline-block}	
.hot-left{width:100%;display:inline-block;padding:0}
.tin-nb{height:auto}
.nb-txt{width:100%}
.nb-img{width:100%;padding:10px}
.nb-txt h2{padding:20px 0px;font-size: 20px;line-height: 24px;}
.nb-txt h2 a{padding:0}
.nb-txt p{padding:0 10px}
.tin-nb-3{margin-top:0}
.tin-con img{height:80px}
.banner-1 img {width: 100%;max-width: 287px;margin: 5px auto;display: block;}
.ul-thongbao{padding:0 10px;height:auto}
.row-2banner a {flex:0 0 100%;max-width:100%;padding:5px 0;}
.row-2banner a img{height:auto}
.muctintuc{flex:0 0 100%;max-width:100%;padding:5px 0}
.tin-chinh{padding:0 10px}
.ul-tincon{padding:0 10px}
.carousel-item{flex:0 0 100%;max-width:100%;}
.video-hot{flex:0 0 100%;max-width:100%;height:auto;padding:0 10px}
.video-con{flex:0 0 100%;max-width:100%;padding:0 10px}
.slect-customer{padding:0 10px;max-width:100%}
.slect-customer::after{right:18px}
.thongke-truycap{margin:10px;width:calc(100% - 20px);max-width:100%}
#myCarousel1 .carousel-item{flex:0 0 100%;max-width:100%;width:100%}
.row-mn-s{display:inline-block;float:right}
.tieude-title span{font-size:15px}	
.thoitiet img{max-width:100%}
.ul-tincon{padding:0}
.muctintuc-detail .ul-tincon li a img{width:100%;height:150px;}
.muctintuc-detail .ul-tincon li a p {width:100%;font-size:15px;text-align: justify;}
.muctintuc-detail .ul-tincon li a h3 {width:100%;font-size:18px;float:left;padding:5px 0 0 10px;color:#0873c5}
}