/* SINH TỰ ĐỘNG bằng tools/doi-font-sang-rem.php - bản .rem của mobile.css */
@charset "utf-8";
/* CSS Document */

/*BEGIN MOBILE*/
/*BEGIN MENU MOBILE*/
.mnav{overflow:hidden;margin:0px;height:1.875rem /*px:30px*/;background:#2a80b9;position:relative;display:none;}
.mnav select{width:100%;border:none;color:#FFF;border-radius:3px;z-index:10000000;background:none;margin-top:6px;}
.mnav select option{background:#2a80b9;color:#FFF;}
.mnav span{background:#2a80b9 url('../images/bgmenumobi.png') right center no-repeat;height:1.875rem /*px:30px*/;width:34px;display:block;position:absolute;top:0px;right:0px;pointer-events: none;}
/*END MENU MOBILE*/
/*BEGIN M TRANGCHU DANHSACHMAU*/
.m-mauweb{overflow:hidden;margin-right:10px;margin-top:10px;display:none;}
.m-mauweb ul{overflow:hidden;margin:0px;padding:0 /*px:0px*/;list-style:none;}
.m-mauweb ul li{float:left;height:6rem /*px:96px*/;margin-bottom:10px;width:33.33%;}
.m-mauweb ul li div{overflow:hidden;margin:0px 5px;height:100%;}
.m-mauweb ul li a{display:block;color:#FFF;height:100%;font-weight:bold;overflow:hidden;}
.m-mauweb ul li a span{color:#FFF;}
.mm-mauhinh{margin-top:12px;text-align:center;display:block;}
.mm-mautieude{text-align:center;display:block;padding:0 0.3125rem /*px:0px 5px*/;}
/*END M TRANGCHU DANHSACHMAU*/
/*END MOBILE*/






/*begin menu*/
#header{width:100%;z-index:9;position:relative!important;display: block!important;
  box-shadow: 0 0 7px #555555;
  -moz-box-shadow: 0 0 7px #555555;
  -o-box-shadow: 0 0 7px #555555;
  -webkit-box-shadow: 0 0 7px #55552A;
  -khtml-box-shadow: 0 0 7px #555555;

}
.xgb-burger-bar{
  background: #af7313 ;
  height: 2.5rem /*px:40px*/;
  position: relative;
}

.xgb-burger-bar ul{margin: 0;padding: 0}


.xgb-burger-bar a{}.xgb-burger-bar a span{display:block}.xgb-burger__icon{display:inline-block!important}.home_ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAYAAADAHFVeAAAAcElEQVRIx+3VUQrAMAgD0OX+h3b0Y6OFWjTVjoH9TnggFiEiF/FaCd4SCKwvIBObhZGBrYKIxCwhKB14MM+csYMxqwoGo/5EB5ixHUgd7QyLhJZYNKRiGdAAPlgm9IINOwEdWRAU9hlmOSFSWGH/wW4a6m7OD7NQBgAAAABJRU5ErkJggg==) no-repeat 0 8px;background-size:20px;width:20px;height:1.75rem /*px:28px*/}.new_ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAcCAYAAACDBoQZAAABiUlEQVRIx5VUbbGDMBBEQiREAg5eJMRBkfAcvDhoHTQSkIAD4gActA72/dmb2d4AhZu5gVzu9r7TAeg2OAIoACZ80kR53LLzggCg0nAGcAdwA/DD751yUC/sgfUAGoAFQN6J2DhTr9HuAywAeNNrcJEmYX830y4o2EhPQRQf2KaH01to31l6oGdTaJQ9WS/jJ+VNABNlfcdCzhK+NWCQzibp4CANMJsZQO3opUhUqjiwJuB3cA4tugKgdRRmF7Kd365eb+mmliaDPypM7rxFW3rJLhZJ05rxy/Njo5Md7yEzVgAslv8oxVwArK5bf67bK/V0tKrmH10KzaVh3+ZSjFZnbe0kngYAL3rsJaWR8kF0Jxst3cuXm51Ar1XGJbqVqrTr/aJniSa6nYXuIO8tyrz3BPWyvEWmHbIVRR6F/ug9M76xwKsDWym/nXkcldPO0KY9myOwugNWr4IFHFO4Ala+gJUrYOsXsPUsWMY5ymfAxpNg4zewiGsUj8DKRbByBGYLf4Zefp3+ARvaG0L8SAG0AAAAAElFTkSuQmCC) no-repeat 0 5px;background-size:15px;width:15px;height:1.75rem /*px:28px*/}.market_ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAe0lEQVRIx+1WWwrAIAyr3v8wPYo3yn4cG1qlW+se0EBB6iOYtCIBoEEwDvBknSoSABqgnUhkQKaHEERmIq7mo46t6M7bq06qMEvVdXs/69Ftia9Kp5XzP9K9SqTyzcMjVS48CiLx9aZm7Jqb/Rncb1RODbcqShaaawWwAbcgnQmmE4IrAAAAAElFTkSuQmCC) no-repeat 0 8px;background-size:20px;width:20px;height:1.75rem /*px:28px*/}

