#slideshow{height:441px;position:relative;z-index:1;overflow:hidden;display:none;width:100%;}
#slideshow img{width:100%;height:auto;min-height:100%}
.logom,#ShowMenu{display:none;}
/*header tophead*/
header{background:url(/Design/bgtop.png) no-repeat top;background-size:cover;}
.ndtop{color:#fff;font-size:13px;overflow:hidden;background:#ffffff2b}
.ndtop .container{padding:10px 0;}
.ndtop div+div{margin-left:20px}
.dctop:before{content:"\f3c5";font-family:fontawesome;margin-right:2px;font-weight:900}
.en,.vi{display:inline-block;position:relative;padding-left:27px}
.en:before,.vi:before{content:"";background:url(/Design/en.png);width:24px;height:24px;position:absolute;left:0;top:-1px}
.vi:before{background:url(/Design/vi.png)}
.nametop{text-align:center;padding: 10px 0 5px;}
.namelogo{display:inline-block;}
.logo{height:80px;animation:zoomIn 2s;bottom: 6px;float:left}
.logo img,.logo a,.logo canvas{display:block !important;margin:0 !important;padding:0 !important;height:100% !important;}
.namecty{float:left;margin-top: 11.5px;margin-left:20px;height:53px;}
/*header midhead*/
.midhead{border-top:1px solid #fff;border-bottom:3px solid #29c315;transition:.5s}
.midhead .container{height: 40px;position:relative;}
.menumain{float:left;color:#fff;font-size:18px;text-transform:uppercase;}
.mnulc1{float:left;position:relative;}
.mnlic1{float:left;margin-right: 11px;font-size:14px;}
.mnlic1:last-child{margin-right:0}
.mnlic1:hover,.mnliac1.active{color: #fbee22;background:#00000080}
.mnliac1{display:block;padding: 10px 12px;position:relative;transition:background .5s;}
.mnliac1.active:before{content:"";position:absolute;bottom: -17px;background:url(/Design/imenu.png) center no-repeat;width:auto;height:14px;left:0;right:0;margin:auto;z-index:2;}
.homea{text-indent: -10000px;width:20px;text-align:center;position:relative;}
.homea i{position:absolute;text-indent:0;left:0;right:0;text-align:center;z-index:5;width:19px;margin:auto}
.homea:before{opacity:0}
.menusub{position: absolute;text-align:left;background-color: rgba(41, 195, 21, .8);padding:6px 0;display:none;z-index:2;}
.mnlic2{color:#fff;padding: 10px 20px;font-size:16px;border-bottom: 1px solid rgba(29, 255, 0, 0.37);text-transform:capitalize;}
.mnlic2:hover{background:#00000080;color:#fbee22}
.hotline{position:relative;padding-left: 25px;float:left;margin-left: 10px;margin-top: 7px;color:#fbee22}
.hotline:before{content:"\f098";font-family:fontawesome;animation:tada infinite 1s;display:inline-block;font-weight:300;font-size: 23px;position:absolute;left:0;top: -4px;}
/*midhead fixed*/
.midhead.scroll-to-fixed-fixed{background:#133316}
/*about-default*/
.gt-default{background:url(/Design/bg1.jpg) no-repeat top;background-size:cover;height: 653px;}
.about-default{padding: 30px 0 30px;}
.gioithieu{float:left;width:50%;margin-top: 48px;}
.imgabout{float:right;width:50%;/* margin-top: 25px; */border:5px solid #fff;box-sizing:border-box;overflow:hidden;background:#fff;border-radius:5px;}
.imgabout img{width:100%;margin-bottom:-1%;border-radius:5px}
.title-default{font-family:isa;font-weight:bold;font-size:35px;color:#519a27;margin-bottom:10px;}
.about-default .title-default{color:#fff}
.about-default small{color:#fff;display:block;font-size:16px}
.about-default .border{margin-top:12px}
.ttgt{margin-top:15px}
.ttgt p{font-size: 16px;color:#fff;width: 85%;line-height:1.6;text-align: justify;}
.linkgt{font-family:arial;font-size:16px;border:1px solid;display:inline-block;padding:3px 10px;color:#fff;border-radius:3px;margin-top: 20px;transition:.3s;}
.linkgt:hover{background:#1a531f;color:#fbee22}
/*thebest*/
.thebest{background:#5bb206bb;padding: 30px 0;/* margin-top: 23px; */}
.thebest p{width:25%;float:left;box-sizing:border-box;position:relative;height:81px;padding-left: 95px;}
.thebest p:before{background:url(/Design/one3.png) no-repeat;content:"";width:81px;height:81px;position:absolute;left:0}
.thebest p:nth-child(2):before{background-image:url(/Design/one4.png)}
.thebest p:nth-child(3):before{background-image:url(/Design/one2.png)}
.thebest p:nth-child(4):before{background-image:url(/Design/one1.png)}
.thebest p strong{font-family:swiss;font-size: 36px;display:block;color:#fff;line-height:1;/* margin-top:5px; */}
.thebest p strong:after{content:"+"}
.thebest p span{font-size: 16px;line-height: 1.1;display:inline-block;width:90%;color:#fff;margin-top: 8px;}
/*product-default*/
.product-default{background:#fff url(/Design/bgsp.png) no-repeat;background-size:100% auto;overflow:hidden;padding:60px 0 80px;}
.titsp{text-align:center;}
.ulsp{margin-top:30px;overflow:hidden;padding:10px;box-sizing:unset;margin-left:-10px;margin-right:-10px;}
.lisp{width: 32.728%;box-sizing:border-box;float:left;position:relative;margin-right:0.908%;transition:box-shadow .5s;}
.lisp:nth-child(3n+3){margin-right:0}
.lisp:nth-child(n+4){margin-top:20px}
.lisp:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5)}
.lisp .imgA{height:260px}
.footsp{padding:10px;position:relative}
.footsp h4{font-family:mulib;color:#220600;font-size: 18px;line-height: 1.4;max-width: 88%;height:24px}
.lisp:hover .footsp h4{color:#519a27}
.gia{color:#928686;font-family:muli;}
.gia strong{color:#ff5b5b}
.muasp{position:absolute;right: 10px;display:block;top: 22px;}
.muasp:before{content:"\f291";font-family:fontawesome;font-size: 16px;background:#519a27;text-align:center;padding: 5px 7px 7px;color:#fff;font-weight:500;border-radius:5px;}
.muasp:hover:before{color:#fbee22;background:#1a531f}
.linksp{text-align:center;margin-top:20px;}
.linkasp{font-family:arial;font-size:14px;border:1px solid;display:inline-block;padding:7px 15px 6px;color:#519a27;border-radius:3px;transition:.3s;text-transform:uppercase;}
.linkasp:hover{background:#1a531f;color:#fbee22}
/*map-default*/
.map-default{background:url(/Design/bgmap.png) no-repeat;background-size:100% auto;position:relative;height:483px;overflow:hidden}
.maplocal{position:absolute;height:100%}
.maplocal img{width:auto;height:100%}
.ndmap{text-align:right;color:#fff;width:50%;float:right;margin-top:70px}
.ndmap h2{font-family:uavob;text-transform:uppercase;font-size:24px;width: 86%;margin-left:auto;}
.ndmap .border{margin:20px 0;}
.ttndmap{font-size:17px;width: 90%;margin-left:auto;line-height:1.6;}
/*paradise*/
#particles-js canvas{position:absolute;top:0}
/*tintuc-default*/
.tintuc-default{background:url(/Design/bgtt.png) no-repeat center;background-size:100% auto}
.tintuc-default .container{padding:50px 0;}
.nexttt,.prevtt{top: calc(26% - 0px);}
.nexttt,.prevtt{text-decoration: none;display: block;width: 40px;height: 50px;margin: -20px 0 0;position: absolute;top: 29%;overflow: hidden;opacity:0;cursor: pointer;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);transition: 0.3s ease-in-out;}
.nexttt{right:0}.prevtt{left:0}
.nexttt:before,.prevtt:before{font-family: fontawesome;font-size: 40px;font-weight:900;display: inline-block;color: rgba(0, 0, 0, 0.8);text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.nexttt:before{content:"\f054";}.prevtt:before{content:"\f053"}
.slidett:hover .nexttt{opacity:1;right: 10px;}
.slidett:hover .prevtt{opacity:1;left: 10px;}
.titlett{font-size:27px;font-family:aks;font-weight:normal;color:#1d9ad6;position:relative;padding-bottom: 20px;}
.titlett span{display:inline-block}
.linktt{float:right;color:#a6a6a6;font-size:13px;font-family:muli;text-transform:uppercase;margin-top: 15px;}
.slidett{position:relative;margin-top:30px;padding:10px 0}
.slidett .clickable{display:none !important}
.ultt{width:100%}
.litt{width: 94%;padding:3%;}
.btt{/* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); */transition:.3s ease;}
.litt:hover .btt{box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.imgtt{height:180px;position:relative}
.ndtt{padding:15px 10px;text-align:center}
.ndtt h4{height:48px;font-family:uavob;font-size:16px;color:#519a27;}
.ndtt h4:hover{color:#1a531f}
.desctt{margin-top:10px;color:#000;font-size:15px;height:42px;/* padding-top:15px */}
/*footer*/
footer{overflow:hidden}
.middle-foot{background:#519a27 url(/Design/bgf.png) no-repeat;background-size:cover;color:#fff;font-size:14px}
.middle-foot .container{padding:25px 0}
.namelogof{width:180px;text-align:center}
.namef{font-size:15px;font-family:uavo;text-align:center;text-transform:uppercase;margin-top:10px;font-weight:bold;}
.mxhf{margin-top:20px}
.mxhf a{display:inline-block;width:35px;height:35px;text-align:center;color:#519a27;font-size:16px;background:#fff;border-radius:100%;box-sizing:border-box;transition:.3s}
.mxhf a i{line-height:2;}
.mxhf a:hover{background:#1a531f;color:#fff}
.infoctyf{max-width:420px;margin-left:20px}
.titf{font-weight:bold;font-family:uavo;text-transform:uppercase;font-size:16px;position:relative;padding-bottom:5px;margin-bottom:20px}
.titf:before{content:"";border-top:1px solid #fff;position:absolute;width:50px;bottom:0}
.infocty *{line-height:1.8}
.infocty *:before{content:"\f1ad";font-family:fontawesome;font-weight:300}
.infocty *:nth-child(3):before{content:"\f095"}
.infocty *:nth-child(4):before{content:"\f1ac"}
.infocty *:nth-child(5):before{content:"\f0e0"}
.mnfoot{margin-right:50px}
.ulmnf{display:inline-block}
.ulmnf li{transition:transform .5s;line-height:1.8}
.ulmnf li:before{content:"\f105";font-family:fontawesome;font-weight:300}
.ulmnf li:hover{color:#fbee22;transform:translateX(10px)}
.timef{font-size:14px;margin-top:20px;}
.timef strong{margin-left:20px}
.time1{margin-bottom:5px}
.time2{border-top:1px solid #ffffff4f;padding-top:5px}
/*foot*/
.foot{background:#1a531f;color:#fff;font-size:13px;padding:10px 0}
.foot a:hover{color:#fbee22}
/* inner page*/
.inner-page{padding:80px 0 50px;position:relative}
.inner-page >.container{}
.title-cat{font-family:uavob;font-size:40px;text-transform:uppercase;color:#519a27;text-align:center;position:relative;}
.title-cat span{display:inline-block;margin:auto}
.title-cat:before{content:"";background:url(/Design/border.png) no-repeat center;height:18px;position:absolute;bottom: -24px;left:0;right:0;}
.title-news{font-size:26px;font-family:avoB;font-weight:normal;text-transform:uppercase;color:#0094da;text-align:center;position:relative;padding-bottom:30px;}
.col-section{width:70%;float:right;}
.box-side+.box-side{margin-top:30px;}.box-side .contain{margin-top:15px;}
.title-support{font-size:20px;text-transform:uppercase;color:#333;font-weight:500;font-family:segoe ui;padding-bottom:10px;border-bottom:1px solid #333;}
.list-support .ten-hotro{font-size:18px;color:#333;line-height:1.1;font-weight:500;font-family:segoe ui;}
.list-support .phone-number{font-size:15px;margin-top:5px;color:#e50000}
.list-support .phone-number:before{width:15px;height:15px;background:url(/Design/phone-small.png);content:"";margin-right:2px;display:inline-block;position:relative;top:3px;}
.list-support .email{font-size:15px;color:#3f3f3f;}
.list-support .mail:before{width:15px;height:15px;background:url(/Design/email-small.png) no-repeat center;margin-right:2px;content:"";display:inline-block;position:relative;top:3px;content:""}
.list-support .item{position:relative;padding-left:72px;padding-bottom:10px;border-bottom:1px solid #d1d1d1;height:70px;}
.list-support .item .name,.list-support .item .mail{font-size:15px;color:#3f3f3f;}
.list-support .item:last-child{border:0;}
.list-support .item+.item{margin-top:10px;}
.list-support .item:before{content:"";position:absolute;height:61px;width:56px;background:url(/Design/icon-hotline1.png) center no-repeat;font-size:20px;left:0;top:4px;border:1px solid #fed700;background-color:#fff;border-radius:4px;}
.list-support .item:nth-child(3):before{background:url(/Design/icon-hotline2.png) center no-repeat;}

.width30 .products-side{margin-top:15px}
/*about-page*/
.aboutpage .container{position:relative}
.fbgt{position:absolute;right:0;top:0}
.topgtp{overflow:hidden;}
.text-about{width:49%;float:right;overflow:hidden;}
.text-about h2{font-size:45px;font-family:isa;font-weight:bold;line-height:1.3;color:#519a27;text-transform:capitalize}
.text-about h5{font-size:18px;color:#1a531f;}
.text-about .ttgtp{font-size:17px;color:#333;margin-top:15px; text-align: justify;}
.picture-about{position:relative;z-index:1;padding:30px 0;padding-left:4%;float:left;width:43%;height:347px;}
.picture-about:before{content:"";position:absolute;width:70%;height:100%;background:url(/Design/gt1.jpg) center;background-size:100% 100%;top:0;left:0;outline:1px solid #fff;outline-offset:-8px;box-sizing:border-box;}
.picture-about a{position:relative;z-index:3;display:block;outline:1px solid #fff;outline-offset:-8px;box-sizing:border-box;border-right:none;width:100%;height:100%;overflow: hidden;}
.picture-about img{height:100%;}
.listimggt{overflow:hidden;padding:0 20px}
.listimggt li{float:left;width:24%;margin-right:1.333333333333%}
.listimggt li:nth-child(4n+4){margin-right:0}
.listimggt li:nth-child(n+5){margin-top:1.333333333333%}
.listimggt .imgW{height:180px}
.listimgcty{text-align:center}
.lstalbumcty li{margin-top:20px}
.lstalbumcty li:not(:last-child) img{max-width:700px}
.lstalbumcty img{max-width:100%;height:auto}
.ctgtp p{padding:10px 0}
/*product-page*/
.productpage{overflow:hidden;padding:80px 0 0}
.productpage .container{max-width:1120px}
.link-title{position:absolute;top:0;color:#333;border:1px solid #333;font-size:12px;outline:none;display:none}
.link-title select{padding:5px;width:200px}
.spbnpp{overflow:hidden;position:relative;box-sizing:border-box;padding:50px 10px;}
.listsp{}
.tdpp{color:#333;font-size:25px;text-transform:capitalize;font-family:hongha;position:relative}
.tdpp:before{content:"";position:absolute;border-top:1px solid #efefef;height:1px;width:100%;top: 57%;}
.tdpp span{position:relative;background:#fff;padding-right:10px}
.spsite{width: 78%;float:left;}
.ulpp{margin-top:0}
/*sidebar*/
.col-side{width: 20%;float:right;overflow:hidden}
.bnspsite{width:100%}
.bnspsite a{display:block;width:100%;box-sizing:border-box;overflow:hidden;padding:5px;border: 1px solid #519a27;}
.title-side{}
.title-side span{background:#519a27;display:inline-block;border-radius:3px 3px 0 0;font-size:15px;text-transform:uppercase;color:#fff;font-family:avo;padding:5px 10px}
.products-side{position:relative}
.bspside{margin:0;padding:10px;border:1px solid #519a27;background:#fff;position:relative;overflow:hidden}
.DoiTacSlideTop{position:relative;overflow:hidden;height: 556px;}
.ulspside{position:relative}
.ulspside li{overflow:hidden;}
.ulspside li+li{margin-top:10px;padding-top:10px;border-top:1px dashed #dbdbdb}
.ulspside li .img{width:100%;height: 100px;text-align:center;}
.ulspside li .img img{width:100%;height:auto;min-height:100%}
.ulspside li .tdspside{color:#3f3f3f;}
.ulspside li h4{overflow:hidden;font-size:14px;color:#333;}
.ulspside li h4:hover{color:#519a27;}
/*detail-product*/
.slider_contain {overflow: hidden;width:50%;float:left;}
.slider_contain .productPhotos{height:550px;background:#fff;}
.slider_contain .productPhotos img{width:100%;height:auto;min-height:100%}
#carousel {margin-top:5px;}
#carousel .slides > li{height: 100px;}
#carousel .slides > li img{width:auto;height:auto;min-height:100%;min-width:100%}
.info_contain{width:50%;float:right;padding-left:30px;box-sizing:border-box;position:relative}
.info_contain .hang{font-size:16px;font-family:avob;color:#1a531f}
.info_contain .title-product{font-size:30px;color:#519a27;font-family:hongha;text-transform: capitalize;}
.info_contain .motadp{margin:20px 0;font-size:15px;color:#333}
.info_contain .giadp{position:relative;font-family:avo;font-size:18px;color:#4a4a4a;display:inline-block;font-weight:bold}
.info_contain .giadp span{color:#ef0000}
.info_contain .price-old{display:inline-block;color:#acacac;font-size:15px;text-decoration:line-through;font-style: italic;}
.info_contain .contact-us{text-transform:uppercase;font-size:16px;}
.info_contain .contact-us a{margin:10px 0;padding:10px;background:#fff;transition:.4s;color:#519a27;border:1px solid;box-sizing:border-box;display:inline-block;border-radius:5px;}
.info_contain .contact-us a:hover{background:#519a27;color:#fff}
/*detail-product product-tab*/
.product-tab{}
.detail-pro{border-bottom:1px solid #d3d3d3;padding-bottom:20px;text-transform:capitalize;color:#000}
.detail-pro li{position:relative;display:inline-block;border-bottom:0;border:1px solid #000;border-radius:5px;padding:10px 15px;cursor:pointer}
.detail-pro li+li{margin-left:20px;}
.detail-pro li.active{color:#135e00;}
.detail-pro li:hover{border-color:#135e00}
.detail-pro li h3{font-size:14px;font-family:bot;font-weight:normal}
.tab-over{background:#fff;position:relative;}
.tab-contain{display:none;border-top:0;}
.tab-contain article{background:inherit;padding-bottom:0;margin:20px 0}
#tab-review iframe{width:100% !important}
/*detail-product sameboxdp*/
.title-same{font-family:hongha;font-size:30px;position:relative;background:#fff;}
.title-same:before{content:"";position:absolute;border-top:1px solid #d3d3d3;height:1px;width:100%;top: 57%;}
.title-same span{position:relative;background:#fff;padding-right:10px}
.uldp{margin-top:20px}
/*tintuc page*/
.tintucpage{}
.listtt{margin-top:50px}
.ultp{padding:10px;box-sizing:unset;margin-left:-10px;margin-right:-10px;}
.ultp li{float:left;width:32%;margin-right:2%;padding:0;}
.ultp li:nth-child(3n+3){margin-right:0;}
.ultp li:nth-child(n+4){margin-top:30px;}
.ultp .imgtt:after{content:"\f002";font-family:fontawesome;font-weight:300;color:#fff;position:absolute;box-sizing:border-box;z-index:5;font-size: 25px;padding: 6.5px 0;width: 50px;border:1px solid #fff;border-radius:100%;text-align:center;left:0;right:0;margin:auto;top:35%;transform:translateX(500px);transition:transform .2s;}
.ultp .imgtt:hover:after{transform:translateX(0);}
/*tintuc detail*/
.baiviet{}
.title-post{font-size:30px;color:#333;font-family:hongha}
.fbbv{border-top:1px dashed #d3d3d3;border-bottom:1px dashed #d3d3d3;padding:15px 0;}
.ttbv{color:#22a600;margin-top:10px;}
.ulsamebv li{width:24%;margin-right:1.333333333333%}
.ulsamebv li:nth-child(3n+3){margin-right:1.333333333333%}
.ulsamebv li:last-child{margin-right:0 !important;margin-top:0}
/*albumanh*/
.title-album{text-align:center;margin-top:30px;font-family:cenb;font-size:30px;text-transform:capitalize;color:#22a600}
/*khac*/

.button-phone{position:fixed;bottom:20px;left:15px;width:60px;height:60px;text-indent:-1000px;background:#ffffff url(/Design/icon-mphone.png) no-repeat center 16px;background-size:50%;border-radius:100%;z-index: 134;box-shadow:0 0 5px rgba(0,0,0,.5);}
.button-phone:before{animation:phone-inner 3s infinite;top: 0;left: 0;width:100%;height:100%;background-color: rgb(220, 31, 38);border-radius: 100%;
position:absolute;content:""; }
.button-phone:after{top: 0;left: 0;width: 100%;height:100%;background-color: #ffffff;border-radius: 100%;position:absolute;
content:"";animation: phone-outer 3s infinite 1.5s;z-index:1;}
@media only screen
and (max-width :1279px){
#slideshow{height:330px}
.mnlic1{margin-right:5px;}
.mnliac1{}
.hotline{position:absolute;right:0}
.thebest p span{font-size:15px}
.map-default{height:auto;}
.ndmap{padding:15px 0;margin-top:0}
.ndmap h2{font-size:22px}
.ndmap .border{margin:5px 0}
.ttndmap{width:100%;font-size: 19px;line-height:1.8}
.linksp{margin-top: 20px;}
.infoctyf{max-width: 400px;}
/*inner*/
.lstalbumcty li img{max-width:100% !important}
/*#*/
header .name-company{margin-left:10px}
header .middle{background-size:auto 100%}
header .middle .top-head div+div{margin-left:10px}
.menu_sp h3{width: 214px;}
.menu-parent{display:none}
header .middle .callus{margin-top: 15px;margin-left: 8px;}
.searchbox .txt{width: 265px;}
.company-name{font-size:22px;margin-top:30px;}
.imgsphot{display:none}
.link-sphot{float:left;width:100%;margin:10px 0}
.link-sphot a{width:12%;margin-right:0.5714285714286%}
.link-sphot a:last-child{margin-right:0}
.menuProduct{right:0;}
.about-default .title-about{padding-top:32px;}
.about-default .right-content{width:650px;}
.list-product .postImg{height:220.25px;}
.gia{font-size:15px}
.gia i{font-size:11px}
.title-parner{width:17%;margin-left:0;text-align:center;margin-top: 28px;}
.mnfoot:nth-child(3){display:none}
.info_contain .contact-us span+span{margin-left:0;display:block}
}
@media only screen
and (max-width :1023px){
#slideshow{height:248px}
.logo{height: 86px;}
.namecty{height:80px;margin-top:0}
.tophead .container{position:relative}
.midhead{height:0;overflow:hidden;border:0}
#ShowMenu{left:0;display:block;position: absolute;top: 28px;}
#ShowMenu:before{content:"\f0c9";font-family:fontawesome;color:#fff;font-size: 30px;border:1px solid #fff;padding: 0 8px;position:absolute;border-radius:4px;line-height:1.3;}
#ShowMenu.close:after{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;border:0;left:0;content:"";}
nav.menumain{position:fixed;z-index:999;top:0;background-color:#519a27;width:250px;height:100%;display:none;padding-top:30px !important;left:0;}
nav .logo,nav .mnulc1 {float:none;position:static;}
nav .mnulc1 {margin-top:0;height:auto;border:0;width:100%}
nav .logom{display:block;height: 80px;text-align:center;margin-bottom:20px;}
nav .logom img{height:100%;width:auto}
nav .mnlic1{width:100%;color:#fff;float:none;text-align:left;padding-bottom:0;padding-left:0;font-size:14px;border-bottom:1px solid #fbfbfb}
nav .mnliac1{padding: 6px 0;font-weight:normal;font-family:muli;padding-left: 27px;line-height:1.7}
nav .mnliac1:before{display:none}
nav .homea{color:#fff;text-indent:0;position:relative;width:auto;text-align:left}
nav .homea i{left:3px;right:auto;top:}
nav .menusub{position:relative;margin:0;padding:0;background: #092f00;}
nav .mnlic2{padding: 6px 0;font-weight:normal;font-family:muli;padding-left: 33px;line-height:1.7;border:0;border-top:1px solid #fbfbfb}
.hotline{margin-right:5px}
.gt-default{background-size:cover;height:auto;padding:30px 0}
.about-default{padding: 0 0 30px;text-align:center;}
.about-default .gioithieu{width:100%;}
.about-default .ttgt p{width:100%}
.about-default .imgabout{width:100%}
.about-default .imgabout img{/* width:60% */}
.thebest{margin-top:0;padding:30px 0}
.footsp h4{height:32px;}
.map-default .maplocal{display:none}
.map-default .ndmap{width:100%;text-align:left;float:none}
.map-default .ndmap h2{width:auto}
.map-default .ndmap img{text-align:center;margin:auto;display:block}
.infoctyf{max-width:calc(100% - 200px)}
.rightfoot{display:none}
/*inner*/
.text-about,.picture-about{float:none;}
.text-about{width:100%;}
.text-about hgroup{text-align:center}
.text-about .border{margin:auto;margin-top:15px;text-align:center;display:block}
.picture-about{margin:auto;margin-top:20px;width:500px;padding:0;}.picture-about:before{display:none;}
.spsite{width:100%;float:none}
.bnspsite{display:none}

/*#*/
.sptop {display:none}
.logo:before,.tttop{display:none}
.searchbox .txt{width: 365px;}
.product-default{/* padding-top:50px */}
header .middle .callus{display:none}
header .middle .top-head .baohanh,header .middle .top-head .hotlite{display:none}
.info-head >div:nth-child(2){display:none}
.menu-slider .book-category{width:100%;}
.book-category ul{overflow:hidden;width:100%;}
.book-category li{width:49%;float:left;box-sizing:border-box;position:relative;}
.book-category li:nth-child(2n+2){float:right;}
.book-category li:nth-child(2){/* border-top:none; */}  
.middle-header .container{height:66px;}

.company-name{margin-top:20px;margin-left:90px;}
.top-header .menu-top{position:absolute;right:0;color:#fff;top:75px;}
.top-header .menu-top a{display:inline-block;text-align:center;margin:0;}.top-header .menu-top a+a{padding-right:0;}
.top-header .menu-top a:before{color:#87d9f5 !important;}
.top-header .left{width:100%;margin-left:0;float:none;}


.menuProduct{width:100%;text-align:center;background:rgba(255,255,255,.8);left:0;}
.menuProduct li{float:none;display:inline-block;background:transparent;}
.tuberight li{width:100%}
.tuberight li+li{margin-top:5px}
.tuberight li:nth-child(n+3){display:none}
.tuberight li iframe{width:100%}

.list-product li{width:33.33333333333%;}
.bansp{width:33.33333333333%}
.slidesp{width:66.66666666667%}
.about-product{height:250px;}
.about-product .title-special{font-size:18px;padding-bottom:15px;margin-bottom:0;}
.about-product li{font-size:15px;padding:0;padding-left:20px;line-height:1.6}.about-product li:before{top:5px;width:12px;height:12px;background-size:100%;}
.feature-category{width:49%;margin-right:0;}.feature-category+.feature-category{float:right;}.nth-feature{clear:both;width:100%;margin-top:20px;}
.nth-feature .item .postImg{height:100px;width:20%;}.nth-feature .item .text{width:78%;}
footer .menu-tiep .no,footer .register{width: 304px;}
.col-side{display:none;}.col-section{width:100%;display:block;float:none;}
.product-default >div:nth-child(4) .link-title li:nth-child(4){display:none}
.link-title a:nth-child(n+6){display:none}
.link-title a:last-child{display:inline-block}
footer .top-footer .no{display:none}
footer{background-size:auto 100%}
.title-parner{}
footer .infocompany{float:none;width:100%;}
.dkfoot{display:none}
.mnfoot{margin-right:0;width:50%}
.lhfoot{float:none}
}

@media only screen
and (max-width :467px){
#slideshow{height:133px}
header{background-size:auto 110%}
.tophead .ndtop{font-size:11px;background:none;padding:0;overflow:unset}
.tophead .ndtop .container{padding-bottom:5px;overflow:unset}
.tophead .dctop{float:none;width:100%;font-size:10px}
.tophead .sdttop{margin-left: 56%;}
.tophead .lang{float:right;margin-left:0}
#ShowMenu{top: 0px;}
#ShowMenu:before{font-size: 18px;padding: 0 5px;}
.tophead .nametop{padding:10px 0}
.logo{height: 55px;}
.namecty{height:50px;margin-left: 8px;}
.about-default .ttgt p{width:100%;font-size:15px}
.about-default .linkgt{margin-top:20px}
.thebest{padding:15px 0}
.thebest p{width:50%;padding-left: 57px;height:51px;overflow:hidden}
.thebest p:before{width:50px;height:50px;background-size:100%}
.thebest p:nth-child(n+3){margin-top:10px}
.thebest p strong{font-size: 20px;margin-top:0;}
.thebest p span{font-size:13px}
.product-default{padding:30px 0}
.ulsp{margin:0;margin-top:10px;padding:0}
.lisp{width:49%;margin-right:2%}
.lisp:nth-child(3n+3){margin-right:2%}
.lisp:nth-child(2n+2){margin-right:0}
.lisp:nth-child(n+3){margin-top:2%}
.lisp .imgA{height:150px}
.footsp{padding:0}
.footsp h4{font-size: 14px;height:28px}
.muasp{bottom: 11%;top:auto;right:0;}
.muasp:before{font-size:16px;padding:5px}
.linkasp{font-size:15px}
.map-default{background-size:cover;background-position:center}
.map-default .ndmap h2{font-size:14px}
.map-default .ndmap img{width:120px;text-align:left;margin:0}
.map-default .ttndmap{font-size:13px}
.tintuc-default .container{padding:20px 0}
.tintuc-default .slidett{margin-top:0}
.tintuc-default .linksp{margin-top:0}
.namelogof{width:100%;float:none}
.logof{float:none;}
.namef{float:none;margin:0}
.mxhf{margin-top:5px}
.titf{text-align:center;margin:10px 0}
.titf:before{text-align:center;margin:auto;left:0;right:0}
.infoctyf{margin:0;max-width:unset;}
.ulmnf{font-size:15px}
.ulmnf li{width: 33.333%;text-align:center}
.ulmnf li a{padding:0;border:none !important}
.foot{text-align:center}
.foot .copy,.foot .ttf{float:none}
/*inner*/
.inner-page{padding:30px 0}
.title-default{font-size:20px}
.title-post{font-size:16px}
.aboutpage{padding:0}
.aboutpage .container{padding-top:40px}
.fbgt{top:10px}
.listimggt{padding:0;}
.listimggt li{width:50%;margin:0 !important;padding:1%;box-sizing:border-box;background:#fff}
.listimggt li a{display:block;overflow:hidden;height:100%;position:relative;border-radius:2px}
.ultp li{width:49%;margin-right:2%}
.ultp li:nth-child(3n+3){margin-right:2%}
.ultp li:nth-child(2n+2){margin-right:0}
.ultp li:nth-child(n+3){margin-top:2%}
.ttbv *{font-size:13px}
/*#*/
.top1{height: 39px;}
.top1 li *{font-size:10px;width:100%}
.top .container{padding:5px 0 0}
.giohang{font-size:11px}
.giohang span{width:15px}

.searchbox .txt{width: 294px;/* font-size:11px; */padding: 5px 7px;}
.searchbox .btn{font-size:11px;width: 31px;padding-top: 0px;height:100%;top:1px;border:0}
.searchbox .btn i{margin-top: 4px;}
header .middle{height: 45px;}
header .name-company{font-size:20px;margin-top: 10px;}
header .middle .timework{display:none}
header .searchbox{margin-top: 9px;}
.info-head{display:none}
.link-sphot a{width:24%;margin-right:1.333333333333%}
.link-sphot a:nth-child(4n+4){margin-right:0}
.link-sphot a:nth-child(n+5){margin-top:1.333333333333%}
.bansp{display:none}
.slidesp{width:100%}
.title-cat >span i{width:10px;height:10px;top:0}

.hidesp{padding:5px 10px;font-size:11px}
.doitac,.logo-over{width:100%}
.nextdt, .prevdt{display:none}
header .middle .callus{display:block;position:absolute;margin:auto;right:10px;top: 44px;}
header .middle .calltext{font-size:11px;margin-bottom: 0;}
header .middle .calltext i{font-size:18px}
header .middle .hotline{padding:0 20px 0 5px;font-size:13px}
header .middle .hotline:before{width:26px;height:26px;background-size:100%;right:-10px;background-repeat:no-repeat}
header .menu-header{height:35px}
header .menu_sp h3{font-size: 12px;padding: 10px 6px;}
.banner-header{display:none;}	
.book-category li{width:100%;float:none !important;}
.book-category li:nth-child(2){border-top-width:1px;}
.top-header .container{padding:3px 0;height:20px;}
.top-header .left{font-size:13px;}
.top-header .menu-top{display:none;}
.middle-header .container{height:55px;}
.company-name{font-size:18px;margin-left:70px;margin-top:15px;}
.middle .container{height:80px}

.menu-parent > li{padding:5px 0}
.menu-parent li a{font-size:13px}
.menu-parent .menusub li > a{/* padding: 8.5px 12px; */}

.menuProduct{}.menuProduct li{font-size:13px;}.menuProduct li+li:after{top:2px;font-size:10px;display:none;}
.menuProduct li a{text-align:left;padding:2px 8px;}
.title-about h2{font-size:19px;}.title-about h5{font-size:14px;}
.about-default .right-content{font-size:14px;}
#productDefault ul{display:block;position:static;}#productDefault ul+ul{margin-top:20px;}
.list-product li{width:50%;height:289.72px}
.list-product .postImg{height:173.22px;}
.about-product li{font-size:13px;}.about-product li:before{top:4px;}
.feature-category{width:100%;float:none !important;}.feature-category+.feature-category{margin-top:20px;}
.nth-feature .item .postImg{height:80px;width:30%;}.nth-feature .item .text{width:67%;}
footer .menu-tiep{text-align:center;display:none;}
.logo-footer{/* display:none; */}.title-company{margin-left:0;}
footer .top-footer{text-align:center}
footer .top-footer .logo-footer{text-align:center;float:none}
footer .top-footer .right{float:none;overflow:hidden;width:100%;text-align:center;margin-top:10px;margin-bottom:-8px}
.social-footer{float:none;overflow:hidden;text-align:center;margin-top:0}
.social-footer .contain{margin:auto;text-align:center;display:inline-block}
.social-footer .contain a{float:left}
.social-footer .contain a+a{margin-left:5px}
footer .middle .overHide{/* margin-top:20px; */}
.title-detail{font-size:16px;}
.list-article-category .item,.list-article-category .item:nth-child(3n+3){width:48%;margin-right:0;}
.list-article-category .item:nth-child(2n+2){float:right;}.list-article-category .item:nth-child(n+3){margin-top:20px;}
.list-article-category .item .postImg{height:150px;}
.info_contain,.slider_contain{width:100%;float:none;padding-left:0}.slider_contain{margin-top:20px;}
.info_contain .description,.info_contain .left-content{width:100%;float:none;}.info_contain .left-content{margin-top:20px;}
.slider_contain .productPhotos{height:400px;}
.list-same-post h4{height:64px}.list-same-post .desc{display:none;}
.list-same-post .postImg{height:100px;}
footer .infocompany{float:none;width:100%;}
footer .register{float:none;width:100%;margin-top:10px;clear:both;height: 330px;}
.bordertit{width: 31%;height:38px;}
.link-title li{display:none;}
.link-title a{font-size: 9px;padding: 7px 3px;}
.link-title a:nth-child(4){display:none}
.link-title a:last-child{display:inline-block}
.title-news,.title-parner{/* font-size:20px; *//* display:none; */padding-bottom:0;width:100%}
#Parner_Object{width:100%}
.ddlLink{height: 30px;font-size:10px;max-width:100px;padding:0;}
footer .top-footer .logo-footer h2{font-size:29px;margin-left:5px}
footer .infocompany h2{font-size:16px;}
footer .infocompany p, .menu-footer li{font-size:13px;}
footer .foot .footm{display:block;text-align:center}
footer .statics{float:none;text-align:center}
.info_contain .contain,.hang,.title-product{text-align:center}
.hang{display:block}
}
@media only screen
and (max-width :467px){ 
header .middle hgroup{display:none}
header .menu_sp h3{width:200px;height:auto}
header .menu-parent{display:none;height:407px}
.banner-top a{float:none;width:100%;height:auto}
.banner-top a img{height:auto;width:100%}
.banner-top a+a{margin-left:0;display:none}
.mnlisp2{width:auto;float:none}
.mnliasp2{border-bottom:none}
.mnlias3{margin-left:8px;}
.footinfo{margin-left:0;float:none;width:80%;margin:auto}
.lhfoot{text-align:center;margin-top:0;width:80%;margin:auto}
.cd-top.cd-fade-out{width:35px;height:35px;bottom: 20px;}
.button-phone{width:35px;height:35px;background-position: 9px 9px;}
.mnlis1:nth-child(4) .menusubs{width: auto;overflow:scroll;box-sizing:border-box}
.mnlis1:nth-child(4) .menusubs .mnlis2{float:none;width:auto}
.tube{width:100%;height:200px;padding-right:0}
.tuberight{width:100%}
.tuberight li{height:200px;margin-top:10px}
.tuberight li+li{display:none}
}
@media only screen
and (max-width :400px){
.ulslideshow{height:121px}
}