.h1, .h2, .h3, h1, h2, h3{padding: 0; margin: 0;}
h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.17em;}
h4{font-size:inherit;}
h5{font-size:0.83em;}
h6{font-size:0.67em;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
.clear_after::after{ content:''; display:block; clear:both; }

body{ font-family:Arial, Helvetica, sans-serif;	font-size:13px;	line-height:1.5; }
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-button {  width: 0px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #c3c3c3;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #ffffff;}}
::-webkit-resizer { background-color: #666;}

a,a:link,a:visited,a:hover{ text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
img{max-width:100%; height:auto !important;}
 
.vshd{ height:0px; display:none; overflow:hidden;}
#wapper{width:100%; margin:auto; position:relative; overflow:hidden;}
 
#btn-zalo1 { display: block; width: 40px; height: 40px; position: fixed; right: 15px; bottom: 175px; z-index: 99999999999; }
#btn-zalo1 i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo1 i img { vertical-align: middle; background: #fff; border-radius: 50%;} 

#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 15px; bottom: 105px; z-index: 99999999999; }
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }

.grecaptcha-badge{ display:none;}

.header{ width:100%; position:relative; } 

.top{height:45px; width:100%; background:#333333;}
.top-content{font-size:13px; width:98%; max-width:1200px; margin:auto; font-family: 'Arimo-Regular';}

.email{color:#fff; line-height:45px; margin-left:8%; padding-left:25px; float:left; position:relative;}
.email::before{content:''; position:absolute; left:0px; top:12px; background:url(images/mail.png) no-repeat left center; background-size:19px 17px; width:19px; height:17px; transition:all 0.2s; transform:scale(1);}
.email:hover::before{ transition:all 0.2s; transform:scale(1.1);}

.diachi{ color:#fff; line-height:45px; float:left; padding-left:20px; position:relative;}
.diachi::before{content:''; position:absolute; left:0px; top:8px; background:url(images/marker.png) no-repeat left center; background-size:12px 21px; width:12px; height:21px; transition:all 0.2s; transform:scale(1);}
.diachi:hover::before{ transition:all 0.2s; transform:scale(1.1);}

.mxh1{float:right; padding-top:8px;}
.mxh1 a{display:inline-block; float:left; padding-right: 5px; margin-right: 5px;}
.mxh1 a:last-child{ padding-right: 0px; border-right:none; margin-right: 0px;}
.mxh1 img{ max-height:28px; height:28px !important; display:block; }
.mxh1 img{transform:scale(1); transition:all 0.2s;}
.mxh1 img:hover{transform:scale(1.1); transition:all 0.2s;}

.header-box1{ height:100px;}
.header-box{ width:100%; background:#fff; position:relative; z-index:999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
box-shadow: 0 0 3px rgba(0,0,0,0.4); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
}
.header-content{width:98%; max-width:1200px; position:relative; margin:auto; padding:10px 0; transition:all 0.3s;}
 
.logo{display:block; float:left; }
.logo img{display:block; max-height:85px; transition:all 0.3s;}
.banner{display:block; float:left; margin-left:5%; width:52%; padding:8px 0; } 
.right-head {float: right; text-align:center; padding-top:32px; transition:all 0.3s;}
 
.header-fixed{ position:fixed; z-index:999; left:0px; top:0px;}
.header-fixed .logo img{display:block; max-height:48px; transition:all 0.3s;}
.header-fixed .header-content { padding: 5px 0; transition:all 0.3s;}
.header-fixed .right-head { padding-top: 0px; transition:all 0.3s;}
.header-fixed #smoothmenu1 li{padding:0 12px; transition:all 0.3s;}
.header-fixed #smoothmenu1 li a { font-size: 17px; transition:all 0.3s;}
.header-fixed #smoothmenu1 ul li ul { padding-top: 7px; transition:all 0.3s;}

 
.box_menu{ width:100%;}
.menu-content{ width:100%; max-width:1200px; position:relative; margin:auto;}

.menu-mobile{ display:none;}
.menu{ position:relative; border-top:1px #d3d3d3 solid; margin:auto; z-index:1;}
 
#smoothmenu1{ float:left; }
#smoothmenu1 li{float:left; position:relative; padding:0px 8px; }
#smoothmenu1 li.pd0:first-child{ padding-left:0px; }
#smoothmenu1 li a{font-size:17px; font-family:'Arimo-Regular'; color:#666666; display:block; height:48px; line-height:48px; position:relative; transition:all 0.3s;}
.m,#smoothmenu1 li:hover a.c{color:#000 !important;}
.m::before,#smoothmenu1 li:hover a.c::before{content:''; width:100%; height:3px; background:#000000; position:absolute; left:0px; top:-1px;}
 
#smoothmenu1 ul{z-index:100;}
#smoothmenu1 ul li{ position: relative;}
#smoothmenu1 ul li ul{ position: absolute; display: none; visibility: hidden; min-width:220px; top:100%; overflow: visible; text-align: left; padding-top: 12px; transition:all 0.3s;}

#smoothmenu1 ul li ul li{display:list-item; float:none; height:43px; background:#333 !important; border-bottom:1px solid #000;  padding:0 10px; }
#smoothmenu1 ul li ul li:hover{ background:#000 !important; }
#smoothmenu1 ul li ul li a{color:#fff; display:block; white-space:nowrap; padding:0px; font-size:15px; height:42px; line-height:42px; border-radius: 0; background:none;}
#smoothmenu1 ul li:hover ul li a{ background:none !important;}
#smoothmenu1 ul li:hover ul li:hover a{ background:none !important;}
#smoothmenu1 ul li:hover ul li a{color:#fff !important; }
#smoothmenu1 ul li:hover ul li a:hover{color:#ff0 !important;}
#smoothmenu1 ul li ul li{ width:100%; text-align:left;}
#smoothmenu1 ul li ul li ul{ top:0px; padding-top:0px !important;}
.sr{ float:left; width:30px; height:48px; line-height:48px; }

.header-fixed #smoothmenu1 ul li ul li a { font-size: 15px; transition:all 0.3s;}


#search{width:250px; display:none; height:42px; position:absolute; outline:none; top:100%; right:0px; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4); 
box-shadow: 0 0 3px rgba(0,0,0,0.4); 
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);}
#search input{width:100%; font-family: 'Arimo-Regular'; font-size:15px; color:#ccc; height:42px; border:none; background:#fff; padding-right:40px; padding-left:10px; outline:none; float:left; }
#search input::-webkit-input-placeholder{color:#ccc;}
#search input::-moz-placeholder{color:#ccc;}
#search input:-ms-input-placeholder{color:#ccc;}
#search input:-moz-placeholder{color:#ccc;} 
#search button{ height:32px; border:none; border-left:1px #e1e1e1 solid; width:30px; background:none; outline:none; position:absolute; top:5px; right:5px;}


/*------end menu-------*/
.slider_full{ width:100%; position:relative; margin:auto; margin-bottom:10px; }
.wrap-slider{width:100%; max-width:1200px; margin:auto;}
.left{width:33%; float:left; position:relative; border:1px #d5d5d5 solid;}
.left a{ display:block; overflow:hidden; position:relative;}
.left a:before{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); }
.left:hover a:before { webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); }
.left img{width:100%;display:block;}
.right{width:66%; float:right;}
 
/*-----------end slider-------------*/
.box-gioithieu{ position:relative; overflow:hidden; border-top:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 solid;}


.gioithieu-content{ width:98%; margin:auto; max-width:1200px; padding:50px 0;}
.gioithieu-left{width:42%; float:left;}

.gioithieu-right{width:55%; float:right; padding:8px; border:1px solid #b6b6b6;}
.gioithieu-right a{ display:block; overflow:hidden; position:relative;}
.gioithieu-right a img{ display:block; transform:scale(1); transition:all 0.5s;}
.gioithieu-right a:hover img{ transform:scale(1.15); }
.gioithieu-right a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); }
.gioithieu-right a:hover:before { webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

 
.title_gt1{color:#999999; font-size:22px; margin-bottom:5px; font-family: 'Arimo-Regular'; transition:all 0.3s;}
.title_gt1 span{ color:#000; font-size:36px; font-family: 'Arimo-Bold'; transition:all 0.3s;}

.gioithieu-left:hover .title_gt1,.gioithieu-left:hover .title_gt1 span{ color:#f00;}

.title_gt{ color:#666666; font-size:20px; line-height:26px; margin-bottom:10px; font-family: 'Arimo-Bold'; transition:all 0.3s;}
.gioithieu-left:hover .title_gt{color:#fbb323;}

.mota_gt{ font-family: 'Arimo-Regular'; color:#666666; font-size:16px; line-height:1.5;}
.xemthem{ text-align:right; margin-top:20px;}
.xemthem a{ display:inline-block; padding:5px 10px; border:1px #707070 solid; color:#707070; transition:all 0.3s; font-size:14px;}
.xemthem a:hover{ border:1px #f00 solid;  color:#f00;}

.wrap-dv{ padding-top: 20px;}
.dv-content{width:98%; padding:20px 0; max-width:1200px; margin:auto; position:relative;}
.dv-content::before{content:''; height:8px; border-top:1px solid #ebebeb; border-bottom:1px solid #d3d3d3; position:absolute; top:0px; left:0px; width:100%;}
.dv-content::after{content:''; height:8px; border-bottom:1px solid #ebebeb; border-top:1px solid #d3d3d3; position:absolute; bottom:0px; left:0px; width:100%;}

 
.wrap-sp{ position:relative; margin-bottom:30px; padding:20px 0; } 
.wrap-sp::after{content:''; position:absolute; left:50%; top:0px; width:100vw; height:100%; z-index:-1; transform:translateX(-50%);}
 
.wrap-dv{ position:relative; padding:20px 0; } 
.wrap-dv::after{content:''; position:absolute; left:50%; top:0px; width:100vw; height:100%; z-index:-1; transform:translateX(-50%);}

.title{border-top:1px solid #d3d3d3; text-align:center; color:#000; font-size:24px; font-family: 'Arimo-Regular'; margin-bottom:20px; }
.title span{ display:inline-block; margin:0 10px; padding:12px 0; position:relative; cursor:pointer; }
.title span.active-sp::before{content:''; width:100%; height:2px; background:#000000; position:absolute; left:0px; top:-1px;}
  
.title-sp{border-top:1px solid #d3d3d3; text-align:center; color:#000; font-size:24px; font-family: 'Arimo-Regular'; margin-bottom:20px; line-height:60px; }
.title-sp span{ display:inline-block; margin:0 10px; height:60px; line-height:60px; position:relative; cursor:pointer; }
.title-sp span.active-sp::before,.title-sp span:hover::before{content:''; width:100%; height:2px; background:#000000; position:absolute; left:0px; top:-1px;}

  
.grid_sp1{display: grid; grid-template-columns: 1fr 1fr ; grid-gap: 20px;}
.grid_sp{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: 12px; padding-bottom:30px;}

.item{ border:1px #d5d5d5 solid;}
.item .box_item_img{border-bottom:1px #d5d5d5 solid; background:#fff; position:relative;}
.item .box_item_img a{ display:block; overflow:hidden; position:relative;}
.item .box_item_img a .imgsp{width:100%; transform:scale(1); transition:all 0.3s; display:block;}
.item:hover .box_item_img a .imgsp{width:100%; transform:scale(1.1); transition:all 0.3s; display:block;}
.item .hot{position:absolute; left:5px; top:5px; height:45px; width:46px; background:url(images/km.png) no-repeat; z-index:99; font-family: 'Arimo-Regular';
line-height: 1; color: #fff; text-align: center; font-size: 12px; padding-top: 7px;
-moz-transform: rotate(-45deg) scale(1, 1) skewX(0deg) skewY(1deg) translate(0px,0px); 
-webkit-transform: rotate(-45deg) scale(1, 1) skew(0deg, 1deg) translate(0px,0px); 
-o-transform: rotate(-45deg) scale(1, 1) skew(0deg, 1deg) translate(0px,0px); 
-ms-transform: rotate(-45deg) scale(1, 1) skew(0deg, 1deg) translate(0px,0px); 
transform: rotate(-45deg) scale(1, 1) skew(0deg, 1deg) translate(0px,0px);
}
 

 

.item .item_content{ width:100%; text-align:center; padding:5px 8px; padding-bottom:10px; }
.item .item_content .name{ margin-bottom:5px;}
.item .item_content .name a{ width:100%; font-family: 'Arimo-Bold'; color:#000000; display:block; font-size:18px; transition: all 0.2s ease; }
.item:hover .item_content .name a{ color:#f00;}


.item .item_content .gia{ font-family: 'Arimo-Regular';}
.item .item_content .gia .giacu{float:left; width:50%; line-height:20px; color:#999; text-decoration:line-through; font-size:13px;}
.item .item_content .gia .giaban{float:left; width:50%; line-height:20px; font-size:16px; color:#999;}
.item .item_content .gia .giaban span{ font-family: 'Arimo-Bold'; color:#f00;}
.item .item_content .gia .full-gia{width:100%;}
 
.item .item_content .gia .item-masp{display:inline-block; height:25px; line-height:23px; border:1px #999 solid; color:#999; font-size:13px; padding:0 10px;}
.item .item_content .gia .item-masp:hover{ border:1px #f00 solid; color:#f00;}
.item .item_content .gia .muangay{display:inline-block; font-size:13px;  background:#f00; padding:0 5px; line-height:25px; cursor:pointer; text-align:center; height:25px; color:#fff; width:80px;}
.mgr-5{ margin-bottom:6px;}

/*====================*/
.item-list{}
.item-list a{ display:block; position:relative; overflow:hidden;}
.item-list a img{ width:100%; display:block; transform:scale(1); transition:all 0.5s;}
.item-list:hover a img{ transform:scale(1.2); transition:all 0.5s;}
.item-list a .ten-list{ border:2px #fff solid; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:55%; height:80px;}
.item-list:hover a .ten-list{ border:2px #fbb323 solid; color:#fbb323; transition:all 0.5s;}
.item-list a .ten-list span{ display:block; line-height:1.1; text-align:center; font-size:28px; font-family: 'Arimo-Regular'; position:absolute; left:15px; right:15px; top:50%; transform:translateY(-50%); max-height:62px; overflow:hidden;}
/*====================*/
/*.grid-baiviet{display: grid; grid-template-columns: 1fr 1fr ; grid-gap: 20px; margin-bottom:30px;}

.grid-baiviet a{ display:block; position:relative; overflow:hidden;}
.grid-baiviet a::before{content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; border:2px #fff solid; z-index:1; transition: all 0.5s;}
.grid-baiviet a:hover::before{ border:2px #fbb323 solid; }
.grid-baiviet a img{ display:block;transform:scale(1); transition: all 0.5s;}
.grid-baiviet a:hover img{ display:block; transform:scale(1.2);}
.grid-baiviet a span{ display:block; position:absolute; left:20px; text-align:center; right:20px; top:50%; transform:translateY(-50%); color:#fff; font-size:30px; font-family: 'Arimo-Bold'; transition: all 0.5s;}
.grid-baiviet a:hover span{ color:#fbb323; }*/

.fancybox-skin { background: #333; }
#inline1{ padding:12px;}
.htl-m{ padding:10px; border:1px rgba(255,255,255,0.7) solid; border-radius:5px; text-align:center; color:#fff; font-size:15px;}
.htl-m:nth-child(1){margin-bottom:10px;}
.htl-m a{ color:#fff; font-size:16px;}

.grid-baiviet{ margin-bottom:30px;}
.qc-item{ width:96%; margin:auto;}
.qc-item a{ display:block; position:relative; overflow:hidden;}
.qc-item a::before{content:''; position:absolute; left:10px; right:10px; top:10px; bottom:10px; border:2px #fff solid; z-index:1; transition: all 0.5s;}
.qc-item a:hover::before{ border:2px #fbb323 solid; }
.qc-item a img{ display:block;transform:scale(1); transition: all 0.5s;}
.qc-item a:hover img{ display:block; transform:scale(1.2);}
.qc-item a span{ display:block; position:absolute; left:20px; text-align:center; right:20px; top:50%; transform:translateY(-50%); color:#fff; font-size:30px; font-family: 'Arimo-Bold'; transition: all 0.5s;}
.qc-item a:hover span{ color:#fbb323; }

.main{ }
.main_content{width:98%; max-width:1200px; margin:auto; padding:40px 0; }

.box-spIndex{ margin-bottom:30px;}
.set-sp .slick-slide{ padding:5px 6px;} 

.wrap-email{}
.center{ width:98%; max-width:1200px; margin:auto; padding:24px 0;}
.box-mail{ width:25%; float:right; position:relative;}
.title-mail{ width:70%; float:left; color:#fff; padding:25px 5%; font-size:55px; text-align:center; font-family: 'Arimo-Regular'; line-height:1.3; margin-bottom:10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=146, Color=#000000)"; 
text-shadow: 3px 2px 1px #000000; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#000000);}
.title-mail span{font-family: 'Arimo-Bold'; color:#000; font-size:68px; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=146, Color=#ff0)"; 
text-shadow: 3px 2px 1px #ff0; 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=#ff0);
}

#dkmail{ width:100%; display:block; margin:auto; padding:10px; position:relative;}
.item-input{ margin-bottom:8px; position:relative;}
.item-input:nth-child(1)::before{width:36px; border-right:1px solid #adadad; position:absolute; left:0px; top:0px; height:100%; background:url(images/icon1.png) no-repeat center; content:'';}
.item-input:nth-child(2)::before{width:36px; border-right:1px solid #adadad; position:absolute; left:0px; top:0px; height:100%; background:url(images/icon2.png) no-repeat center; content:'';}
.item-input:nth-child(3)::before{width:36px; border-right:1px solid #adadad; position:absolute; left:0px; top:0px; height:100%; background:url(images/icon3.png) no-repeat center 5px; content:'';}

.input_mail{ display:block; width:100%; height:35px; background:none; padding:0 10px; padding-left:40px; border:1.5px #adadad solid; color:#adadad; outline:none;}
.input_mail::-webkit-input-placeholder{ color:#adadad;}
.input_mail::-moz-placeholder{ color:#adadad;}
.input_mail:-ms-input-placeholder{ color:#adadad;}
.input_mail:-moz-placeholder{ color:#adadad;}

.noidung_mail{ border:1.5px #adadad solid; background:none; width:100%; display:block; padding:10px;color:#adadad;padding-left:40px; outline:none;}
.noidung_mail::-webkit-input-placeholder { color:#adadad;}
.noidung_mail::-moz-placeholder { color:#adadad;}
.noidung_mail:-ms-input-placeholder { color:#adadad;}
.noidung_mail:-moz-placeholder { color:#adadad;}


.btnct_dk{ height:30px; width:60px; line-height:26px; color:#adadad; font-size:14px; font-family: 'Arimo-Regular'; float:right; border:2px #adadad solid; background:none;}

.wrap-tag{ padding:20px 0; padding-top:25px;}
.box-tag{ max-width:1200px; width:98%; margin:auto;}
.box-tag a{display:inline-block; font-family: 'Arimo-Regular'; border:1px #999999 solid; padding:3px 6px; margin-bottom:6px; margin-right:3px; color:#999999;}
.box-tag a:hover{  color:#f00; border:1px #f00 solid;}

.wrap-bottom{ padding:40px 0; position:relative; background:#f2f2f2; }
.bottom{width:98%; max-width:1200px; margin:auto;}
.bottom-left{ width:63.8%; float:left;}
.grid_bottom{ padding-right:4%; border-right:1px #ababab dashed;}

.bottom-right{ width:34%; float:right;}

.bottom-left .title-bottom{ margin-right:4.5%;}
.title-bottom{border-top:1px solid #d3d3d3; text-align:left; color:#000; font-size:24px; font-family: 'Arimo-Regular'; margin-bottom:10px; line-height:50px; }
.title-bottom span{ display:inline-block; height:50px; line-height:50px; position:relative; cursor:pointer; }
.title-bottom span.active-sp::before{content:''; width:100%; height:2px; background:#000000; position:absolute; left:0px; top:-1px;}


 
.item_bottom:nth-child(1){width:45%; float:left; }
.item_bottom:nth-child(2){width:52.5%; float:right; }

.grid_bottom1{ padding-right:5%;}
.over-bottom{overflow-x:hidden;}
 
.big_news{}
.big_news .img-news{ display:block; overflow:hidden; width:100%; margin-bottom:8px;}
.big_news .img-news a{ display:block; overflow:hidden; position:relative;}
.big_news .img-news a:before{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); }
.big_news:hover .img-news a:before { webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); }

.big_news img{ width:100%; transform:scale(1); transition:all 0.4s; display:block; }
.big_news:hover img{ transform:scale(1.15); transition:all 0.4s; }
.big_news .n_name { line-height:1.2; margin-bottom:5px;}
.big_news .n_name a{color:#000; font-family: 'Arimo-Bold'; font-size:18px; transition:all 0.4s;}
.big_news:hover .n_name a{ color:#f00; text-decoration:none; transition:all 0.4s;}
.big_news .box_content_news{width:100%; color:#000; font-family: 'Arimo-Regular'; font-size:15px;} 
  
.news{ width:100%;margin:auto; position:relative; }
.news .img-news{display:block; overflow:hidden; width:42%; float:left; }
.news .img-news a{ display:block; overflow:hidden; position:relative; }
.news .img-news a:before{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); }
.news:hover .img-news a:before { webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); }

.news img{ width:100%; transform:scale(1); transition:all 0.4s; display:block; }
.news:hover img{ transform:scale(1.2); transition:all 0.4s; }
.news .n_name { line-height:1.2; margin-bottom:2px;}
.news .n_name a{color:#000; font-family:'Arimo-Bold'; font-size:16px; transition:all 0.4s;}
.news:hover .n_name a{ color:#f00; text-decoration:none; transition:all 0.4s;}
.news .box_content_news{width:56%; float:right; color:#000; font-family: 'Arimo-Regular';font-size:14px;} 
.video-wrapper{padding-bottom:250px; position:relative; margin-bottom:5px;}
.video-wrapper iframe{border:none; width:100%; height:100%; position:absolute;}
.v-item{ width:96%; margin:auto;}
 
.ft_content{ padding-top:30px; background:#333; margin-top:30px; }
.footer_content{width:98%; padding:30px 0; max-width:1200px; margin:auto; font-size:16px; font-family: 'Arimo-Regular'; position:relative; z-index:9; color:#cccccc; }
.info1{width: 45%; float: left; margin-right:6%; }
.info2{ width:24%; float:left; }
.info3{ width:20%; float:right; }
.ul_ft { list-style:none;}
.ul_ft li{ padding:5px 0; margin-bottom:3px;}
.ul_ft li a{font-family: 'Arimo-Regular'; font-size:16px; color:#000000;}
.ul_ft li a:hover{ color:#f00;}
 
.ft_tt{ padding:8px 0; margin-bottom:10px; }
.ft_tt span{color:#ccc; font-family: 'Arimo-Bold'; font-size:20px; }
 
.copy{ background:#333;}
.copy-content{ width:98%; max-width:1200px; text-align:center; font-size:16px; margin:auto; padding-bottom:12px; color:#ccc; font-family: 'Arimo-Regular';}
.copy-content a{ color:#ccc;}
 
.pagination{ display:block !important; margin:0px;}
.pages_ajax{ display:block; text-align:center;}
.pages_ajax li {display:inline-block; padding:5px 10px; text-decoration:none; box-sizing:border-box; margin: 0px 4px; cursor:pointer; color:#434343; font-size:13px; border:1px solid #dedede; background:#fff; transition:all 0.5s;}
.pages_ajax li a{color:#000;}
.pages_ajax li.actived,.pages_ajax li:hover{background:#ffa800; border-color:#ffa800;}
.pages_ajax li.actived a,.pages_ajax li:hover a { color: #fff; }
span.total{ display:none;}

 /*-----------phân trang---------------*/	
 
.phantrang{text-align:center; margin-bottom:10px;}
.phantrang a{ background: #fff; color:#666; padding: 5px 8px; border:1px #d9e2e7 solid; text-align:center; text-decoration:none; margin:0px 2px; font-weight:bold;display: inline-block;  margin: 2px;}
.phantrang a:hover{ background:#0473bd; border:1px #0473bd solid; color:#fff;}
.phantrang span{ background:#0473bd; border:1px #0473bd solid; padding: 5px 8px; color:#fff;}
/*------------------------------------*/
.lh_cont{width:48%; float:left;}
.frm_lienhe{width:50%; float:right;}
.bando{width:100%;}
.bando iframe{ width:100%; height:400px;}
.ftmap iframe{ width:100%; height:400px;}
.lhtt{font-family: 'Arimo-Bold'; font-size:18px; color:#f1c807; text-align:center;}
.lhtt1{font-family: 'Arimo-Bold'; font-size:16px; color:#333; text-align:center; margin-bottom:20px;}

.ipct{width: 100%; height:40px; border: 1px solid #cccccc; padding:0 10px; margin-bottom:8px; color:#333; outline:none; background: #fff;}
.ipct:nth-child(3n),.ipct:nth-child(4n){ float:left; width:49%}
.ipct:nth-child(4n){ float:right;}
.ipct:nth-child(4n+1){clear:both;}
.ipct::-webkit-input-placeholder { color:#cccccc;}
.ipct::-moz-placeholder { color:#cccccc;}
.ipct:-ms-input-placeholder { color:#cccccc;}
.ipct:-moz-placeholder { color:#cccccc;}

.tact{ border: 1px solid #cccccc; color:#333; width: 100%; padding: 0 10px; background:#fff; outline:none;}
.tact::-webkit-input-placeholder { color:#cccccc;}
.tact::-moz-placeholder { color:#cccccc;}
.tact:-ms-input-placeholder { color:#cccccc;}
.tact:-moz-placeholder { color:#cccccc;}

.btnct{ background:#df1010; padding:5px 20px; border:none; font-size:16px; font-family: 'Arimo-Bold'; text-transform:uppercase; border-radius:3px; color:#fff;}

.chitietsanpham{ position:relative; margin-bottom:15px;}
.wrap-cungloai{ width:98%; max-width:1300px; margin:auto;}
 
.chitietsanpham{width:100%;  }
.zoom_slick{ width:40%; float:left;}
.product_info{ width:58%; float:right;}
.mota{ font-size:14px; color:#000; font-family: 'Arimo-Regular'; margin-bottom:6px;}
 
.detailsp{font-size:14px; color:#000;  margin:6px 0; font-family: 'Arimo-Regular'; position:relative; margin-bottom:5px; }
.addfont{ font-size: 20px; font-family: 'Arimo-Bold'; color: #e64100; text-transform:uppercase; }
.detail{ font-size:15px; font-family:arial; margin-bottom:3px;}
.detail_gia font{font-family: 'Arimo-Bold'; font-size:18px; color:#cb020c;}
.detail_gia span{font-family: 'Arimo-Regular'; font-size:15px; color:#000; text-decoration:line-through;}

.slider-for{ width:74.5%; float:right;}
.slider-nav{ width:25.5%; float:left;}

.tt-soluong{ float:left; height:30px; line-height:30px; margin-right:10px; }
.division{display:inline-block; width:30px; font-size:15px; float:left; height:30px;text-align:center; cursor:pointer;line-height:28px; border:1px #cccccc solid; border-right:none; background:#fff;}
.sluong{display:inline-block; background:#f2f1f0; border:1px #ccc solid; width:30px; float:left; height:30px;text-align:center; line-height:28px;}
.plus{display:inline-block; width:30px; height:30px; font-size:15px; float:left;text-align:center; cursor:pointer; line-height:28px; background:#fff; border:1px #ccc solid; border-left:none;}
.addtocart{width:180px; height:40px; text-align:center; line-height:40px; border-radius:4px; overflow:hidden; background:#21252c; color:#a3a3a3; font-size:12px; font-weight:bold; padding-left:32px; margin:10px auto; position:relative; border:none; margin-right:10px;}
.addtocart::after{ content:''; position:absolute; left:0px; top:0px; height:40px; width:32px; background:url(images/cart1.png) no-repeat center, #f00; }
 
.sup247{width:135px; height:40px; text-align:center; line-height:40px; border-radius:4px; overflow:hidden; background:#21252c; color:#a3a3a3; font-size:12px; font-weight:bold; padding-left:40px; margin:10px auto; position:relative; border:none;}
.sup247::after{ content:''; position:absolute; left:0px; top:0px; height:40px; width:40px; background:url(images/cart1.png) no-repeat center, #f00; }


 
 
.grid-news{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; grid-gap: 20px;}
.box_news{ background:#F4F4F4; color:#888888; font-family: 'Arimo-Regular'; font-size:15px; position:relative; border:1px #e1e1e1 solid;}
.box_news .img-news{ display:block; width:100%; }
.box_news .img-news a{ display:block; position:relative; overflow:hidden; width:100%; }
.box_news .img-news a:before{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.5); content: ''; z-index: 10; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); }
.box_news:hover .img-news a:before { webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); }

.box_news img{ width:100%; transform:scale(1); transition:all 0.3s; display:block; }
.box_news:hover img{ transform:scale(1.05); transition:all 0.3s; }
.box_news .n_name { padding:10px 10px; line-height:1.2;}
.box_news .n_name a{color:#000; font-family: 'Arimo-Regular'; font-size:16px;}
.box_news:hover .n_name a{ color:#f00; text-decoration:none;}
.box_news .box_content_news{width: 100%; color:#666666; font-family: 'Arimo-Regular'; font-size:13px;} 
.box_news .n_mota{padding:10px; padding-top:0px;} 
 
.date{background:#f00;width:60px; position:absolute; left:0px; top:0px; border:1px solid #f00; text-align:center; z-index:9; font-family: 'Arimo-Regular'; font-size:11px; font-style:italic; color:#fff; line-height:2;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)"; 
-moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
-webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); }
.date div{ color:#f00; background:#fff; font-size:20px; font-family: 'Arimo-Regular'; font-style:normal; line-height:1.5;}

.toolbar {background: #333; display: none; width: 100%; padding: 2px; bottom: 0; position: fixed; z-index: 500; height: auto; border-top: 1px solid #cbcbcb;}
.toolbar ul li { text-align: center; float: left; width: 25%;}
.toolbar ul li a { display: inline-block; width: 100%; color: #fff;}
.toolbar ul li a img { height: 18px !important; width: auto;}
.toolbar ul li a span {font-family:arial; font-weight:400; color:#fff; font-size:12px;} 

  
.blink_me{
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



.total-cart{ position:fixed; right:5px; bottom:230px; width:58px; height:58px; background:url(images/cart.png) no-repeat,#fff; color:#f00; font-family: 'Arimo-Bold'; font-size:14px;text-align: center; padding-top: 5px; z-index:99; border-radius:50%;}

/* Gio hang*/
#giohang{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0px;left: 0;  background: rgba(0,0,0,0.5); opacity: 0;}
#giohang.active{z-index: 999; opacity: 1;}
.w-giohang{background: #FFF;position: relative;width: 800px;max-width: 100%; margin: 50px auto; border-radius: 5px;padding: 10px; transition:all 0.5s;top: -1000px; max-height: 90%;overflow: auto;}
#giohang.active .w-giohang{top: 0;}
.giohang-cl{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.giohang-tit{ margin-bottom: 15px; font-family: 'Arimo-Regular'; font-size: 18px;}
.giohang-tit  a{color:blue; transition:all 0.5s; font-family: 'Arimo-Regular';}
.giohang-tit:hover a{color:#f00; text-decoration:underline; transition:all 0.5s;}
.tbl-giohang .tr{ border-bottom: 1px solid #CCC;}
.tbl-giohang .th{  padding: 2px 5px;}
.tbl-giohang .th:last-child{text-align: right; padding-right: 20px;}
.tbl-giohang .td{ padding: 5px 0px;}
.tbl-giohang .td:nth-child(1){width: 45%; padding-right:10px;}
.tbl-giohang .td:nth-child(2){ color: #f00; font-weight: bold;}
.tbl-giohang .td:nth-child(3){ font-weight: bold; width: 70px;}
.tbl-giohang .td:nth-child(4),.tbl-giohang .th:nth-child(4){ width:120px; text-align: center;}
.tbl-giohang .td:nth-child(4){ color:#f00;}
.tbl-giohang .td:nth-child(3) input{ width: 50px;}
.tbl-giohang .td:nth-child(5){ text-align: right; font-weight: bold; color: #F00;}
.giohang-thanhtien{font-family: 'Arimo-Bold'; text-align: right; font-size: 16px; margin-top: 10px; }
.giohang-thanhtien span{ color: #f00;}
.giohang-btn{margin-top: 10px;}
.giohang-btn-l{float: left;}
.giohang-btn-r{float: right;}
.giohang-btn-r button{ background: #d60c0c; color: #FFF; font-family: 'RobotoCondensed-Bold'; font-size: 16px; padding: 5px 15px; border:none;}
.form-control { padding: 5px;  max-width: 90% !important;}
.box-spc{}
.box-spc img{width: 50px;float: left; border: 1px solid #CCC; margin-right: 10px;}
.box-spc a{ display: block; font-size: 12px; color:#1471CE; transition:all 0.3s;}
.box-spc a:hover{ display: block; color:#f00; transition:all 0.3s;}
.box-spc .del-cart{ color:#00f; }
.tttt{font-family: 'Arimo-Regular'; font-size: 16px; border-bottom: 1px solid #CCC; margin-bottom:10px; padding:1.5px 0px;}

/* Thanh toan */
.left-tt{width:60%;float: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px;}
.right-tt{width:calc(40% - 20px);float:right; border:1px solid #CCC; border-radius: 5px; padding: 10px;}
  
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: 'Arimo-Regular'; font-size:16px;}
.tbl .td,.tbl .th{ display: table-cell; font-size:16px;}
.tbl .td{ display: table-cell; font-size:13px;}
.ajax_soluong{ background: none; border: 1px #fff solid; padding-left:10px; width:90%; margin:0 5%; display:block; border: 1px solid #ccc; height:34px;border-radius: 4px;}

.httt{width:100%; padding:5px 0px; background:#fff; }
.check_ht{margin-bottom:0px;}

.check_ht span{display:block; width:20px; height:20px; text-align:center; line-height:25px; float:left; margin-top:5px;}
.check_ht span i{font-size:14px; cursor:pointer; color:#ad7d33;}
.check_ht .tt_info{width: calc( 100% - 22px ); float:right;}
.check_ht .tt_info b{font-size:14px;}


.content_tt{ background:#fff; padding:15px 0;}
.tt_box { width: 49%; float:right; margin: auto; margin-bottom:20px;}

.tt_box1{width:100%; border-radius:4px; border: 1px solid #e1e1e1; background:#fff;}
.tt-gh{ padding:6px; text-align:center; font-weight:bold; font-size:13px; border-bottom: 1px solid #e1e1e1;}
.tong_gh{border-top:1px solid #e1e1e1; padding:6px; text-align:right; font-size:13px; width:100%; clear:both;}
.tong_gh span{color:#f00;}
.tt-body{ padding:6px; background:#fafafa; }

.right_gh{ width:15%; float:right; text-align:right; color:#f00;}
.gh-name{ font-size: 13px;font-family: 'Arimo-Regular';}
.left_gh{ width:72%; float:left; font-size:12px; color:#222;font-family: 'Arimo-Regular';}
.left_gh .del-cart{ display:inline-block; color: #333; line-height: 24px; border: 1px solid #e1e1e1; padding:0 6px; margin-top:5px; font-size:11px; border-radius:2px;}
.left_gh .del-cart:hover{ color: #f00; border: 1px solid #f00; }

.box_ghright{ width:49%; margin:auto; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#000000)"; 
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5); 
box-shadow: 0 0 2px rgba(0,0,0,0.5); 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#000000); float:left; margin-bottom:20px; }
.box_ghright img{ max-width:100%; }
.itemgh{border-top:1px solid #e1e1e1; padding:5px 0; }
.itemgh:first-child{border-top:none;}
.itemgh:last-child{margin-bottom:0px;}
.derect_thanhtoan{ display:block; margin:auto; height:45px; min-width:170px; border:1px #00b4b3 solid; background: #00b4b3; text-align:center; font-size:15px; color: #fff; }
.derect_thanhtoan:hover{ color:#fff; background: #00b4b3; }
.derect_thanhtoan span{display:block; line-height:43px; }
.derect_thanhtoan:hover span{ background:none;}
.derect_thanhtoan:nth-child(1){ float:left;}
.derect_thanhtoan:nth-child(2){ float:right;}

.span_tt{ color:#999;}

.frm_info{width:100%; padding:25px ; padding-bottom:0px; background:#fff;}
 
.item_lienhe{ width: 100%; margin-bottom:6px;}
.item_lienhe:nth-child(2){ width: 100%;}
.item_lienhe .lh-con-r1{width:270px; float:left; font-size: 12px; line-height: 18px; color: #999; margin-top: 2px; padding-left:10px;}

.item_lienhe .lh-con-l{float:left; padding:10px 10px 0 0; text-align:right; width:130px;  vertical-align:top;}
.item_lienhe .lh-con-r { float:left; width: calc( 100% - 130px ); position: relative; vertical-align: top;}

.iptt{ height: 34px; padding: 0 10px; color:#555; font-size: 14px; border: 1px solid #dfe6ea; width:100%; font-size:13px;}
.iptt::-webkit-input-placeholder { color:#afaaae;}
.iptt::-moz-placeholder { color:#afaaae;}
.iptt:-ms-input-placeholder { color:#afaaae;}
.iptt:-moz-placeholder { color:#afaaae;}

 

.tatt{ padding: 0 10px; font-size: 14px; color:#555; border: 1px solid #dfe6ea; border-radius: 3px; width:100%; font-size:13px;}
.tatt::-webkit-input-placeholder { color:#afaaae;}
.tatt::-moz-placeholder { color:#afaaae;}
.tatt:-ms-input-placeholder { color:#afaaae;}
.tatt:-moz-placeholder { color:#afaaae;}

.check_item{ background:#fafafa; border:1px #e1e1e1 solid; line-height:34px; padding:0 10px; margin-top:6px; cursor:pointer;}
.tt_noidung{ display:none; padding:15px; border:1px #e1e1e1 solid; border-top:none;}


.left_gh{float:left;}
.left_gh img{float:left; width:60px; margin-right:5px;}
.left_gh div{float:left;}
.left_gh div .ajax_soluong{ background: #fff; padding-left: 10px; width: 50px; margin: 0; display: block; border: 1px solid #ccc; height: 25px; border-radius: 0px; text-align: center;}
.right_gh{float: right;}
.right_gh span{display:block;}
.right_gh a{display:block;}
 
.block-head{ padding: 6px; text-align: center; font-weight: bold; font-size: 13px; border-bottom: 1px solid #e1e1e1;}

.em-cart {
	text-align: center
}

.em-cart img {
	max-width: 100%
}

.em-cart a {
	display: inline-block;
	font-size: 15px;
	margin-top: 20px;
	padding: 10px 25px;
	background: #d90000;
	color: #fff;
	border-radius: 3px
}

.em-cart a:hover {
	color: #ff0
}

.cartEmpty {
	display: block;
	margin-bottom: 3.2rem;
	font-size: 1.6rem
}


@media (max-width: 1200px){
	.menu{ border-top:none;}
	.menu-mobile{display:block; color:#ff3333 !important; font-size:16px; float:left; height:48px; line-height:48px; margin-right:5px; }
	.menu-mobile i{font-size: 20px; float: left; margin-top: 14px; margin-right: 3px;}
	.toolbar { display: block; }
 
	.drag-wrapper { display: none; }
	#btn-zalo1,#btn-zalo { display: none; }
	.grid-news{ grid-gap: 12px;}
	.grid_sp1,.grid_sp { grid-gap: 15px; } 
	.right-head { padding-top: 22px; }
	#smoothmenu1{display:none;}
	
	.diachi{ display:none;}
	.email { margin-left:0%; }
	
	.title-mail span { font-size: 60px; }
	.title-mail { font-size: 50px; }
	.item-list a .ten-list { min-width: 65%; }
	.box-mail { width: 30%; }
	.copy{ padding-bottom:50px;}
}
@media (max-width: 991px){	
	.item-list a .ten-list span { font-size: 22px; max-height: 48px; }
	.item-list a .ten-list { height: 65px; }
	.gioithieu-right{ display:none;}
	.gioithieu-left { width: 100%; }
	.grid-baiviet a span { font-size: 22px; }
	.title-mail { width: 65%; padding: 25px 2%; font-size: 55px; } 
	.title-mail span { font-size: 50px; }
	.title-mail { font-size: 40px; }
	.box-mail { width: 35%; }
	.title-sp { font-size: 20px; }
	
	
	.grid_sp1,.grid_sp { grid-gap: 12px; } 
	.info1 { width: 100%; margin-right: 0; margin-bottom:20px;}
	.info2 { width: 49%; }
	.info3 { width: 49%; float: right; }
	
	.item_bottom:nth-child(1){ display:none;}
	.item_bottom:nth-child(2){width:100%;}
	.bottom-left { width: 49%; }
	.bottom-right { width: 49%; }
	.diachi{ display:none;}
	.email { margin-left: 0; }
	.grid-news { grid-template-columns: 1fr 1fr 1fr; }
	.gioithieu-content { padding: 30px 0; }
	.main_content { padding: 20px 0; }
	
	.copy-content div:nth-child(1){ float:none; text-align:center;}
	.copy-content div:nth-child(2){ float:none; text-align:center;}

}
@media (max-width:770px){ 
	.item-list a .ten-list span { font-size: 18px; max-height:39px; }
	.item-list a .ten-list { height: 55px; }
	.logo img { max-height: 70px; }
	.header-box1 { height: 80px; }
	.header-content { padding: 5px 0; }
	.right-head { padding-top: 12px; }
	.menu-mobile { font-size: 14px; }
	.menu-mobile i { font-size: 16px; margin-top: 16px; }

	.grid-news { grid-template-columns: 1fr 1fr; }
	.title a{display:none;}
	.item .item_content .name a { font-size: 16px; }
	.grid_sp { grid-template-columns: 1fr 1fr 1fr; }
}
 
@media (max-width:700px){ 
	.grid-baiviet a span { font-size: 18px; }
	.title-mail { font-size: 30px; width: 58%; }
	.title-mail span { font-size: 40px; }
	.box-mail { width: 42%; }
	.title { font-size: 20px; }
	.box_ghright { width: 100%; }
	.frm_info { padding: 15px; }
	.tt_box { width: 100%; }
}
@media (max-width:650px){ 
	 
	.grid_sp { grid-template-columns: 1fr 1fr; } 
	/*.grid-baiviet { grid-template-columns: 1fr; }*/
	.zoom_slick{ width:100%; float:left;}
	.product_info{ width:100%; float:right;}
	.lh_cont { width: 100%; float: left;}
	.frm_lienhe{ width: 100%; float: right;}
	.bottom-left { width: 100%; margin-bottom:20px;}
	.bottom-right { width: 100%; }
	.grid_bottom { padding-right: 0%; border-right: none;}
	.grid_sp1,.grid_sp { grid-gap: 8px; }
}
@media (max-width:590px){	 
	.title-mail { font-size: 30px; width: 100%; padding: 0; }
	.box-mail { width: 100%; }
	.item-list a .ten-list span { font-size: 16px; max-height: 36px; }
	.item-list a .ten-list { height: 48px; }
}

@media (max-width:500px){
	.grid_sp1{ grid-template-columns: 1fr; }
	
	.item .item_content .gia .item-masp { display: none; }
	.item .item_content .gia .giaban { width: 100%; }
	.item .item_content .gia .giacu { width: 100%; }
	.title-mail span { font-size: 34px; }
	.title-mail { font-size: 26px; }
	
	.box-tag { text-align: center; }
	.info1 { width: 100%; margin-right: 0; margin-bottom:20px; }
	.info2 { width: 100%; margin-bottom:20px;}
	.info3 { width: 100%; float: right; }
	 
	div#tabs { padding: 5px; }
	div#content_tabs { padding: 5px; }

	.email{ display:none;}
	.mxh1 { float: none; padding-top: 10px; display: inline-block; }
	.top-content{text-align:center;}
	.item .item_content .name { margin-bottom: 5px; min-height:36px; line-height: 1.2; }
	.item .item_content .name a { font-size: 16px; }
	.title-dv span{ padding: 10px 20px; font-size:28px;}
	.gioithieu-content { padding: 20px 0; }
	.title span { font-size: 20px; }
	
	.logo img { max-height: 50px; }
	.right-head { padding: 1px 0; }
	.header-box1 { height:60px; }
	
	.title-sp { line-height: initial; font-size: 18px; }
	.title-sp i {display:none}
	.title-sp span { display: inline-block; margin: 0 10px; height: auto; line-height: 1.2;  position: relative; cursor: pointer; width: 42%; }
}
@media (max-width:375px){
	.grid-news { grid-template-columns: 1fr; } 
	.title span { font-size: 18px; }
	
	.logo img { max-height: 40px; }
	.menu-mobile i { font-size: 17px; margin-top: 8px; margin-right: 3px; }
	.menu-mobile { font-size: 14px; }
	.sr { margin-left: 0px; }
	.header-box1 { height: 70px; }
}
@media (max-width:360px){

}