/* CSS Document */

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

@font-face {

  font-family: 'Roboto Light';

  src:  url(../font/Roboto-Light.ttf);

}

@font-face {

  font-family: 'Roboto';

  src:  url(../font/Roboto-Regular.ttf);

}
@font-face {
  font-family: 'Roboto Medium';
  src:  url(../font/Roboto-Medium.ttf);
}

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


:root {
    --main-color: #32612f;
    --main-color2: #f0ab51;
   
  }
*{ 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;   text-align:center;  position:relative;  line-height:25px; font-family:Roboto; font-size:16px; padding:110px 0 0  0;}


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}
.imgBanner{ overflow: hidden; text-align: center;}
.imgBanner img{max-width: 100%;}
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:27px; line-height:35px; margin:20px 0 20px 0; overflow:hidden;  border:0px solid red; color:var(--main-color); text-transform:uppercase; font-family:Roboto Bold}


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{  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%; position: fixed; top: 0; left: 0; background:rgba(255, 255, 255, 1)   }



.header{margin: 0 auto; clear:both; position:relative;  }

#header .logo{ overflow:hidden; float:left; margin:5px auto 5px auto;width:150px}
.logo img{ height:100px }
.logo-small { 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:25px 0 0 0px; color:var(--main-color); 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:#f0ab51; border-radius:100%; color: white;}
#header .cart i{ float:right;margin:5px 0 0 10px}
#header .cart svg{  color:var(--main-color);}


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



.menuTop2,.icon-menu{ display:none}

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

.menuTop{ height:60px; line-height:60px; border:0px solid ;margin:20px 0 0 0; float: left}

.menuTop ul{}

.menuTop li{ display:inline-block; float:left; position:relative;  text-align:center; white-space:nowrap; margin:0 45px 0 0px; text-transform:uppercase; font-size:16px; font-family:Roboto Bold; position: relative;}

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

.menuTop li:last-child{ background:none }
.menuTop li a{display:inline-block; color:#000 }

.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 {  }

.menuTop li:hover a,.menuTop li.active a{ color: var(--main-color);}


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


.menuTop ul li ul{position:absolute; top:60px; left:0px;width:250px; z-index:99999999 !important; display:none;background:var(--main-color);/*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:15px 10px 15px 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{ background: var(--main-color2);}
.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;}


.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:Roboto Bold; 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-ykkh{ background: #f1f1f2;padding:20px 0 20px 0}
.slide-ykkh img{ height: 110px; margin-bottom: 10px;}
.slide-ykkh .name{ font-weight: bold; color: var(--main-color); font-size: 21px;}
.slide-ykkh  .name2{ font-size: 18px; color: #f3cb2e; background: url(../images/5sao.png) bottom center no-repeat; padding-bottom: 30px;}
.slide-ykkh .comment{ padding: 10px; text-align: justify;}
.bg-box-product-home{ background: url(../images/bg-box11.png) 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:Roboto Bold; margin:40px 0 60px 0;line-height:36px; text-align:left; text-transform:capitalize}
.bg-box-product-home .top a{color: white ; font-size: 18px ; float: right;}

.slide-product  .owl-prev,.slide-product .owl-next,.slide-ykkh  .owl-prev,.slide-ykkh .owl-next{ display:block !important;width:65px; height:65px; border:0px solid red; cursor:pointer; position:absolute; top:100px; z-index:9999}
.slide-product  .owl-prev,.slide-ykkh  .owl-prev{ left:-80px; background:url(../images/icon-pre1.png) center no-repeat; background-size:65px 65px}
.slide-product  .owl-next,.slide-ykkh  .owl-next{ right:-80px; background:url(../images/icon-next1.png) center no-repeat; background-size:65px 65px}
.slide-ykkh .owl-controls{   text-align:center;padding-top:30px; }
.slide-ykkh .owl-dot{width:15px; height:15px; border-radius:100%; border:1px solid #187356; display:inline-block;margin-right:5px;}
.slide-ykkh .owl-controls .active{ background:#187356}


.product-item{ overflow:hidden;  border:0px solid #FAF9F8; text-align:center ; position:relative; background:#FFF;border-radius:10px; padding:20px 0px 20px 0px !important}
.product-item .img{ overflow:hidden; margin-bottom:10px; text-align:center }
.product-item .img img{max-width:100%; max-height:235px; 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; line-height:20px; margin-bottom:10px; padding:0 5px 0 5px; font-family:Roboto Bold  }
.product-item .name a{   font-size:17px; }
.product-item:hover {  }
.product-item:hover a{  }

.product-item p.sapo {  }
.add-cart a{padding-top:10px; background: var(--main-color); color: white;border-radius:30px;padding:10px 20px 10px 20px}
.add-cart a:hover{ background: #f3cb2e; color: white;}
.product-item .price {  font-family:Roboto Bold; min-height:50px }
.product-item  .price1{text-decoration:line-through; margin-right:20px; color:#999;   }
.product-item  .price2{   color:var(--main-color) ; font-size:19px;  }
.product-item .buy { margin-top:10px}
.product-item .buy a {padding:5px 10px 5px 10px; background:#CA0000 ; color:white;border-radius:3px}




.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% - 20px) ; float:left; margin:0 25px 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 ****************************************************************/

#bottom{ background:#1B2023; color:white; text-align:center; padding:10px 0 10px 0}



#footer{ overflow:hidden; text-align:center;  margin:auto;  clear:both; background:#f1f1f2;padding:30px 0 0 0}

#footer .social{ background:url(../images/line3.png) center repeat-x; text-align:center;margin-bottom:30px; clear:both}
.footer{text-align:left;   padding:20px 0px 20px 0px ; overflow:hidden;  position:relative; }

#footer .social div{ background:#FFF; padding:0 30px 0 30px; overflow:hidden; display:inline-block}
#footer .social img{  margin:0 0px 0 0px}
#footer .social a{ border:0px solid red; overflow:hidden; display:inline-block}




.footer .right iframe{width:100% !important; height:170px !important }



.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;width:400px; float:left}
.content-ft li{ background:url(../images/icon-right1.png) left center no-repeat; padding-left:30px; margin-bottom:5px}
.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:Roboto Bold;margin-bottom:10px; display:block; font-size:20px; color:var(--main-color); text-transform: uppercase;}


.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 .box-last{float: right; margin-right: 0;}
.footer .box{width:250px; float: left; margin: 0 10px 0 0;}
.menuFooter{margin-bottom: 20px; }

.menuFooter  a{ }




.menuFooter li{ display:block; line-height:30px}

.menuFooter a:hover{color: var(--main-color);}

.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:#007CB7; 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:var(--main-color) }


.breadcrumb li a{color:#666 }



.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:var(--main-color); font-size:27px; font-family:Roboto Bold; line-height:30px }



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

.info-product .sapo li{ }

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

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

.info-product .price span{ }
.info-product .price1{  text-decoration:line-through;  margin-right:30px}
.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-bottom:20px;}
.contactInfo table{width:100%  !important}
.contactInfo table td{width:50% ;}
.contactInfo table td:last-child iframe{ float:right}
.contactInfo table iframe{width:96% !important; height:350px !important}
#frmContact {overflow:hidden;margin:auto ; clear:both; border:0px solid}