.xgb-burger-bar ul li {
  float: left;
  display: block;
  height: 2.6875rem /*px:43px*/;
}

.xgb-burger-bar ul li a {
   /* background: url("../images/line-menu.png") left no-repeat;*/
    color: white;
    height: 1.125rem /*px:18px*/;
    padding: 0 0.375rem /*px:0 6px*/;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 2.5rem /*px:40px*/;
    font-weight: bold;
}
.xgb-burger-bar ul li a:hover {
  color: white;
  
}

.xgb-burger__icon--expand{background:url('../images/menu.png') 0px 10px no-repeat;width:35px;height:2.1875rem /*px:35px*/;position: relative!important;}.portfolio_ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAAAtklEQVRIx9WSAQ2AIBBFiWAEIxiBCBeBKEQgAlGIYAQj0OAUd2566kDk5rztz43Nx+3xFSLCkojPJ/2jlwT6qn0UvpsNnMa0BFsCIoe/Badte3Y2tAAjbcgvO4AtOcvFXWzoSIOnM9iDO/6yNzEMbAi+NWO9qIWKK+9aAnwS7wsd84w5MBQ65gmlVXmSsbSDIo5dpeMpBzZSjmOF4/CpYy/lWEs5nn7nuKbH8EmPo5SKoTE8sWAGk2j1lxyGup0AAAAASUVORK5CYII=) no-repeat 0 9px;background-size:15px;width:15px;height:1.75rem /*px:28px*/}

#wrapper_mn,#wrapper_mn2{background: #40080f}
.xgb-burger-bar .is-active,.dcat{}.menu_cat{padding:0.625rem 0.625rem /*px:10px 10px*/;margin-bottom:10px}


