/* CSS Document */

/*@import url('animate.css');*/

@font-face {

    font-family: 'BeVietnamPro';
    src:  url(../font/bevn/BeVietnamPro-Regular.ttf);
  
  }
  @font-face {

    font-family: 'BeVietnamPro Bold';
    src:  url(../font/bevn/BeVietnamPro-Bold.ttf);
  
  }
  @font-face {

    font-family: 'BeVietnamPro Medium';
    src:  url(../font/bevn/BeVietnamPro-Medium.ttf);
  
  }

:root {
    --main-color: #9f0e33;
   
  }
  :root {
    --main-color2: #030000;
    --font:BeVietnamPro;
   
  }
*{ margin:0; padding:0;}

.rung{animation:code-pro-rung-lac 2s ease infinite}
@-webkit-keyframes code-pro-rung-lac{
0% {-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}

body{ margin:0; padding:0;    text-align:center;  position:relative;  color:#363636; line-height:25px; font-family:var(--font); font-size:16px}


div{ margin:0; padding:0}
.overflow-hidden{ overflow:hidden}
img { border:none}
.detail-ct img{ max-width:100% !important; height:auto !important }

ul li{ list-style:none}

a { text-decoration:none; color:black }


.clear{ clear:both}

input.button{ width:auto !important; height:auto; padding:10px 30px 10px 30px !important; background:#FE6600; color:white; font-weight:bold; cursor:pointer; border:none !important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} 

input.button:hover{ background:#FF0000}





h3.title, h1.title, .title-page{ padding:0px 0 5px 0 ; font-size:23px; line-height:45px; margin:20px 0 20px 0; overflow:hidden;  border:0px solid red; text-transform:uppercase;  text-align: center;}


h3.title a{ color:#FFF; margin:0 0 0 0px}


.title-detail-news{ color:#002C3D; font-size:25px; margin-bottom:10px}
.short{width:180px}





div.title{    margin-bottom:10px; }



#wrapper{margin:0px auto auto auto;  }

.wrapper{margin:0px auto auto auto;width:1200px; border:0px solid red; text-align:left; }
.bg-white{ padding:5px 20px 5px 20px;  overflow:hidden}



/******************* Header ********************************/
.fixed-top{width:100%; position:fixed; top:0; left:0; z-index:9999; background:#FFF !important; border-bottom:1px  solid #eaeaea}

.top-header{ overflow:hidden; color:#77543B; padding:3px 0 3px 0; text-align:center; border-bottom:1px solid #8B4040 !important; margin-bottom:10px; font-weight:bold; clear:both;width:100%; float:left}



#header{margin: 0 auto; clear:both;   border:0px solid; z-index:999; float:left;width:100%;  color:white ;}
.header1{ background:url(../images/line1.png) repeat-x; overflow: hidden;padding:10px 0 0 0 }
.header2{background:url(../images/line3.png) bottom repeat-x; overflow: hidden; position:absolute; top: 0; left: 0;width:100% ;padding-bottom: 40px; z-index: 99;}
.header1 .left{ overflow: hidden; float: left; width:470px}
.header1 .email{ overflow: hidden; float: left; color: white; background: url(../images/icon-email.png) left center no-repeat;padding:0 0 0 35px}
.header2 .hotline{ overflow: hidden; float: right; color: white; background: url(../images/icon-hotline.png) left center no-repeat;padding:0 0 0 35px;margin:10px 0 0}
.header1 #frmSearch{ overflow: hidden; float: right; color: white;border:1px solid white;border-radius:20px ;padding:2px 10px 2px 5px}
#frmSearch #btnSearch{width: 35px; height: 25px; background: url(../images/icon-search.png) center no-repeat;border:none} 
#frmSearch #keyword{background: none;border:none; outline: none; color: white;} 
#frmSearch #keyword::placeholder{color: white;}
#header .logo{ overflow:hidden; float:left; margin:5px auto 5px auto;width:250px}
.logo img{ height:80px}
.logo-mb1,.logo-mb { display:none}
.fixed-top .logo-small{ display:block }
.fixed-top  .menuTop ul li{ margin:0 25px 0 0}
.fixed-top .menuTop ul li a{ color:#012D3D; }
.logo-small img{ height:60px; float:left; margin:0 20px 0 0;}

#header .cart{ float:right;  height:50px;   text-align:right ; margin:15px 0 0 0px; color:white; position:relative }
#header .cart span{ height:20px; width:20px; display:inline-block; margin:5px 5px 0 0; line-height:20px; text-align:center; font-size:12px; position:absolute; top:-10px; left:15px; background:red; border-radius:100%}
#header .cart i{ float:right;margin:5px 0 0 10px}


.lang img{  margin:0 0 0 5px}

#slideHome{ overflow: hidden; clear: both; position: relative;}
#slideHome img{max-width: 100%;}
.menuTop2,.icon-menu{ display:none}

.bg-menu{ background:#BD000B;width:100%; float:left; clear:both}

.menuTop{ height:40px; line-height:40px; border:0px solid ;width:700px; float: right; text-align: right;margin:0 0 5px 0}

.menuTop ul{}

.menuTop li{ display:inline-block;  position:relative;  text-align:center; white-space:nowrap; margin:0 15px 0 0px;  position: relative;}

.menuTop .icon-sub{background:url(../images/icon-down.png) right center no-repeat; padding-right:20px}

.menuTop li:last-child{ background:none; text-align: right; margin-right: 0; }
.menuTop li a{display:inline-block; color:#FFF }

.menuTop .home{width:33px; background:url(../images/icon-home.png) center no-repeat; margin:0px 0 0 0}

.menuTop .active-home{background:#FF0000 url(../images/icon-home.png) center no-repeat;}

.menuTop .home span{ display:none}

.menuTop li:hover , .menuTop li.active {background: url(../images/line4.png) bottom center no-repeat;  }

.menuTop li:hover ,.menuTop li.active { }


/*************************** Sub menu********************/


.menuTop ul li ul{position:absolute; top:60px; left:0px;width:250px; z-index:99999999 !important; display:none;background:#004EAD;/*box-shadow: 0 2px 4px 2px rgba(0,0,0,.09);
    background: #FFF;padding:10px;    box-sizing: border-box;*/}



.menuTop ul li:hover ul{ display:block}


.menuTop ul li:hover ul ul{ display:none}



.menuTop ul li ul li{ text-align:left; height:auto;  line-height:25px !important; padding:5px 10px 5px 10px;  margin:0; border-bottom:1px solid #DDD; display:block; float:none;  position:relative; white-space:normal; background:none; text-transform:none; margin:0 !important;}
.menuTop ul li ul li:hover{}
.menuTop ul li ul li:hover a {}

.menuTop ul li ul li:last-child{ border-bottom:0}
.menuTop ul li ul li a{  background:none !important; padding:0;  font-weight:normal;width:100%; display:inline-block; color:#FFF  !important  }

.menuTop ul li ul li ul li a{}
.menuTop ul li ul li ul li:hover a{ color:#FFF !important}
.menuTop ul ul ul{ position:absolute; top:0px; left:250px;width:250px; padding:0; display:none; }

.menuTop ul ul ul li{}

.menuTop ul ul ul li a:hover{  }
.menuTop ul ul li:hover ul{ display:block}




#content{ text-align:left; padding:0px ;  margin:0px auto 0px auto; overflow:hidden; clear:both; border:0px solid; }

/**************** Main -content****************/




.main-content{overflow:hidden; float:right;margin:0px 0px 0 0px;width:calc(100% - 300px); text-align:left; border:0px solid red; background: #FFF;padding: 10px;}

.listProvinceHot { text-align: center; overflow: hidden;}
.listProvinceHot li{ display: inline-block; line-height: 50px;margin:0 10px 0 10px}
.listProvinceHot a{border:1px solid #ababab; color: #ababab; padding:8px 30px 8px 30px;border-radius: 30px; background: #f8f8f8;}
.listProvinceHot a:hover, .listProvinceHot a.active{ background: var(--main-color); color: white; border: 1px solid var(--main-color);}
.list-cate{width:100%;  margin:0px 0 30px 0; text-align:center; vertical-align:top; }



.list-cate .item{ overflow:hidden; border-radius:10px; height:230px; text-align:center; position:relative}


.list-cate .item img{ width:100% ;transition-duration: 0.4s;}
.list-cate .item:hover img{ transform: scale(1.1);}
.list-cate .item:hover .name span{ background:url(../images/icon-right-white.png)  center no-repeat; background-size: 100% 100%}
.list-cate .name{ position:absolute; bottom:0; left:0; z-index:2; background:rgba(0,0,0,0.6) ;width:calc(100% - 20px);padding:10px;border-radius:10px; font-family:Inter ExtraBold; font-size:18px; background-size:30px 30px;transition-duration: 0.4s;}	
.list-cate .name a{ color:#FFF; text-transform:uppercase; display:inline-block;width:100%; min-height:30px}
.list-cate .name span{ display:inline-block;width:30px; height:30px; float:right; }
.list-cate .owl-controls{ }
.list-cate  .owl-prev,.list-cate .owl-next{ display:block !important;width:55px; height:55px; border:0px solid red; cursor:pointer; position:absolute; top:100px; z-index:9999}
.list-cate  .owl-prev{ left:-30px; background:url(../images/icon-pre2.png) center no-repeat; background-size:40px 40px}
.list-cate  .owl-next{ right:-30px; background:url(../images/icon-next2.png) center no-repeat; background-size:50px 50px}

.text-intro-home{ overflow:hidden; /*background:url(../images/line3.png) bottom center no-repeat;*/ padding:10px 0 50px 0}
.detail-cate{ overflow:hidden; margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.bg-box-product-home{ background: url(../images/bg-box1.webp) top center no-repeat; padding:60px 25px 30px 25px; overflow:hidden; margin:0px 0px 0px 0; text-align:center; background-size:100%}
.bg-box-product-home .top{ color:white; font-size:47px; font-family:Inter ExtraBold; margin:40px 0 60px 0;line-height:36px; text-align:left; text-transform:capitalize}
.slide-product  .owl-prev,.slide-product .owl-next{ display:block !important;width:55px; height:55px; border:0px solid red; cursor:pointer; position:absolute; top:100px; z-index:9999}
.slide-product  .owl-prev{ left:-30px; background:url(../images/icon-pre2.png) center no-repeat; background-size:40px 40px}
.slide-product  .owl-next{ right:-30px; background:url(../images/icon-next2.png) center no-repeat; background-size:50px 50px}
.slide-product .owl-controls{   text-align:center;padding-top:30px; }
.slide-product .owl-dot{width:15px; height:15px; border-radius:100%; border:1px solid #006588; display:inline-block;margin-right:5px;display:none}
.slide-product .owl-controls .active{ background:#006588}


.product-item{ overflow:hidden;  border:1px solid #DDD;  position:relative; background:#FFF;border-radius:10px; padding:5px 5px 5px 5px !important}
.product-item .img{ overflow:hidden; margin-bottom:10px; text-align:center ;border-radius: 10px;}
.product-item .img img{max-width:100%; ;border-radius: 10px;height:185px; margin:0px 0 0 0;-ms-transform:scale(1);-o-transform:scale(1);transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}

.product-item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}

.product-item .info{line-height:25px; overflow:hidden; padding:10px}
.product-item .text{ overflow:hidden; padding:10px}
.product-item .name{ overflow:hidden;  text-align: center; font-size: 18px; min-height: 60px; }
.product-item .province { color: #9f0e33; margin:10px 0 10px 0 }
.product-item:hover {  }
.product-item:hover a{ color:var(--main-color) }

.product-item p.sapo {  }
.product-item .new {  background: url(../images/news.png)  top right no-repeat;width:131px; height: 97px; position: absolute; top: -5px; right: -5px; z-index: 99;border:0px solid}


.product-item .price {  background: url(../images/icon-usd.png) left center no-repeat;padding:5px 0 5px 70px; margin-bottom: 10px; min-height: 60px;}
.product-item  .price1{ color:#fda605 ;}
.product-item  .price2{    }
.product-item .label { color:#8a8b8b; display: block;font-size:16px}
.product-item .buy a {padding:5px 10px 5px 10px; background:#CA0000 ; color:white;border-radius:3px}
.product-item .date {  background: url(../images/icon-time.png) left center no-repeat;padding:5px 0 5px 70px; font-size: 18px; color: #000;}




.product-item .detail{ color:#CE6C00; }




.product-item .order a { background:#FF0000; color:white; padding:5px 15px 5px 15px; border-radius:3px}

.product-item .discount{ position:absolute; top:0; right:0; z-index:9; background:url(../images/bg-sale.png) center bottom no-repeat; color:white; text-transform:uppercase; padding:7px 5px 20px 5px; text-align:center; line-height:25px }
.product-item .discount span{ display:block; font-size:12px}

.list-product{overflow:hidden; margin:10px 0 10px 0; }



.list-product .item{width:calc(25% - 30px) ; float:left; margin:0 23px 0 0; padding:0px;   overflow:hidden;  line-height:25px;}

.list-product .item4{ float:right; margin-right:0}

.list-product .clear4{ height:40px; clear:both; }

.list-product img:hover{opacity:0.8}
.list-product3{overflow:hidden; margin:10px 0 10px 0;}



.list-product3 .item{width:calc(33% - 20px) ; float:left; margin:0 32px 0 0; padding:0px;   overflow:hidden;  line-height:25px;}

.list-product3 .item3{ float:right; margin-right:0}

.list-product3 .clear3{ height:40px; clear:both; }


/*************** Footer ****************************************************************/
.sp-bt{position: fixed;bottom: 5px; right: 50px; z-index: 9; float: right;}
.icon-ft{width: 70px; height: 67px; background: url(../images/icon-sp.png) center no-repeat; float: right; }
.sp-bt .ct{ background: var(--main-color); color: white;padding:10px 20px 10px 20px;border-radius: 20px; float: right;margin:20px 10px 0 0; display: none;}
.sp-bt:hover .ct{ display: block}
.bannerBottom{ overflow: hidden;  padding: 0;}
.bannerBottom img{max-width: 100%;}
#bottom{ background:#870a28; color:white; text-align:center; padding:10px 0 10px 0}



#footer{ overflow:hidden; text-align:center;  margin:auto;  clear:both; background:var(--main-color); color: white;}

.footer{text-align:left;   padding:20px 0px 20px 0px ; overflow:hidden;  position:relative; }
#footer .social{  overflow: hidden; float: right;}

#footer .social img{  margin:0 0px 0 0px}
#footer .social a{ }



.map-ft{ overflow:hidden;width:400px; float:right; line-height:25px}
.map-ft iframe{width:100% !important; height:200px !important}
.content-ft{ overflow:hidden; line-height:25px; overflow:hidden; margin-bottom: 20px; border-bottom:1px solid #cc8c9c;padding-bottom: 20px;}
.content-ft li{ }
.footer strong { font-family: BeVietnamPro Bold;}
.footer .box2 { margin-left:100px; text-align:center}
.footer .box3 { float:right; margin-right:20px}
.content-ft table iframe{width:98% !important; height:190px !important }
.footer  .top{ font-family:Inter Bold;margin-bottom:10px; display:block; font-size:20px; color:#004CAD}


.footer  .map-ft iframe{width:90%; height:150px !important}

.footer .brand{ display: flex; flex-wrap: wrap;gap: 20px; float:right;width:300px}
.brand	.item {
    text-align: center;
    margin-bottom: 0px;
    flex: 1 1 calc(50% - 20px);
}
.footer .brand img{ height:40px}
.menuFooter{  padding-top:10px; overflow: hidden; clear: both;}
.menuFooter ul{ float: left;}
.menuFooter  a{ color:white}

.menuFooter li{ display:inline;  margin-right: 20px;}



.menuFooter li:last-child{ background:none; border:none }

.linksPage{ overflow:hidden;  clear:both; display:block;padding-left:0;margin:20px  auto auto auto;border-radius:4px;border:0px solid #DDDDDD; text-align:center;}
.linksPage li{position:relative; display:inline-block;line-height:25px;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin:1px 5px 0 5px; list-style:none}
.linksPage li a{ display:inline-block;padding:6px 12px; background:#FAFAFA}
.linksPage li a:hover{ background:#eee}
.linksPage li.current{padding:6px 12px; background:var(--main-color); color:white}



.page-content{ overflow:hidden; margin:0 0px 0px 0px;}



/********************************* BreadCrumd ************************************/


.breadcrumb{ line-height:25px; padding:15px 0 10px 0px; overflow:hidden }




.breadcrumb li{ float:left;   /*background:url(../images/icon-row.png) right center no-repeat; padding:0 12px 0 3px;*/ color:#666 }
.breadcrumb .home{ /*background:url(../images/icon-home2.png) left center no-repeat; padding:0 5px 0 20px;*/ }



.breadcrumb li:last-child{ background:none; color:#004CAD }


.breadcrumb li a{color:#666 }
.box-info-pro{ overflow: hidden; padding: 10px;border:1px solid #DDD; border-radius: 10px;; margin-bottom: 20px;}
.title-detail-pro{ background: var(--main-color); color: white;padding:10px 20px 10px 20px;border-radius: 10px; margin-bottom: 20px;}

.top-detail-pro{ overflow:hidden; background:#fbfbfb; padding:15px; border:1px solid #e5e5e5; margin-bottom:20px}

.img-product{margin:5px 40px 15px 0; overflow:hidden;width:400px; float:left; border:0px solid #DBD8D3;border-radius:5px }
.img-product .list-img{ overflow:hidden; margin:10px 0 0 0; text-align:center; clear:left; float:left}
.img-product .list-img img{ height:50px;width:auto; min-height:inherit; margin:5px 5px 0 0;}
.title2{ font-size:19px; font-weight:normal; color:#0395d0; margin-bottom:10px}

.img-product .large{ overflow:hidden; position:relative; border:0px solid red; width:100%;display: block ; margin-bottom: 30px;}
.img-product .large   img{ text-align:center;  max-height:350px; min-height:350px ; max-width:100%}
.img-product .thumb{ margin:5px 5px 5px 5px; display: inline-block; overflow: hidden;}
.img-product .thumb img{height: 60px;}
.info-product {width:calc(100% - 460px);margin:0px 0 0px 0px; overflow:hidden; float:left;  position:relative; border:0px solid; line-height:25px}

.info-product .name{  margin-bottom:15px;  color:#004CAD; font-size:27px; font-family:Inter ExtraBold; line-height:30px }



.info-product .sapo{ line-height:25px;  margin-bottom:15px;  }

.info-product .sapo li{ background:url(../images/bullet.png) left center no-repeat; padding-left:25px}

.info .intro h3{ border-bottom:1px solid #d5d5d5}

.info-product .price{  margin:0 0 20px 0}

.info-product .price span{ }
.info-product .icon1{ background: url(../images/icon-detail1.png) left center no-repeat; padding-left: 40px; line-height: 40px;}
.info-product .icon2{ background: url(../images/icon-detail2.png) left center no-repeat; padding-left: 40px; line-height: 40px;}
.info-product .icon5{ background: url(../images/icon-detail5.png) left center no-repeat; padding-left: 40px; line-height: 40px;}
.info-product .icon4{ background: url(../images/icon-detail3.png) left center no-repeat; padding-left: 80px; line-height: 40px;}
.info-product .icon4 span{ background: url(../images/icon-detail4.png) left center repeat-x;  line-height: 80px; display: inline-block;padding:0 30px 0 30px; color: white; border-top-right-radius:50px;border-bottom-right-radius: 50px;}
.info-product .price2{ font-size:21px ; color:red; }
.info-product .discount{ color:white; text-align:center;  background:#FF0000;padding:3px 7px 3px 7px; font-size:12px; color:white; margin-left:20px}


.info-product .ct{ line-height:40px}



.info-product .ct a{ padding:10px 30px 10px 30px; background:#FF0000; text-transform:uppercase;border-radius:4px; color:white}
.info-product .order{ overflow:hidden; border:0px solid red; line-height:55px }
.info-product  .quantity{ overflow:hidden; margin-bottom:20px  }
.info-product  .quantity .act{ overflow:hidden;  border:1px solid #AFACA7; border-radius:0px; font-size:15px; margin:7px 0px 0 0 ; float:left}
.info-product  .quantity label{ float:left; margin:5px 20px 0 0; line-height:30px}
.info-product  .quantity span{width:30px; height:30px; cursor:pointer; text-align:center; line-height:30px; display:inline-block; float:left}
.info-product  #quantity{width:40px; border:none; border-left:1px solid #AFACA7;border-right:1px solid #AFACA7; text-align:center; height:30px; float:left; margin:0px 0 0 0}
.bt-cart{ overflow:hidden; clear:both}
.info-product .add-cart{ background:#FFF url(../images/Cart-Y.png) 10px center no-repeat; padding:12px 20px 12px 50px; color:white;border:1px solid var(--main-color); color:var(--main-color); cursor:pointer}
.info-product #linkOrder:hover{ background-color:#FF0000}
.info-product .buy-now{ background:var(--main-color); padding:13px 20px 13px 20px;  color:white;line-height:25px; margin:5px 0 0 10px; font-weight:bold; cursor:pointer}
.info-product .bt-cart span:hover{ opacity:0.8}
.title-detail{ color:#FDB813;font-size:23px; margin-bottom:15px}


.content-pro{ text-align:justify; line-height:25px; overflow:hidden; clear:both; padding-top:20px}


.content-pro .top{ overflow:hidden; clear:both; margin-bottom:20px; line-height:40px}
.content-pro .top span{ text-transform:uppercase; font-size:20px; margin-bottom:15px; background:#FF0000; color:white; padding:10px 50px 10px 50px; font-weight:bold}



.content-pro .top span{  }



.content-pro img{ max-width:100% !important; height:auto !important}



.content-pro h3{font-size:13px; margin:0 0 15px 0px; padding:0 0 0px 0; line-height:25px;  display:block; color:#ff8a00; text-transform:none; border-bottom:1px solid #ff8a00} 


.content-pro table{ background:#CCC; margin:auto; min-width:500px}


.content-pro table tr{ background:#FFF}


.content-pro table th, .content-pro table td{ padding:5px}



.frmOrder{ overflow:hidden; background:url(../images/con-hang.png) left bottom  no-repeat;  padding-bottom:15px}

.frmOrder .btn-order{width:120px; height:25px;  margin:7px 0 0 0; background:none; cursor:pointer; border:none; outline:none; }


.detail-product{ margin:10px 0 15px 0; overflow:hidden; clear:both;  }

.block-home{ overflow:hidden;width:1260px; margin:auto}



.bg-box1{ background:#FAFAF9; padding:10px 0 30px 0; overflow:hidden; margin:0px 0px 30px 0;width:100%; text-align:center}

.bg-box3{ overflow:hidden; background:url(../images/line2.png) center repeat-y; padding:30px 0 30px 0; margin-bottom:40px; }



.map{overflow:hidden; margin:20px auto auto auto; clear:both;width:100%; float:left}

.map table{width:100% !important}

.map td{width:50% !important; line-height:40px; font-size:19px; text-align:center; color:#B03025}

.map iframe{width:100% !important; height:300px !important}

.img-ct{ float:left;max-width:590px}
.contactInfo{ overflow:hidden; margin:20px 0 20px 0}
.contactInfo table{width:100%  !important}
.contactInfo table td{width:50% ; vertical-align: top;}
.contactInfo table td:last-child iframe{ width:90%; height: 300px;}
.contactInfo h3{ text-transform: uppercase; text-align: center; margin-bottom: 30px; font-family: var(--font); font-weight: normal;}
.contactInfo h4{ font-weight: normal; font-size: 23px; margin: 20px 0 20px 0;}
#frmContact {overflow:hidden;margin:auto auto 30px auto; clear:both; border:0px solid;max-width: 600px;}




#frmContact span{ color:red}


#frmContact .row{ overflow:hidden; margin:10px 0 10px 0; border:1px solid #DBD8D3}


#frmContact p { overflow:hidden;}

#frmContact .row div { overflow:hidden;width:49%; float:left}
#frmContact .left{width:48%; overflow:hidden; float:left}
#frmContact .right{ float:right;width:48%; overflow:hidden}


#frmContact  input {width:calc(100% - 70px); border:0px solid #EBEBEB; padding:10px; height:26px; float:left }
#frmContact label{width:49px; height:47px; float:left; display: none;}
#frmContact .fullname{ background:#F3F3F3 url(../images/icon-user.png) center}
#frmContact .address{ background:#F3F3F3 url(../images/icon-address.png) center}
#frmContact .phone{ background:#F3F3F3 url(../images/icon-phone2.png) center}
#frmContact .email{ background:#F3F3F3 url(../images/icon-email2.png) center}
#frmContact .title{ background:#F3F3F3 url(../images/icon-pen.png) center}
#frmContact .message{ background:#F3F3F3 url(../images/icon-note.png) left top no-repeat; height:163px}

#frmContact textarea{ width:calc(100% - 70px); height:100px;border:0px solid #EBEBEB; padding:10px; }



#frmContact .note{font-size:17px; font-weight:normal; line-height:30px;  color:#16365C; margin:20px 0 20px 0; clear:both;width:100%; font-style:italic; background:#E6B8B7; padding:5px 10px 5px 10px }



#frmContact .btn {  text-align: center;}



#frmContact #submit{background:var(--main-color) url(../images/icon-sent.png) 85% center no-repeat; padding:15px 65px 15px 45px; cursor:pointer; border:none; width:auto; height:auto; color:white;  margin:auto; font-size:18px;border-radius:5px}


#frmContact .error{ color:red !important; }




 .success{ color:#063;  font-size:12px; line-height:18px}
#frmDelete input{width:30px; border:none; background:url(../images/icon/cart_delete_icon.png) no-repeat; cursor:pointer}

#frmSoluong input.update{width:30px; border:none; background:url(../images/icon/update.png) no-repeat; cursor:pointer}

.tbOrder{ background:#cbcbcb; margin:auto; text-align:center; font-size:12px}
.tbOrder tr{ background:#FFF}
.tbOrder th{ line-height:20px; background:#e5e5e5; padding:5px}
.tbOrder td{ padding:5px; line-height:25px}
.tbOrder .fee{  margin:0px 0 0 0px; text-align:right; overflow: hidden; font-size: 15px;}
.tbOrder .fee label{  display: inline-block;width:120px; float: left; text-align: left;}
.tbOrder .total span{  color: red;}
.tbOrder .total{font-size:17px;margin-top:10px; font-weight: bold;}
.tbOrder .name{   margin:10px 0 10px 0; text-align:left;}
.link-action{ line-height:30px; text-align:right; margin-top:15px}
.link-action a{ padding:5px 15px 5px 15px; color:white; margin-left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.link-action .continue{ background:var(--main-color)}
.link-action .payment{ background:#585858}
.tbOrder .price1{ font-size:15px; color:#FF5B00}
.tbOrder .price2{  text-decoration:line-through; display:block}
#frmOrder{ overflow:hidden;width:48%; overflow:hidden; float:left}
#frmOrder p{ overflow:hidden; line-height:25px; margin:10px 0 10px 0}
#frmOrder input,#frmOrder textarea{width:calc(100% - 172px); border:1px solid #DDD; padding:10px}
#frmOrder select{width:137px; border:1px solid #DDD; padding:10px}
#frmOrder input[type="radio"]{width: auto;}
#frmOrder .hidden{ display: none;}
#frmOrder label{width:150px; float:left}
#frmOrder label span{ color:red}
#frmOrder .error{ color:red; margin-left:150px}
#frmOrder img{ float:left; margin:2px 0 0 0}
#frmOrder .top, .list-cart .top{ font-family:Roboto bold; line-height:30px}
#frmOrder .button{ float:right}
.list-cart{width:50%; overflow:hidden; float:right}
.listCoupon{ overflow: hidden;}
.listCoupon .top{ font-size: 18px; margin: 10px 0 10px 0;}
.listCoupon .item{ overflow: hidden; margin: 10px 0 10px 0; border:1px solid #DDD; padding:10px;border-radius:4px}
.listCoupon .code{ width:100px;float: left; background:#DE0000;color:white; text-align:center;padding: 5px; margin:5px 20px 0 0; cursor: pointer;border-radius:4px}
.input-coupon{ overflow: hidden;margin: 10px 0 10px 0;}
.input-coupon #input_coupon{width:250px; padding: 10px; border: 1px solid #DDD; float:right;}
.input-coupon .btnAddCoupon{ padding: 6px 20px 6px 20px; cursor: pointer; background: #338dbc;color: white; float: right;}
#error_coupon{color:red; clear: both; text-align: right;margin-top:10px;}
.bg-popup{ overflow:hidden; position:fixed; top:0; left:0;width:100%;height:100%; background:rgba(0,0,0,0.8); display:none; z-index:9999}




.popup{width:900px;   /*-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/  position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-450px; padding:0px; text-align:center; z-index:99999 !important}

.popup .close{width:35px; height:35px; position:absolute; top:-15px; right:-15px; cursor:pointer; background:url(../images/close.png) center no-repeat; z-index:99}
.popup .img-popup{width:calc(50% - 40px); padding:20px; background:#FFF; overflow:hidden; float:left}
.popup .img-popup img{width:100%; height:368px}
#frmTV{width:calc(50% - 40px); overflow:hidden; float:right;background:#FF6400; padding:20px}
#frmTV .top{ background:#000; padding:20px; text-transform:uppercase; color:#FF6400; font-weight:bold; font-size:20px}
#frmTV .hl{ color:red}
#frmTV .row{ overflow:hidden; margin:10px 0 10px 0}
#frmTV input{ padding:20px; width:calc(100% - 20px); background:#FFF; border:none; border-radius:5px;}
/*#frmTV input::placeholder{ color:#FFF}*/
#frmTV #lbSubmit{ background:#B5070A ; color:white; border-radius:5px; text-transform:uppercase;width:calc(100% - 20px); border:none; cursor:pointer; margin-bottom:10px; display:block; padding:15px 10px 15px 10px}
#frmTV #lbSubmit:hover{opacity:0.8}
.popup img{ max-height:100%}
.popup .time{ border:0px solid #FFF; padding:10px; color:white; border-radius:5px; overflow:hidden; background:url(../images/bg-header2.png) center no-repeat}
.popup .time ul{ overflow:hidden;width:calc(100% - 120px);float:right}
.popup  .text{ overflow:hidden; color:white;width:100px; float:left; text-align:left; border-right:1px solid #eaeaea; padding-right:10px;}
.popup .time li{ display:inline; overflow:hidden;  float:left;width:25%; text-align:center; text-transform:uppercase; font-size:14px}
.popup .time .number::after{content:":"; float:right}
.popup .time li:last-child .number::after{content:""; }
.popup .time li .number{  font-weight:bold; font-size:25px; line-height:28px;}
.popup .time li span{ display:block}
.content-popup{padding:10px; line-height:25px; text-align:justify; font-size:13px; overflow:auto; height:450px}

.title-popup{ line-height:32px; text-transform:uppercase; color:#FFF; background:#8d9292; padding-left:10px; font-weight:bold; text-align:left; text-align:center !important}


#detailPro{ overflow:hidden; color:#000}

#detailPro .left{width:200px; float:left; overflow:hidden; border-right:1px solid #CCC; text-align:center; padding-right:8px}



#detailPro .right{ overflow:hidden;width:300px; float:right;  }

#detailPro p{ overflow:hidden; clear:both; text-align:left}


#detailPro img{  border:1px solid #CCC; max-width:200px; margin-bottom:8px; max-height:180px}


#detailPro .left label{width:60px !important}



#detailPro label{width:120px; float:left; font-weight:bold}


#detailPro p{ overflow:hidden;}


#detailPro a{ color:#056b17}


#detailPro a:hover{ text-decoration:underline}

#detailPro .right p{ border-bottom:1px solid #eaeaea}


#detailPro u{ font-weight:bold}


#detailPro .description{ overflow:hidden; clear:both; line-height:25px; text-align:justify;padding-top:10px; clear:both}

a.edit{ padding:10px; background:url(../images/edit.png) center no-repeat}


span.detail{ cursor:pointer}


span.delete{  background:url(../images/delete.png) center no-repeat; cursor:pointer; width:30px !important}
.sub-cate-news{ overflow: hidden; text-align: center; margin: 0 0 30px 0;}
.sub-cate-news li{ display: inline-block; padding:0 20px 0 20px}
.sub-cate-news img{ height: 40px;}
.sub-cate-news a{ text-transform: uppercase;}
.sub-cate-news a:hover,.sub-cate-news a.active{ color: var(--main-color);}

.hotNews{ overflow: hidden; margin-bottom: 30px;}
.hotNews .item1{width:68%; overflow: hidden; float: left;}
.hotNews img{border-radius: 10px; margin-bottom: 10px;width:100%}
.hotNews img:hover{opacity: 0.8;}
.hotNews .item2{ float: right; overflow: hidden;width:30%;margin:0 0 20px 0}
.hotNews .cate{font-size: 15px; margin-bottom: 5px;}
.hotNews .name{font-size: 18px;}
.newsHome{ overflow:hidden;}
.newsHome .item{width:48%; overflow:hidden; float:left; text-align: left;}
.newsHome .item2{float: right;}
.newsHome .clear2{ clear: both; height: 20px;}
.newsHome .item .img{ overflow: hidden;width:250px; float: left;margin:0 15px 0 0; border-radius: 10px;}
.newsHome img{width:100%; border-radius: 10px; margin-bottom:10px;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease  }
.newsHome .item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}
.newsHome .item .name{ margin-bottom: 10px; font-size: 18px;}
.newsHome .item .date{color:#999}
.list-news{ overflow:hidden;}



.list-news .item{width:calc(25% - 20px); margin:0 25px 0 0; overflow:hidden; float:left; line-height:25px; border:0px solid #E5E3E0; position:relative; text-align:center}

.list-news .info{ padding:10px}

.list-news .item4{ float:right; margin-right:0}



.list-news .img{height:170px;  margin:0px  0 15px  0; overflow:hidden; position:relative; border:0px solid;border-radius:10px}
.list-news img{width:100%; min-height:100%; /*position:absolute; top:0; left:0; right:0; bottom:0; margin:auto*/}

.list-news .item:hover img{opacity:0.8}

.list-news .name{ margin-bottom:10px; text-align:left; font-family: var(--font);}

.list-news .name:hover a{ color: var(--main-color); }

.list-news .clear4{ height:40px; clear:both}
.list-news .sapo{ overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:0px solid #E5E3E0; text-align:justify}
.list-news .detail{  color:#8f877b; font-weight:normal}
.list-news .date{  text-align:left; font-size: 14px;}

.view-all{ text-align:center; line-height:35px; clear:both;padding:20px 0 20px 0}
.view-all a{ color:var(--main-color); font-style: italic; font-size: 19px;}



.view-all a:hover{ text-decoration:underline}

.slide-news{ text-align:left; line-height:25px; }
.slide-news img{width:100%; height:170px;border-radius: 10px; margin-bottom:10px;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease  }
.slide-news .item:hover img{ opacity:0.6;-webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -o-transform:scale(1.1)}
.slide-news .item:hover a{ color: var(--main-color);}
.slide-news .date{ position:absolute; top:20px; left:0; background:#8A5E2A; color:white; padding:10px; width:70px; text-align:center;  z-index:9}

.slide-news h3{ font-weight:normal; font-family: var(--font); font-size: 15px;}

.slide-news .clear3{ height:40px; clear:both}
.slide-news .view-more{ float:right; color:#FF6700}
.slide-news  .owl-prev,.slide-news .owl-next{ width:50px; height:46px; border:0px solid red; cursor:pointer; position:absolute; top:-60px; z-index:9999; }
.slide-news  .owl-prev{ right:70px; background:url(../images/Agribank_53.png) center no-repeat; }
.slide-news  .owl-next{ right:0px; background:url(../images/Agribank_55.png) center no-repeat; }
.slide-news  .owl-dots{ height:30px; text-align:center; padding-top:20px; display: none; }
.slide-news  .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; background:#8A5E2A; display:none}
.slide-news  .owl-dots .active{ background:#CE6C00}


.back-top{ position:fixed; bottom:200px; right:30px; width:45px; height:55px; background:url(../images/back-top.png) center no-repeat; z-index:99; display:block; border:0px solid}



.title-home{  text-align:center; padding:0px 0 5px 0 ; text-transform: uppercase; line-height: 45px; }

.title-home .line1{font-size: 21px; }
.title-home .line2{ font-size: 27px; }
.title-home .line2 span{ color: var(--main-color); }

.title-home2{  text-align:left; padding:0px 0 5px 0 ; text-transform: uppercase; line-height: 45px; margin-bottom: 30px; }

.title-home2 .line1{font-size: 21px; }
.title-home2 .line2{ font-size: 27px;  }
.title-home2 .line2 span{ color: var(--main-color);display: block }

.title-other{ line-height:28px;  font-size:19px; color:var(--main-color); text-transform:uppercase; margin:10px 0 10px 0}

.detailCate{ overflow:hidden; line-height:25px; margin-bottom:30px;position:relative; }
.detailCate.scrollHide{height:350px;
overflow:hidden}
.detailCate.scrollShow{height:auto;
overflow:auto;
padding-bottom:50px !important}
.detailCate .more-view-shadown{text-align:center;
position:absolute;
bottom:0;
left:0;
width:100%;
background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
color:#000;
padding:50px 0 10px}
.detailCate.scrollShow .more-view-shadown{padding:0 0 10px}
.more-view-shadown .btn{ background:#7F5239; color:white; padding:5px 15px 5px 15px;border-radius:4px; cursor:pointer}
.view-more{ cursor:pointer; color:#7F5239; float:right !important; font-weight:normal}

#muc-luc{ overflow:hidden; /*padding:15px; background:#F7F7F7;border-radius:3px;*/ margin-bottom:20px}
#muc-luc ol{ padding-left:10px; color:#0070B4;counter-reset: item; overflow:hidden;}
#muc-luc li{ line-height:20px; list-style:inherit;display: block; padding:2px 0 2px 0; font-family:Tahoma, Geneva, sans-serif;  }
#muc-luc li a{ color:#0070B4}
#muc-luc .top{ text-transform:uppercase;  font-weight:bold; font-size:15px; margin-bottom:20px}
#muc-luc li:before { content: counters(item, ".") " "; counter-increment: item }
.list-content .top{ overflow:hidden; line-height:30px; font-weight:bold; font-size:15px; color:#7F5239; margin:20px 0 10px 0}
.contentTable h2{ font-size:17px; }
.contentTable h3{ font-size:15px; }
.contentTable h4{ font-size:13px; }
.hotline-left{ overflow:hidden; display:inline-block; position:fixed; bottom:0; left:0; background:#E80000 url(../images/icon-hl.png) 10px center no-repeat; padding:8px 10px 8px 50px; color:white; font-weight:bold; font-size:16px;border-radius:3px; background-size:30px 25px }
.tags{ overflow:hidden; text-align:left; line-height:25px}
.tags label{ float:left; font-weight:bold; margin-right:10px}
.chat-zalo{ height:61px;width:61px; position:fixed; bottom:180px; right:25px; z-index:999999999 !important; background:#FF4700 url(../images/zalo4.png) right center no-repeat;  display:inline-block; border-radius:100%}
.hotline-ft{ height:61px;width:61px; position:fixed; bottom:270px; right:25px; z-index:999999999 !important; background:#FF4700 url(../images/phone_2.png)  center no-repeat;  display:inline-block; border-radius:100%}
.chat-zalo span{ display:none; background:#00AFD6; float:right; margin:18px 55px 0 0; height:30px; line-height:28px; font-size:14px; color:white; padding:0 10px 0 20px;border-radius:20px 0 0 20px}
.chat-zalo:hover span{ display:inline-block;transition:.6s all ease;-webkit-transition:.6s all ease;-moz-transition:.6s all ease;-ms-transition:.6s all ease;-o-transition:.6s all ease}

.bannerHome img{width:100%}
.nivo-html-caption {
    display:none; 
}
.nivo-caption{ position:absolute; bottom:30%; left:5%; z-index:9999; position:absolute; border:0px solid red !important; max-width:90%;  text-align:left; background:rgba(0,0,0,0.1) !important; padding:25px}

.nivo-caption .text2 {
	color: #FFF;
	font-size: 48px;
	font-weight: 800;
	text-transform: capitalize;
	font-style:italic;
	font-family:HCORONET;
}
.nivo-caption .name {
	color:#BC000E;  font-size:41px; font-weight:bold;  text-transform:uppercase;
}

.nivo-caption .text1 {
	color: #FFF;
	font-size: 58px;
	font-weight: 900;
	line-height: 1.2;
	margin: 20px 0 20px 0;
	text-transform: uppercase;

}
.box-cs{ overflow:hidden; background:#FFF; border-top:2px solid #E7D4CF; padding:10px 0 10px 0; margin-top:30px}
.box-cs .item{width:20%; overflow:hidden; text-align:center; text-transform:uppercase; float:left}
.box-cs img{ display:block; margin:auto auto 10px auto}
.result-add-cart{ overflow:hidden; background:#FFF;width:350px;  max-width:98%; margin:100px auto auto auto;border-radius:5px;padding-bottom:10px}
.result-add-cart div{ overflow:hidden; clear:both; text-align:left; padding:5px 15px 5px 15px; font-size:15px}
.result-add-cart img{width:80px; float:left; margin:0 20px 0 0}
.result-add-cart .top{ font-size:18px; line-height:30px; color:green; background:#eaeaea; margin-bottom:20px}
.result-add-cart .close{ float:right; cursor: pointer;width:30px; text-align:center}
.result-add-cart .pro{ font-weight:bold; font-size:18px}
.result-add-cart .checkout{ padding:5px 30px 5px 30px; float:left;border:1px solid ;border-radius:4px}
.result-add-cart .view-cart{ padding:5px 30px 5px 30px; border:1px solid ;border-radius:4px;
 background:#DE0000; color:white; float:right}
 .result-add-cart .cart span{ float:right}
 .result-add-cart .amount{ font-weight:bold; color:red;}
 .icon-fixed-right{width:75px; height: 217px;; overflow: hidden; position:fixed; right: 0; bottom: 50px; z-index: 9; background: url(../images/icon-fixed-right.png) center no-repeat;}
 .icon-fixed-right a{ display: block;width:100%; height: 60px; border: 0px solid red;margin: 5px 0 10px 0;}
 .box-ct-home { text-align:center; font-family:Inter ExtraBold; font-size:23px; line-height:30px;padding:30px 0 30px 0 }
  .box-ct-home .left{width:48%; overflow:hidden; text-align:center;  padding:15px 0 15px 0; float:left;background:url(../images/nen-vang.png) center no-repeat; transition-duration: 0.4s;}
  /*.box-ct-home .left:hover{ background-size: 102% 102%; transition-duration: 0.4s; }*/
 .box-ct-home .hl{/*background:url(../images/icon-phone.png) left center no-repeat;background-size:60px 60px;padding-left:80px;*/ overflow:hidden; display:block; text-align:left;  color:var(--main-color); text-transform:uppercase;font-family:Inter ExtraBold ; font-size:40px; width:350px; margin:auto}
 .box-ct-home .hl .phone{background:url(../images/icon-phone.webp) left center no-repeat;background-size:80px 80px;width:90px; height:80px; display:inline-block; float:left}
  .box-ct-home .hl span{ display:block; line-height:40px; font-size:29px; color:#004CAD}
    .box-ct-home .right{width:50%; overflow:hidden; text-align:center; float:right;  padding:10px 0 0px 0;  /*border-left:2px solid #004CAD*/ background:url(../images/line4.png) left center no-repeat}
 .box-ct-home .bt-reg img{cursor:pointer;transition-duration: 0.4s; height:80px}
 .box-ct-home .bt-reg:hover img{ transform: scale(1.1);transition-duration: 0.4s;}
.box-why-chose{ overflow:hidden; margin:50px 0 0px 0; background:url(../images/line3.png) bottom center no-repeat;padding-bottom:40px }

.view-all-news{ float:right; margin:5px 0 0px 0; background:#004CAD url(../images/icon-row3.png) 98% center no-repeat; background-size:25px 25px; color:white; font-size:17px; padding:10px 60px 10px 20px ;border-radius:30px; color:white; text-transform:none; font-size:21px; font-family:Inter Bold}
.view-all-news:hover{ background-color:#FF8C01}
.frmDk2{ width:660px; background:#FFF; border-radius:5px; margin:100px auto auto auto; padding:20px 20px 20px 20px; position:relative}
.frmDk2 img{width:300px; float:left}
#frmDk2{width:300px; float:right}
.frmDk2 input{ display:block; padding:10px; width:calc(100% - 22px); margin:10px 0 10px 0; border:1px solid #DDD;border-radius:4px;}
.frmDk2 select{ display:block; padding:10px;  margin:10px 0 10px 0;width:100%; border:1px solid #DDD;border-radius:4px;}
.frmDk2 #btnSubmit{ background:#0073AA; color:white; width:100%; text-align:center; margin:auto; cursor:pointer; text-transform:uppercase}
.frmDk2 .top{ overflow:hidden; text-align:left; font-size:21px; line-height:30px; margin-bottom:10px; color:#006588}
.frmDk2 .close{ float:right; cursor:pointer; color:#999; font-size:14px;width:40px; height:40px;border-radius:100%; background:url(../images/icon-x.png)  center no-repeat; position:absolute; top:-10px; right:-10px}
.frmDk2 .note{ line-height:25px; overflow:hidden; margin-bottom:20px; text-align:left}
.cs{ overflow:hidden; margin:30px 0 40px 0}
.cs .item{width:25%; overflow:hidden; float:left}
.cs .item img{width:120px; float:left;transition-duration: 0.4s;}
.cs .item:hover img{transform: scale(1.1);}
.cs .item .name{ font-family:Inter ExtraBold; font-size:18px; float:left; margin-top:50px}
.box-content img{ max-width:100%; height:auto !important;}
.frmSearchMain{ overflow: hidden; background: #f6f6f6; padding: 20px 0 20px 0;}
.tabSearch{ overflow: hidden;}
.tabSearch li{ display: inline; float: left; margin-right:10px; line-height: 50px;}
.tabSearch li a{ border:1px solid #DDD; border-top-left-radius: 20px; border-top-right-radius: 20px;padding:10px 20px 10px 20px}
.tabSearch li a.active{ background: #9f0e33;color: white;border:1px solid #9f0e33;}
#frmSearchMain{ background: #9f0e33; overflow: hidden;padding:15px}
#frmSearchMain .row1{ background: #FFF; padding:10px; margin-bottom: 10px;}
#frmSearchMain #keyword2{width:calc(100% - 200px); outline: none;; padding: 10px 10px 10px 50px;border:none; background: #FFF url(../images/icon-search2.png) left center no-repeat;}
#frmSearchMain #btnSubmit2{background: #9f0e33;;color: white; cursor: pointer;padding:8px 15px 8px 15px; float:right;border:none; font-family:var(--font) ;}

#frmSearchMain select{width:calc(33% - 20px);margin-right:30px;padding:10px;border:1px solid #DDD; background: #9f0e33; font-family: BeVietnamPro; color: white; font-size: 16px;}
#frmSearchMain #price_pro{margin-right: 0;}
@media screen and (min-width: 1000px) {
	.menuTop{ display:block !important}
	.wrap-menu-mb{ display:none !important}
	
	}
@media screen and (min-width: 1000px) and (max-width: 1200px){

body{ border:0px solid red}

.wrapper{width:1000px;}


}




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


.wrapper{width: 98%; margin: auto;;}
.box-content img{ max-width:100%; height:auto !important}
.box-content h1, .box-content h2, .box-content h3, .box-content h4, .box-content h5, .box-content div{max-width: 100%;}
#header .cart, #header .nav-user{margin-top:5px}
.header1 #frmSearch{ margin-right: 60px;}
.header1 .left{width: auto; float: none; overflow: hidden;padding: 0 0 10px 0; display: none;}
.logo-mb1{ display: block; float: left;}
.logo-mb1 img{ height: 40px;margin:0 0 0 10px}
.header2,.hotNews{ display: none;}
#header .top,.menuTop, .frmSearch1{  }

.bg-menu{ background:none}
.menuTop{width:100%; height: 100%;; background: var(--main-color); position: fixed; top: 0px; left: 0; z-index: 99; display: none;  }



.menuTop ul{ margin:10px 0 0 0;width:100% }
.menuTop ul li ul{width:100% ; position:static !important; visibility:visible !important; background:none !important; }

.logo-mb {margin:30px 0 10px 0; text-align: center; overflow: hidden; display: block;}
.logo-mb img{ height: 70px ; }

.menuTop li{ display:block; float:none;width:100%; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase; padding:10px 0 10px 0;  overflow:hidden; background:none}
.menuTop ul li ul{  }
.menuTop ul li:hover ul{ display:none;  }
.menuTop li li{ text-transform:none; padding-left:25px !important; background:url(../images/icon-row2.png) left center no-repeat !important; border-bottom:none; border-top:1px solid #FFF; list-style:inside }

.menuTop  li:last-child{ float: none; text-align: left;}
.menuTop li.active{ background: none !important ;}
.menuTop li li:last-child{ border:none}
.menuTop li a{ color:#FFF;  padding:0 0 0 10px; background:none !important}
.menuTop ul ul ul{ display:none !important}
.menuTop .icon-sub{ float:right;width:20px; height:20px; margin:10px 10px 0 0; cursor:pointer; background:#FFF url(../images/icon-down.png) center no-repeat;border-radius:100%; padding:0}
.icon-menu{ background:  url(../images/icon-menu.png) left center no-repeat; height:30px; line-height:37px; display:block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer; color:#FDB813; width:40px; position:absolute; top:15px; right:5px}

.box-content img{ max-width:100%; height:auto !important}

.wrap-menu-mb{ overflow:hidden; position:fixed; top:0; left:0;width:100%; height:100%; z-index:999999999999 !important; background:rgba(0,0,0,0.8); display:none}
#frmSearchMain select{width:calc(33% - 5px);padding:0;margin-right:3px; font-size: 13px;}
}






@media screen  and (max-width: 880px){
.icon-menu{}
h3.title, h1.title, .title-page{ font-size:17px; line-height:29px;}

body{border:0px solid red;padding-top: 40px;}
#header{ position:fixed; top: 0;left:0;z-index: 99;width:100%}
#header .right-header{ overflow:hidden;  clear:right; margin: 0}
.nivo-prevNav,.nivo-nextNav{ display:none}
.wrapper{width:98%;}
.fixed-top{ position:static !important}
.logo{ float:left;width:auto; text-align:left; padding-left:10px}
#header .email{ }
#header .phone{ clear:right; float:right; margin:50px 0 0 0}
#header .socia{ display:none}
#header .logo {width: auto;}
#header .logo img{ }
.cart .lb, .tabSearch li:last-child{ display:none}
.cart{ margin:15px 60px  0 0 !important}
.main-content{width:100%}
.left-content{ display:none}
.breadcrumb{ height:auto; border:none}
.title-home{ font-size:14px}
.title-home .line1, .title-home .line2{ font-size:19px}
.title-home2 .line1{font-size: 15px; }
.title-home2 .line2{ font-size: 17px;  }

.list-product .item,.list-product-home .item,.other-product .item,.list-product3 .item{width:45%; margin:0 auto 10px auto;  }
.list-product .item2{ float: right; margin-right: 0; }
.list-product .clear2{ clear: both; height: 20px;}
.list-product .clear4,.list-product-home .clear5,.other-product .clear4,.list-product3 .clear3{ display:none}
.list-product .clear2,.list-product-home .clear2,.other-product .clear2,.list-product3 .clear2{ display:block; clear:both; height:20px}

.product-item .img img{ width:98%; height:auto !important; max-height:none}
.product-item .img{ margin-bottom:0px}
.product-item .name{ height:auto !important; font-size:14px; font-weight:normal; min-height: auto;}
.product-item .new {  background: url(../images/news.png)  top right no-repeat;width:81px; height: 77px; position: absolute; top: -5px; right: -5px; background-size: 100px 77px;}
.view-all a{ font-size: 14px !important;}
.product-item .province {font-size: 14px; }

.product-item .price {  padding:5px 0 5px 45px; font-size: 14px; margin-bottom: 10px; min-height: 60px; background-size: 35px  34px;}
.product-item .label { display: block;font-size:14px}
.product-item .date {  padding:5px 0 5px 45px; font-size: 14px; background-size: 35px  34px;}

.info-product,.img-product{width:100%; clear:both; margin-bottom:20px;}
.img-product .large img{ max-height:none; max-width:100%; width:98%}
.list-img{ text-align:center;width:100%}
.order p{float:left;  overflow:hidden; display:inline-block; margin:0 30px 15px 0}
.info-product .btnAdvance,.info-product #linkOrder{  padding:10px 0 10px 0; display:block !important ;width:100%; text-align:center; line-height:30px; clear:both; margin-bottom:10px }
.info-product .name{ font-size:15px; line-height:20px}
.bt-cart .buy-now{text-align:center; display:block; margin:10px 0 0 0}
.bt-cart .add-cart{ display:block; margin:auto;width:auto;padding:0px 0 0px 0 ; text-align:center; font-size:17px}
.content-ft table td{ width:100%; display:block}
.footer .box,.map-ft{width:calc(100% - 20px) !important; clear:both; float:none; margin:0 !important; padding:10px; text-align:center}
.footer .box iframe{width:100% !important}
.footer .brand{width:100%;  }
#frmContact .left,#frmContact .right{width:100%}
#frmContact label{}
#frmContact input,#frmContact  textarea{width:250px;}
#frmContact .error{ margin-left:100px}
#frmContactHome input{width:calc(30%  - 20px)!important; ; padding:10px 5px 10px 5px}
.frmContactHome #btnDk{width:calc(40%  - 20px)!important; text-transform:none; padding:10px 5px 10px 5px; font-size:14px}
.frmContactHome .top{  font-size:17px; line-height:30px }
.news-item .sapo{ display:none}
.news-item img{width:120px}
.list-news .item{width:48%; margin-right: 0;}
.list-news .item2{ float:right !important; margin-right: 0;}
.list-news .item3{ float:left}
.list-news .clear3{ display:none}
.list-news .clear2{ clear: both; height: 20px;;}
.list-news .item .img{ height: 135px; min-height: none;  }
.list-news .sapo{ display:none}
.list-news2 .img{ height:160px}
.list-news .name a{ font-size:16px; font-family:Inter; }

.newsHome .item  .img{width: auto; float: none ; clear: both; margin-bottom: 10px;}
.sub-cate-news li{ display: block; margin:0 20px 0 20px; text-align: left; overflow: hidden; clear: both;}
.sub-cate-news img{ height: 40px; float: left;margin:0 20px 0 0;}

}