#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}
#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 {  }



#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;  float:right; 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}


.list-news{ overflow:hidden;}



.list-news .item{width:calc(33% - 20px); margin:0 32px 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 .item3{ float:right; margin-right:0}



.list-news .img{height:210px;  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}

.list-news .name a{ font-size:21px; font-family:Roboto Bold; color:var(--main-color)}

.list-news .clear3{ 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{ background:url(../images/icon-date.png) left center no-repeat; padding-left:30px; text-align:left}

.view-all{ text-align:center; line-height:45px; clear:both}
.view-all a{ color:#FFF; background:#FF6300; padding:10px 30px 10px 30px; border-radius:5px}



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

.slide-news{ overflow:hidden; text-align:left; line-height:25px; }
.slide-news img{width:100%; height:210px; 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 .date{ position:absolute; top:20px; left:0; background:#8A5E2A; color:white; padding:10px; width:70px; text-align:center;  z-index:9}

.slide-news h4{ font-weight:normal; font-size:18px}

.slide-news .clear3{ height:40px; clear:both}
.slide-news .view-more{ float:right; color:#FF6700}
.slide-news  .owl-prev,.slide-news .owl-next{ display:none !important;width:35px; height:40px; border:1px solid red; cursor:pointer; position:absolute; top:35%; z-index:9999; }
.slide-news  .owl-prev{ left:0; background:url(../images/icon-pre3.png) center no-repeat; background-size:35px 40px}
.slide-news  .owl-next{ right:-30px; background:url(../images/icon-next3.png) center no-repeat; background-size:35px 40px}
.slide-news  .owl-dots{ height:30px; text-align:center; padding-top:20px; }
.slide-news  .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; background:#8A5E2A; display:inline-block}
.slide-news  .owl-dots .active{ background:#CE6C00}

.slide-25 .item{ overflow: hidden;}

.slide-25 .item .img{width: 46%; overflow: hidden; float: left;}

.slide-25 .item img{width:100%}

.slide-25 .item .name{font-size: 28px; color: var(--main-color); margin-bottom: 20px; font-family: Roboto Bold;}

.slide-25 .item .name2{ line-height: 28px; font-size: 18px; text-align: justify;}

.slide-25 .item .info{width: 46%; float: right;}
.slide-25  .owl-prev,.slide-25 .owl-next{width:65px; height:65px;  cursor:pointer; position:absolute; bottom:100px; z-index:9999; }
.slide-25  .owl-prev{ left:55%; background:#eaeaea url(../images/icon-pre1.png) center no-repeat; background-size:65px 65px;border-radius:100%}
.slide-25  .owl-next{ left:65%; background:url(../images/icon-next1.png) center no-repeat; background-size:65px 65px}
.slide-25  .owl-dots{ height:30px; text-align:left; padding-top:20px;width:50%; position: absolute;left: 60%; bottom: 50px; }
.slide-25  .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; border:1px solid var(--main-color); display:inline-block}
.slide-25  .owl-dots .active{ background:var(--main-color)}


.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 ; font-size:33px; line-height:45px; margin:20px 0 20px 0; overflow:hidden;  border:0px solid red; color:var(--main-color); text-transform:uppercase; font-family:Roboto Bold; }

.color-white{ color:white}

.title-home span{ color:var(--main-color2);}

.title-home2{  text-align:left; padding:10px 0 5px 0 ; font-size:33px; line-height:55px; margin:20px 0 20px 0; overflow:hidden;  border:0px solid red; color:var(--main-color2);  font-family:Roboto Light; }

.title-home2 span{ color: var(--main-color); display: block;text-transform:uppercase; font-family:Roboto Bold; }


.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;}
 .fixed-right{width:44px; height:152px; background:url(../images/icon-fixed-right.png) center no-repeat; position:fixed; bottom:20%; right:0; z-index:9}
.fixed-right a{ display:block;width:100%; height:50px; border:0px solid red;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
  @keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.zalo{ position:fixed; bottom:120px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/chat-zalo.png) center no-repeat;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
.phone-ft{ position:fixed; bottom:60px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/phone-ft.png) center no-repeat;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
.facebook{ position:fixed; bottom:190px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/chat-fb.png) center no-repeat;transition: transform 0.3s ease-in-out; text-transform: none;
  animation: pulse 1.5s infinite;}
#footer .book{ position:fixed; bottom:250px; right:5px; z-index:999;width:53px; height:53px; display:block; background:url(../images/icon-book.png) center no-repeat}
 .box-ct-home { text-align:center; font-family:Roboto Bold; 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:Roboto Bold ; 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:15px 0 10px 0;  text-transform:none; font-size:21px; }
.view-all-news:hover{ background-color:var(--main-color)}
.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:calc(33% - 20px); overflow:hidden; float:left;margin:0  30px 0 0;border:0px solid; text-align: center;}
.cs .item3{float:right; margin-right: 0;}
.cs .item img{height:100px; margin-bottom: 10px;transition-duration: 0.4s;}
.cs .item:hover img{transform: scale(1.1);}
.cs .item .name{ font-family:Roboto Bold; font-size:18px; margin-bottom: 20px;}
.box-content img{ max-width:100%; height:auto !important;}

.box-register-daily{ overflow: hidden; background: url(../images/mom-baby.png) right center no-repeat;padding:50px 0 50px 0}
.frm-dl{width:400px; overflow: hidden; float: left; text-align: left; background:url(../images/bg-box11.png) center no-repeat;padding: 40px;border-radius: 30px;}
.frm-dl .top{ text-transform: uppercase; font-size: 40px; color: white; text-align: center; line-height: 45px;}
.frm-dl .row{ overflow: hidden; margin: 20px 0 20px 0;}
.frm-dl input{width:calc(100% - 42px);padding:20px; border:1px solid #DDD;border-radius: 15px; outline: none;}
.frm-dl textarea{width:calc(100% - 42px);padding:20px; border:1px solid #DDD; height: 150px;;border-radius: 15px; outline: none;}
.frm-dl #submit{ background: var(--main-color2) ; color: white; text-transform: uppercase;width: 100%;border: 2px solid white; cursor: pointer;} 
.frm-dl #submit:hover{ background: var(--main-color);}
.map-ct iframe{width:100%}

.introHome{ overflow: hidden;}
.introHome .text{ overflow: hidden;width:48%; float: left;}
.introHome .view-more{ text-align: right; padding: 50px 0 20px 0; clear: both; }
.introHome .view-more a{ background: var(--main-color);padding:10px 30px 10px 30px;border-radius:5px;color:white}
.introHome .view-more a:hover{ background: var(--main-color2);}
.introHome .img{width:48%; overflow: hidden; float: right;}
.introHome .img img{width:100%}
.cateSub{ overflow: hidden; text-align: center; margin-bottom: 20px;padding:20px 0 20px 0}
.cateSub li{ display: inline; margin: 0 20px 0 20px; text-transform: uppercase;}
.cateSub li a{ padding: 15px 30px 15px 30px; border: 1px solid var(--main-color); color: var(--main-color);border-radius:5px}
.cateSub li a:hover,.cateSub .active a{ background-color: var(--main-color2); color: white;border: 1px solid var(--main-color2);}

.intro-page{ overflow: hidden; margin: 30px 0 100px 0;}
.intro-page .left{ float: left;}
.intro-page .right{float: right;}
.intro-page .text{ overflow: hidden;width:48%; }
.intro-page .view-more{ text-align: right; padding: 50px 0 20px 0; clear: both; }
.intro-page .view-more a{ background: var(--main-color);padding:10px 30px 10px 30px;border-radius:5px;color:white}
.intro-page .view-more a:hover{ background: var(--main-color2);}
.intro-page .img{width:48%; overflow: hidden; }
.intro-page .img img{width:100%;border-radius: 30px;}
.intro-page .img iframe{width:100%; height: 400px;}
.slide-chung-nhan{ overflow: hidden;}
.slide-chung-nhan .item{ overflow: hidden;border:1px solid #eaeaea; text-align: center;}
.slide-chung-nhan img{ height: 400px;}
.quick-order{ background-color: var(--main-color2); overflow: hidden;padding:30px 0 30px 0}
.quick-order .left{ overflow: hidden;width:45%; float: left}
.quick-order .left .text{ overflow: hidden; background-color:white; border-radius: 10px; padding: 10px; }
.quick-order .img img{width:100%}
.quick-order .text h3{}
.quick-order .top{ text-align: center; font-size: 30px; text-transform: uppercase; margin: 20px 0 20px 0; color: white;}
.quick-order .right{ overflow: hidden;width:49%; float: right;}
.quick-order .right .bn{ overflow: hidden;background-color: var(--main-color);border-radius: 10px; color: white;padding: 20px;}
.quick-order .countdown{ text-align: center;}
.quick-order .countdown li{ display: inline-block; font-size: 18px;width:130px; text-align: center;color: white; text-transform: uppercase; }
.quick-order .countdown li span{ display: block; font-size: 36px; background: var(--main-color2); line-height: 50px;padding:10px;margin:0 10px 10px 10px;border-radius:10px}
#frm-quick-order input{width: calc(100% - 22px);border:1px solid #FFFF; padding: 20px 10px 20px 10px;border-radius: 5px; outline: none;}
#frm-quick-order select{width: 100% ;border:1px solid #FFFF; padding: 20px 10px 20px 10px;border-radius: 5px; outline: none; color:#555}
#frm-quick-order textarea{width: calc(100% - 22px);border:1px solid #FFFF; padding: 10px; height: 90px; border-radius: 5px; outline: none;}
#frm-quick-order .row{ overflow: hidden;margin:20px 0 20px 0}
#frm-quick-order #submit{ background: var(--main-color2) ; color: white; font-size:26px;text-transform: uppercase;width: 100%;border: 2px solid white; cursor: pointer;padding:20px 0 20px 0} 
#frm-quick-order #submit:hover{ background: var(--main-color);}
@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){



body{ padding-top:70px}
.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 .col2{display: none;}
#header .cart, #header .nav-user{margin-top:5px}
#header .top,.menuTop, .frmSearch1{ display:none; }

.bg-menu{ background:none}
.menuTop{  line-height:40px; width:100%; height:auto;  padding:0px 0px 0px 0px; clear:both; background: var(--main-color); margin-bottom: 20px; }



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

#header .logo img{ height: 60px;}

.menuTop li{ display:block; float:none;width:100%; border-bottom:1px solid #FFF; text-align:left; text-transform:uppercase; padding:0px;  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 li:first-child{ }
.menuTop .home span{ display:inline-block}
.menuTop li li:last-child{ border:none}
.menuTop li a{ color:#FFF !important;  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:var(--main-color)  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}

}






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

body{}
#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{ display:none}
#header .phone{ clear:right; float:right; margin:50px 0 0 0}
#header .socia{ display:none}
#header .logo {width: auto;}
#header .logo img{ }
.cart .lb{ 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:19px}


.list-product .item,.list-product-home .item,.other-product .item,.list-product3 .item{width:48%; margin:0 auto 0px auto }
.list-product3 .item3,.list-product-home .item5{ float:left}

.list-product .item2,.other-product .item2,.list-product3 .item2,.list-product-home .item2{ float:right !important; margin-right:0; }
.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{ max-width:98%; height:auto !important; max-height:160px}
.product-item .img{ margin-bottom:0px}
.product-item .name{ height:auto !important; font-size:14px; font-family:Roboto; font-weight:normal}
.product-item .price{  font-size:14px; font-family:Roboto; font-weight:normal}
.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{width:calc(50% - 20px) !important; float: left;}
.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}


.footer .content-ft{ width: 100%; margin-bottom: 20px;}
.menuFooter .box{width:100%; margin-bottom:10px}

.box-home2 .left, .box-home2 .right{width:100%}
.hotline-left{ display:none}

.popup{width:80%; top:50px; left:5%; margin-left:-10px; padding:20px; text-align:center}

.popup{width:calc(96% - 30px);   top:80px; left:2%; margin-top:0px; margin-left:0px; padding:15px; }
.popup .img-popup{ display:none}
.popup .close{ top:-10px; right:-10px; }

#frmTV{width:auto; float:none}
#frmTV .top{ font-size:14px !important; padding:5px}
#frmTV .top .hl{ display:none}
.popup .time ul{ width:100%}
.popup  .text{ width:100%; float:none; border-right:0px solid #eaeaea; padding-right:0px; text-align:center}

.slide-gallery .item img{ height:300px}

.slide-news img{ height:150px; }
.chat-zalo{ bottom:160px; }

.breadcrumb{ display:none}
#frmOrder , .list-cart { width:100%}
.box-cs .item{width: 100%; clear: both; margin: 10px 0 10px 0; text-align: left; line-height: 35px;}
.box-cs .item img{ float: left; margin: 0 10px 0 0;}
.frmDk2{width:80%}
.frmDk2 img{ display:none}
#frmDk2{width:auto; float:none}
.video-header .text0{ font-size:15px; line-height:35px; top:10px}
.video-header .text1{ font-size:15px; line-height:30px; top:90px; }
.video-header .text2 {top:150px}
.video-header .hide-mb { display:none}
.video-header .text2 a{ padding:5px 20px 5px 20px}
.cs .item{width:100%; text-align:center; float: none; margin: 0 0 20px 0; padding: 0 !important; }
.cs .item img{ display:block; margin:auto; float:none}
.cs .item .name{  float:none; clear:both; text-align:center; margin:0 0 20px 0}
.bg-box-product-home .top{ font-size:28px; margin:0px 0 20px 0}
.box-ct-home .left, .box-ct-home .right{width:100%; clear:both; margin:0px 0 0px 0}
.box-ct-home .left .hl span{ font-size:21px}
.box-ct-home .right{ background:none}
.box-ct-home .right img{ height:40px}
.view-all-news{ display:none}
.title-home2{ margin-bottom:20px;}
.title-home2 span{  }
.list-cate .item{ height:auto}
.slide-product  .owl-prev{ left:-20px; }
.slide-product  .owl-next{ right:-20px; }
.box-content img{ max-width:100%; height:auto !important;width:100% !important}
.slide-25 .img, .slide-25 .info{width:100% !important; clear: both; float: none;}
.slide-25  .owl-prev,.slide-25 .owl-next{width:65px; height:65px;  cursor:pointer; position:absolute; top:35%; z-index:9999; }
.slide-25  .owl-prev{ left:0; background:#eaeaea url(../images/icon-pre1.png) center no-repeat; background-size:65px 65px;border-radius:100%}
.slide-25  .owl-next{ left:85% !important; background:url(../images/icon-next1.png) center no-repeat; background-size:65px 65px}
.slide-25  .owl-dots{ height:30px; text-align:center; padding-top:20px;width:100%; position: static; }
.slide-25  .owl-dot{width:13px; height:13px; border-radius:100%; margin:0 3px 0 3px; border:1px solid var(--main-color); display:inline-block; position: static;}
.slide-25  .owl-dots .active{ background:var(--main-color)}
.slide-ykkh  .owl-prev{left:0 !important; background-color: #eaeaea;border-radius:100%}
.slide-ykkh  .owl-next{right:0 !important}
.list-news .item{width: auto !important; float: none; margin: 0 0 20px 0;}

.box-register-daily{ padding:10px 0 10px 0; background: none;}
.frm-dl{width:calc(100% - 80px); overflow: hidden; float: none; text-align: left;margin: auto; padding: 20px;border-radius: 30px;}
.frm-dl .top{  font-size: 30px;line-height: 35px;}
.frm-dl .row{ overflow: hidden; margin: 20px 0 20px 0;}
.frm-dl input{}
.frm-dl textarea{}
.cateSub{ overflow: hidden; text-align: center; margin-bottom: 20px;padding:20px 0 20px 0}
.cateSub li{ display: block; margin: 0 10px 0 10px; text-transform: uppercase; overflow: hidden; padding: 10px 0 10px 0;}
.cateSub li a{ color: var(--main-color); display: block; border: 1px solid var(--main-color);border-radius:5px}
.introHome .text, .introHome .img{width: auto; float: none;}
.intro-page .text, .intro-page .img {width: auto; float: none;margin:15px 0 15px 0}
.intro-page{ overflow: hidden; margin: 1px 0 10px 0;}
.intro-page .left{ float: none;}
.intro-page .right{float: none;}
}