.menu_cat li{width:80%;background:url('../images/m_menu_bg.png') repeat-x;border:solid 1px #6d423e;border-radius:4px;margin-top:2px;}.menu_cat li:nth-child(2n+1){float:left}.menu_cat li:nth-child(2n){float:left}


.menu_cat a{display:block;background: url('../images/m_menu_icon.png') 99% no-repeat;background-size: 13px;padding:0.625rem 0 /*px:10px 0*/;text-align:left;font:bold 12px/1.300 arial;color:white;text-transform:uppercase;text-indent: 1.875rem /*px:30px*/;}
.menu-l {
    float: left;
 
    top: 4px;
}


.f_menu{margin-top:20px;background-color:#4c4c4c}



.f_menu_head{display: block;background-color:#00923d;font:normal 13px/7px arial;padding:0.9375rem 0.75rem /*px:15px 12px*/;color:white}.f_menu_head i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAeklEQVQoz2P4//8/AxFYAIgXQGm8aok17MJ/CLhAyFBChhkA8Yf/qACvoaQYdoAYQ4k1LAEqnkDIUEKGgegANHlkQx9A1eM0EN0wAxw+QDYURR05huFVD5MMQJIEhY0CkekTw1CYYf+JTWc4DH0AMxQ5F5BjGHriXwAADT3LMj1CRRMAAAAASUVORK5CYII=) no-repeat 0 0;width:13px;height:0.4375rem /*px:7px*/;background-size:13px;display:inline-block}.f_menu_head:hover{color:white}.f_menu_ct{padding:0.625rem /*px:10px*/}.f_menu ul{overflow:hidden;width:48%}.f_menu li{border-bottom:1px solid #757575}.f_menu li:last-child{border-bottom:0}.f_menu li a{display:block;font:normal 13px/1.3 arial;padding:0.625rem 0 0.625rem 0 /*px:10px 0 10px 0*/;color:white}.f_menu li ul a{padding-left:2.1875rem /*px:35px*/;background-position:20px 17px}.f_menu li ul li:first-child{border-top:solid 1px #D6D6D6}.f_menu li ul li:last-child{border-bottom:0}.hot_head{border-top:solid 1px #d8dfea;border-bottom:solid 1px #d8dfea;padding:0.5rem 0.625rem /*px:8px 10px*/;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAYAAADzRkbkAAAAG0lEQVQI12P4/PnzfyZGRkYGJiYmJgYICxcXAKdtBAowlgeVAAAAAElFTkSuQmCC) repeat-x;font:bold 14px/1.300 arial;color:#666}.hot_head span{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAK0lEQVQI12M4w8AQD8T/ceD5DP///2fAoWg+SA6sAIui+TBxuAIkRfORxQD2VUO5lJ02TwAAAABJRU5ErkJggg==) no-repeat right center;padding-right:0.9375rem /*px:15px*/}.hot ul{overflow:hidden}.hot li,.hot li a{overflow:hidden;display:block}.hot li a,.chuyenmuc .top0 li{border-bottom:1px solid #D8DFEA;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAYAAAByfjF8AAAAGklEQVQI12P4+/fvfyYGBgYGAsT///+HhgQA8ksZNP/Yp7MAAAAASUVORK5CYII=) repeat-x 0 bottom;padding:0.9375rem 0.625rem /*px:15px 10px*/;font:bold 14px/1.300 arial;color:#333}
/*end menu*/
.xgb-clearfix,#menu_web,#menu_sanpham{display: none;}




.xgb-search{display: none;margin-top: 1px;}

.xgb-drawer{display: none;}

/*BEGIN RESPONSIVE*/

@media only screen and (max-width: 1170px) {
#xgb-nav__inner,.xgb-container{width: auto;}
#xgb-content{float: none;width: auto;}
#xgb-aside{margin-right: 10px}
.xgb-contact-info{margin-left: 0%}
.trangchusanpham ul li{}
.sideshow{height: auto!important;}
.jp-container div{width: auto!important;}
.custom-container ul li{}
.xgb-nav__item a{       padding: 0 0.75rem /*px:0 12px*/;
    font-size: 0.875rem /*px:14px*/;}
.raovatnoidung iframe{max-width: 100%;}
.thongtinhotro{    padding: 0.9375rem 1.4375rem /*px:15px 23px*/;}
	}

@media only screen and (max-width: 900px) {

.main-support{display: none;}
  .hd-navigation-fixed{display: none;}

.right-search{width: auto!important;}
.xgb-contact-info,.box_search,.search_full,.lag_left,.lag_right,.menu-top{display: none;}
.xgb-logo{margin: 0 auto;display: block;text-align: center;float: none;width: auto;}
.xgb-logo img{width: auto;height: auto;}
#xgb-nav{display: none;}

.xgb-clearfix{display: block;}

#xgb-aside{display: none;}
.about_right{display: none;}
.about_left{width: auto!important;float: none!important;}
.content_news{height: auto;}
.box_tabsanpham{display: none;}
.jssora20l{top: 50%!important;}.jssora20r{top: 50%!important;}
.dslt-con,.box_doitac{display: none;}
.xgb-footer__inner{ padding-bottom: 0.875rem /*px:14px*/;    width: 57.8%;padding: 0 0.3125rem /*px:0 5px*/;}
.footer_box_right{width: 42%;float: right;}
.xgb-footer__col{width: 46%;margin-bottom: 15px;}
.hotro_footer{display: none;}
.home-content-center{width: 100%!important}
.xgb-entry img,.detail-noidung img{max-width: 100%!important}
#xgb-contact-list{width: auto!important;}
.footer_map{display: none;}
.language{}


.xgb-search{display: block;}
 /*BEGIN FORMSEARCH*/
#form_search{position: relative;}
.xgb-search__row {
    padding: 0.4375rem 3.25rem 0 1.3125rem /*px:7px 52px 0 21px*/;
    position: relative;
    background: #f1f1f1;
    height: 2.5rem /*px:40px*/;
}
#xgb-search-input {
    border: 1px solid #ddd;
    height: 1.875rem /*px:30px*/;
    margin: 0;
    /* padding: 0 làm chữ gợi ý dính sát mép trái ô */
    padding: 0 0.75rem /*px:0 12px*/;
    width: 100%;
}

/* Nút tìm kiếm: bản gốc là <input type=submit> nền ảnh botom.png, nay là
   <button> chứa icon SVG nên canh icon vào giữa bằng flex. */
.xgb-search__submit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 0 3px 3px 0;
    background-color: #af7313;
    color: #fff;
    cursor: pointer;
    height: 1.875rem /*px:30px*/;
    width: 35px;
    position: absolute;
    top: 8px;
    right: 12px;          /* trước đây do .xgb-submit-icon đặt, nay gộp vào đây */
}

.xgb-search__submit-icon svg { display: block; }
/*END FORMSEARCH*/
.main-sideshow{width: auto;float: none;}



.trangchusanpham ul li:nth-child(4n){}
.trangchusanpham ul li:nth-child(3n){margin-right: 0}
.trangchusanpham ul li{width: 33.3%}

.homerow2 .bannerhomecol1{    width: 56.4%;}
.homerow2 .bannerhomecol2{width: 40.5%;}
.homerow2 .bannerhomecol1 .listads .boxinfoadshome .briefadshome{font-size: 0.9375rem /*px:15px*/;    line-height: 1.4375rem /*px:23px*/;}
.homerow2 .bannerhomecol1 .listads .boxinfoadshome h4{font-size: 1.125rem /*px:18px*/;}


.homerow3 .bannerhomecol1{width: auto;float: none;margin-bottom: 15px;}
.homerow3 .bannerhomecol2{width: auto;float: none;}




.formsearchlink{width: auto;float: none;}
.xgb-contact__block .xgb-contact__form{/*width: auto;float: none;*/}


.blocksideshow{margin-top: 0}


.xgb-header{box-shadow: none;height: auto;padding-bottom: 1.25rem /*px:20px*/;}

.section_about > .xgb-container > .row > .col-lg-6{width: auto;float: none;}


.xgb-pricing ul li:nth-child(0n+5) .xgb-price__label {
    line-height: 0.875rem /*px:14px*/;
    padding: 0 /*px:0px*/;
   
}
.xgb-pricing ul li .xgb-price .xgb-price__label{line-height: 1.0625rem /*px:17px*/;    font-size: 0.8125rem /*px:13px*/;height: 3.4375rem /*px:55px*/;padding-top: 0.9375rem /*px:15px*/;}
.xgb-pricing ul li .xgb-price .xgb-price__value{font-size: 0.75rem /*px:11px*/;}

.xgb-section .xgb-pricing__note{font-size: 0.875rem /*px:14px*/;}
.xgb-section .xgb-pricing__note span{font-size: 1.125rem /*px:18px*/;}
.xgb-section .xgb-pricing__note--accent{font-size: 0.875rem /*px:14px*/;}
.section_about .title_main_module .h2,.xgb-section h4{font-size: 1.125rem /*px:18px*/;}
.section_about .xgb-slide .xgb-card p{font-size: 0.875rem /*px:14px*/;}
.xgb-container .row{overflow: hidden;/*width: 100%*/;padding: 0 0.3125rem /*px:0 5px*/;}
.xgb-container{padding: 0 0.3125rem /*px:0 5px*/;}
}

@media only screen and (max-width: 800px){
  .xgb-topbar .headertop_left{width: 50%}
  .xgb-topbar .headertop_left .headertop_lefthot{display: none}
.xgb-topbar .headertop_left .headertop_leftemail{width: auto;float: none;}
.xgb-topbar .xgb-topbar__end{width: 50%}
.xgb-topbar .xgb-topbar__end .headertop_rightdate{width: auto;margin: 0;float: right;}

.blocktitlenews{    background-position: left!important;}
.xgb-aside-news__list li .xgb-aside-news__media{width:auto;float: none;text-align: center;margin-right: 0}
.xgb-aside-news__list li .xgb-aside-news__item{padding: 0.625rem /*px:10px*/;}
.xgb-aside-news__list li .xgb-aside-news__body .xgb-aside-news__heading{}
.briefchildnews{height: 4.25rem /*px:68px*/;overflow: hidden;}
.xgb-aside-news__list li .xgb-aside-news__body{width: auto;float: none;}
.section_about .col-lg-6{width: 49%}
.xgb-footer__col h3 a{font-size: 0.9375rem /*px:15px*/;}
}

@media only screen and (max-width: 700px){
  .tintucmoinhat ul li{width: 49%;margin-bottom: 15px;}
  .tintucmoinhat ul li:nth-child(4n){margin-right: 2%}
  .tintucmoinhat ul li:nth-child(2n){margin-right: 0;float: right;}
  .xgb-footer__inner{width: auto;float: none;}
  .footer_box_right{width: auto;float: none;}

  .footer_bottom .footer_bottom_left{width: auto;float: none;margin-bottom: 30px;}
  .footer_bottom .footer_bottom_right{width: auto;float: none;}
  .footer_bottom ul li{margin-right: 4%}
  .xgb-footer__copyright{text-align: left;height: auto;}
  .xgb-footer__col:first-child{width: auto!important;}
  .homerow1 h3{font-size: 1.25rem /*px:20px*/;}
}

@media only screen and (max-width: 600px) {

.coll_top_right{display: none!important;}
.xgb-panel .coll_top_left{width: auto;float: none!important;padding: 0 0.3125rem /*px:0 5px*/;}

.trangchusanpham ul li:nth-child(3n){}
.trangchusanpham ul li:nth-child(2n){margin-right: 0!important;float: right;}
.trangchusanpham ul li {
    
    /* border: 1px solid #e3e3e3; */
    width: 50%!important;
  
}

.listcatehome ul li{margin-right: 1%;
    margin-left: 1%;

    width: 48%;}
.blockmainnew ul{margin-right: 0!important;width: auto!important;float: none!important;}
.blockmainnew ul:last-child{margin-top: 30px;}
.loaitinraovatcon li iframe{height: auto;}
.raovatnoidung iframe{height: 15rem /*px:240px*/;}

.formproductnews ul li:nth-child(0n+5),.formproductnews ul li:nth-child(0n+2){display: none;}
.formproductnews ul li:nth-child(0n+1){width: 61.4%}
.formproductnews ul li:nth-child(0n+3){width: 18%;}
.formproductnews ul li:nth-child(0n+4){width: 19%;}
.formregisterdetail{padding: 2.5rem 2% /*px:40px 2%*/;}

.chitiettap a{    margin-right: 9px;    font-size: 0.8125rem /*px:13px*/;    padding: 0.3125rem 0.4375rem /*px:5px 7px*/;}
.chitiettap{height: auto;overflow: hidden;}
.chitiettap div{padding-left: 0}

/*.xgb-card{width: 48%;}
.xgb-card:nth-child(3n){margin-right: 3%}
.xgb-card:nth-child(2n){margin-right: 0;float: right;}*/
.xgb-page-title{height: auto;}
.xgb-page-title h1{border: none;font-size: 1rem /*px:16px*/;}

.hinhanhchinhcha{width: auto;float: none;}
.detail-ts{width: auto;float: none;}


.xgb-contact__block .xgb-contact__info{width: auto;float: none;margin-bottom: 20px;}
.xgb-contact__block .xgb-contact__form{width: auto;float: none;}

.detail-ts .boxinfoback{margin-top: 10px;}
.cartstt,.cartimg,.cartprice{display: none;}
}
@media only screen and (max-width: 500px) {
.formregis2 .formregis2_right .formregis2_right_title{width: auto;float: none;}
.formregis2 .formregis2_right .formregis2_right_content{width: auto;float: none;}
.formregis2 .formregis2_left{padding-top: 2.125rem /*px:34px*/;}

.xgb-card{width: 49%;margin-right: 0}
.xgb-card:nth-child(2n){float: right;}
}

@media only screen and (max-width: 480px) {

.xgb-pricing ul li .xgb-price .xgb-price__value{font-size: 10px;}

.xgb-pricing ul li .xgb-price .xgb-price__label {
    line-height: 0.8125rem /*px:13px*/;
    font-size: 0.75rem /*px:10px*/;
	}
.xgb-pricing ul li .xgb-price {
    border: 2px solid #c48c1e;
}
.xgb-card__media{}
.xgb-card__body{}

  .tva-ha{margin-bottom: 10px;}
.detail-info img,.tva-ha{float: none!important;width: auto!important;}
.tva-ha{margin-right: 0px;}
.xgb-card__excerpt{}


.homerow2 .bannerhomecol1{    width: auto;float: none;margin-bottom: 20px;}
.homerow2 .bannerhomecol2{width: auto;float: none;}

.homerow4 i{width: auto;float: none;}
.homerow4 .homerow4content{width: auto;float: none;}
.homerow4 .moretin1home{width: auto;float: none;overflow: hidden;}
.homerow4 .moretin1home a{float: left;}
.footer_bottom ul li{width: auto;float: none;margin-right:0 }
.xgb-footer__col{width: auto;float: none;margin: 0;margin-bottom: 20px;}
.addresschinhanh ul li{width: auto;float: none;}
.xgb-aside-news__list li{width: auto;float: none;margin-right: 0}

.homerow2 .contenthome2 .boxpadding{padding: 0.9375rem 0.625rem /*px:15px 10px*/;}
.language{padding: 0.4375rem 1rem /*px:7px 16px*/;}
.more-product a:first-child{margin-right: 4px;}
.more-product a{padding: 0.25rem 0.625rem /*px:4px 10px*/;}
}
@media only screen and (max-width: 400px) {
.about_left .content_txt img{float: none!important;}
.about_left .content_txt{text-align: center;}
.xgb-footer__col{}
.xgb-footer__col img{float: none!important;}


.sideshow div{height: 7.75rem!important /*px:124px*/;}
.sideshow img{height: 124px!important;}
.slide1anh img{height: 124px;}
.formproductnews ul li:nth-child(0n+3){display: none;}
.formproductnews ul li:nth-child(0n+1){width: 70.4%;}
.formproductnews ul li:nth-child(0n+4){width: 29%}

  }
/*@media screen and (max-width:750px){
	.m-mauweb,.mnav{display:block;}
}
@media screen and (max-width:450px){
	.m-mauweb ul li{width:50%;}
}*/
/*END RESPONSIVE*/