img{ max-width: 100%; height: auto;     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;}
img:hover{ }


html {
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
#page-main{
	float:left;
	width:100%;
	clear:both;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
	background:#fff;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	right: 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;  
	-webkit-transition: right .4s ease-in-out 0s;
	-moz-transition:    right .4s ease-in-out 0s;
	transition:         right .4s ease-in-out 0s;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	color: #685e52;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	transition:         all .3s ease-in-out;
}
a:hover,
a:focus {
	color:#69453d;
}
a,
a:active,
a:hover,
a:focus {
	outline: 0;
	text-decoration: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: 600;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
../img {
	max-width: 100%;
	height: auto;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
ol, ul {
	padding: 0;
}

/* Forms
   ========================================================================== */
button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
textarea {
	overflow: auto; width:100%
}
optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}

/* Typography
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #39342e;
	font-weight: 600;
}
h1 {
	font-size: 3.6rem;
}
h2 {
	font-size: 3rem;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 1.6rem;
}
h5 {
	font-size: 1.4rem;
}
h6 {
	font-size: 1.2rem;
}
p {
	margin-bottom: 1em;
	line-height: 1.5;
}
@-webkit-keyframes placeHolderShimmer {
	from {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}

@keyframes placeHolderShimmer {
	from {
		background-position: -468px 0
	}
	to {
		background-position: 468px 0
	}
}
#header{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top:4px solid #E00012
}
.col-logo{
	float: left;
}
.logo{
	float: left;
}
.col-dm{
	float: left;

}
.dm-title{
	float: left;
	width: 100%;
	background: #E00012;
	text-align: left;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	cursor: pointer;
}
.dm-conmn{
	    position: absolute;
    top: 40px;
    z-index: 100;
    left: 15px;
    max-width: 255px;
    display: none;
}

.col-logo img{
	max-height: 90px;
	margin-top: 9px;
}
.col-menu-top{
	float: left;
	margin-top: 20px;
	padding-left:0px;
}
.menu-right{
	float: right;position: relative;
}
.menu-right ul{
	float: right;
	padding: 0px;
	    margin: 0px 0px 7px 0px;
	clear:both;
}
.menu-right ul li{
	display: inline-block;
	padding-right: 8px;
	margin-left: 8px;
	line-height: 14px;
	border-right: 1px solid #d8d8d8
}
.menu-right ul li a{
	font-size: 14px;

	line-height: 16px;
}
.menu-right ul li a i{
	color: #0084FF
}
.menu-right ul li a strong{
	color:red
}
.menu-right ul li a:hover{
	color: #EB5D18;
	
}
#nav{
	float: left;
	width: 100%;
	clear: both;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.menu{
	float: left;
	width: 100%;

}
.menu ul{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.menu ul li{
	display: inline-block;
	position: relative;
}
.menu ul li a{
	padding: 0px 21px;
	line-height: 40px;
	display: block;
	font-weight: 400;
	background:url(../images/line.png) no-repeat center right;
}
.menu ul li:last-child a{
	background:none;
}
.menu ul li a:hover{
	color: #fff;
	background:#e00012
}
.menu ul li a.hactive{
	color: #22B24C;
	
}
.menu ul li a.active{
	color: #fff;
	background:#e00012
}
.menu ul ul.submenu{
	min-width: 180px;
    position: absolute;
    border: solid 1px #e5e5e5;
    left: 0px;
    top: 40px;
    background-color: #fff;
    z-index: 99;
    visibility: hidden;
    padding-top: 0px;
	 padding-bottom: 0px;
        transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
}
.menu ul ul.submenu li{
	float: left;
	width: 100%;
}
.menu ul ul.submenu li a{
	white-space: nowrap;
	border-bottom: 1px solid #d8d8d8;
	padding: 0px 15px;
		background:none;
}
.menu ul ul.submenu li a i{
	float:right;
	line-height:41px;
}
.menu ul ul.submenu li a:hover{
	color: #fff;
	background:#e00012
}
.menu ul ul.submenu li a.active{
		color: #fff;
	background:#e00012
}
.menu ul li:hover ul.submenu {
    visibility: visible;
      transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
}

.menu ul ul.submenu ul.submenu2{
	position:absolute;
	left:100%;
	top:0px;
	z-index:99;
	 visibility: hidden;
	background:#fff;
	min-width: 100px;
	   transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
}
.menu ul ul.submenu ul.submenu2 li a{
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}
.menu ul ul.submenu li:hover ul.submenu2{
	visibility: visible;
      transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
}

.page-title{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom:1px solid #d8d8d8;
}
.page-title h2{
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 40px;
	color: #E00012
}
.page-title img{
	padding: 2px;
	padding-left: 0px;
	padding-right: 15px;
	float: left;

}
.page-title a{
	float: right;
	padding: 10px;
	display: block;
	font-weight: 600;
	font-size: 13px;
	color: #E00012;

}
.icontop {
    background-image: url(../images/icon-submenu.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 9px;
    left: 15px;
    position: absolute;
    top: -9px;
    width: 19px;
}
.col-slogan h2{
	margin-bottom:10px;
	font-weight:400;
	font-size:22px;
	color:#02b536
}
.col-slogan h3{
	margin-top:5px;
	margin-bottom:0px;
	font-weight:400;
	font-size:14px;
	color:#22B24C
}
#slider{
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: 20px;

}
.col-right-sl{
	padding-left: 0px;
}
#slider .bx-pager{
	position: absolute;
	
	bottom: 10px;
}
.mn{
	float: left;
	width: 100%;
	
	background: #fff;
	min-height: 200px;
	border:1px solid #d8d8d8;
}
.mn ul{
	float: left;
	width: 100%;
	clear: both;
	padding: 0px;
	margin:0px;
	list-style: none;
}
.mn ul li{
	display: block;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	border-bottom: 1px solid #d8d8d8;

}
.mn ul li a{
	float: left;width: 100%;
	font-size: 14px;
	font-weight: 500;
	
	color: #333;
	display: block;
	line-height: 24px;

}
.mn ul li a img{
	float: left;
	margin-right: 10px;
}
.mn ul li:hover{
	background: #f7f7f7
}
.section-title {
  	float: left;
  	width: 100%;
  	margin-bottom: 20px;
  	line-height: 40px;
  	text-align: left;
  	position: relative;

 }
 .section-title h2{
 	line-height: 40px;
 	padding: 0px;
 	margin:0px;

 }
 .section-title h2 span{
 	font-size: 18px;
 	text-transform: uppercase;
 	color: #333;
 	padding-left: 0px;
 	padding-right: 20px;
 	background: #fff;
 	    position: relative;
    z-index: 3;
 	
 }
 .section-title:after{
 	width: 100%;
 	left: 0px;
 	height: 2px;
 	position: absolute;
 	top: 22px;
 	content: "";
 	display: block;
 	background: #e00012
 }
 .baimoi{
 	padding-left: 15px;
 }
 .baimoi li{
 	margin-bottom: 8px;
 }
  .baimoi li a:hover{
  	color: #e00012
  }
 .itemx{
 	float: left;
 }
 .itemx-box{
 	float: left;
 	width: 100%;

 }
 .itemx-box-img{
 	float: left;
 	width: 100%;
 	position: relative;
 	border: 1px solid #ececec;
 	margin-bottom: 0px;
 	overflow: hidden;
 	padding: 5px;
 }
  .itemx-box-img img{
  	width: 100%;
  	    -webkit-transition: all .4s;
    transition: all .4s;

  }
   .itemx-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.itemx-box-img .count{
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 38px;
	height: 38px;
	background: #E00012;
	line-height: 38px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.itemx-name{
	float: left;
	width: 100%;
	text-align: center;
	margin-top:10px;
}
.itemx-name h3{
	float: left;
	width: 100%;
	clear: both;
	padding: 0px;
	margin:0px;
	font-size: 15px;
}
.itemx-name h3 a{
	font-size: 15px;
}
.itemx-tag{
	padding-top: 10px;

	float: left;
	width: 100%;
	text-align: center;
}
.itemx-tag span{
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
}
.itemx-price{
 	float: left;
 	padding-top: 6px;
 	width: 100%;
 	text-align: center;
}
.itemx-price .old-1{
	font-size: 13px;
}
.itemx-price .old-1 strong{
	color: red;
	font-size: 14px;
}
.itemx-price .old-2{
	color: #666;
	text-decoration: line-through;
}
#page{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
.bx-wrapper{
	margin-bottom: 0px;
	margin: 0 auto; text-align: center
}
.section-content{
	float: left;
	width: 100%;
	padding-bottom: 40px;
}
#category{
	float: left;
	width: 100%;
	clear: both;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.col-list{
	float: left;
}
.col-list-img{
	float: left;
	width: 100%;
}
.col-list-img figure{
	outline: 1px solid #0084FF;
    outline-offset: -10px;
    margin:0px;
}
.col-list-img figure img{
	width: 100%;
}
.list-bt{
	margin-bottom: 10px;
}
.col-list{
	padding-left: 5px;
	padding-right: 5px;
}
#category .row{
	margin-left: -5px;
	margin-right: -5px;
}
.col-spbanchay{
	margin-top: 15px;
}
#footer{
	float: left;
	width: 100%;
	clear: both;
	padding-top: 50px;
	border-top: 1px solid #d8d8d8;
	background: #f7f7f7;
}
.footer-top{
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 30px;

}
.col-f-1{
	float: left;
}
.footer-title{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.panel-title{
	    color: #1a7744;
}
.footer-title h2{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	color: #e00012;
	font-weight: 500;
	line-height: 25px;
}
.footer-title span{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	color: #e00012;
	text-transform: uppercase;
	font-weight: 500;
}
.footer-content{
	float: left;
	width: 100%;
}
.footer-content ul{
	margin-left: 15px;
	color: #666;

}
.footer-content ul li{
	margin-bottom: 5px;
}
.footer-content ul li a{
	font-size: 14px;
	
	
}
.footer-content ul li a:hover{
	color: #0084FF
}
.footer-bottom{
	float: left;
	width: 100%;
	clear: both;
	border-top: 1px solid #dedede;
	padding-top: 15px;
	padding-bottom: 15px;
}
.col-copy{
	float: left;
}
.col-copy span{
	font-size: 12px;
}
.col-social{
	float: left;
	text-align: right;
}
.col-social ul{
	list-style: none;
}
.col-social ul li{
	display: inline-block;
	margin-left: 5px;
}
.col-social ul li a{
	height: 26px;
	width: 26px;
	text-align: center;
	line-height: 26px;
	display: block;
	border:1px solid #d8d8d8;
}
.col-social ul li a:hover{
	color: #0084FF;
	border:1px solid #0084FF;
}
#breadcrumbs{
	float: left;
	width: 100%;
	clear: both;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f7f7f7
}
.breadcrumbs{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	clear: both;
	list-style: none;
}
.breadcrumbs li{
	display: inline-block;
	margin-right: 5px;

}
.breadcrumbs li a.active{
	color: #0084FF;
	font-weight: 600;
}
.phantrang{
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
}
.phantrang li a{
	margin-right: 2px;
	margin-left: 2px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	    background-color: #0084FF;
    border-color: #0084FF;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	color: #0084FF
}
.product-list .itemx{
	margin-bottom: 30px;
}
.zoom-left{
    width: calc( 100% - 95px);
    display: inline-block;
    vertical-align: top;
}
.zoom-right{
    width: 80px;
    margin-right: 10px;
    display: inline-block;
}
.detail-right{
	float: left;
}
.detail-left{
	float: left;
}
.detail-name{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	margin-top: 10px;
	padding-bottom: 10px;
}
.detail-name h2{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 28px;
	color: #0084FF;
	font-weight: 500;

}
.detail-name:after{
	position: absolute;
	right: 0px;
	top: 15px;
	width: 100px;
	height: 2px;
	content: "";
	background: #666;
	display: block;
	z-index: 1;
}
.detail-list{
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #efefef;

}
.detail-list h3{
	font-size: 14px;
	font-weight: 400;
	
	    margin-top: 15px;
    margin-bottom: 15px;
}
.detail-list h3 a{
color:#333;
font-weight: 600;
text-transform: uppercase;
}
.gia{
	color: #F68C04 !important;
	text-transform: none !important;
	font-size: 20px;
	font-weight: 600 !important
}
.gia-2{
	margin-left: 15px;
	font-size: 16px;
	text-decoration: line-through;
	font-weight: 600;
	color: #666;
}

 .contfix{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 38px;
	height: 38px;
	background: rgba(0, 0, 0, 0.7);
	line-height: 38px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	font-size: 12px;
	z-index: 100;
	font-weight: 600;
}
.detail-list p{
		font-size: 14px;
	font-weight: 400;
	
	    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}
.devvn-popup-quickbuy,.devvn-popup-quickbuy *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.devvn-popup-content:after,.devvn-popup-prod:after{content:"";display:table;clear:both}a.devvn_buy_now{display:inline-block;overflow:hidden;clear:both;padding:9px 0;border-radius:4px;font-size:18px;line-height:normal;text-transform:uppercase;color:#fff!important;text-align:center;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);margin:0 0 20px;text-decoration:none;border-bottom:0!important;max-width:200px;width:100%}a.devvn_buy_now:hover,a.devvn_buy_now:focus{text-decoration:none!important;background:#f59000;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f59000),to(#fd6e1d));background:-webkit-linear-gradient(top,#fd6e1d,#f59000);background:-moz-linear-gradient(top,#fd6e1d,#f59000);background:-ms-linear-gradient(top,#fd6e1d,#f59000);background:-o-linear-gradient(top,#fd6e1d,#f59000);color:#fff}a.devvn_buy_now span{display:block;font-size:14px;color:#fff;text-transform:none;margin:2px 0 0}.devvn-popup{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,0.75);z-index:9999999999}.devvn-popup-inner{min-height:200px;min-width:300px;width:750px;top:50%;left:50%;box-shadow:0 2px 6px rgba(0,0,0,1);border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;background:#fff;overflow:hidden}.devvn-popup-title{background:#c69a39;background:-moz-linear-gradient(top,#c69a39 0%,#c19a4b 100%);background:-webkit-linear-gradient(top,#c69a39 0%,#c19a4b 100%);background:linear-gradient(to bottom,#c69a39 0%,#c19a4b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c69a39',endColorstr='#c19a4b',GradientType=0);color:#fff;height:42px;line-height:42px;padding-left:20px;padding-right:40px;font-size:16px;text-transform:uppercase;color:#fff;position:relative}.devvn-popup-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devvn-popup-content{padding:10px}.devvn-popup-close:focus{text-decoration:none;background-color:transparent}.devvn-popup-close{width:20px;height:20px;display:inline-block;position:absolute;top:10px;right:10px;transition:ease .25s all;-moz-transition:ease .25s all;-webkit-transition:ease .25s all;text-align:center;line-height:100%;color:#fff;background:url(../images/close.png) no-repeat center center;background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;overflow:hidden;text-indent:-9999px;border:0 solid transparent;outline:none;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:auto;padding:0;min-height:inherit}.devvn-popup-close:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent}.devvn-popup-img{width:100px;height:auto;float:left;margin-right:10px;margin-bottom:10px}.devvn-popup-info{overflow:hidden;margin-bottom:10px}.devvn-popup-quickbuy{display:none;line-height:20px;color:#333;font-family:Tahoma,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.3125}span.devvn_title{font-size:18px;color:#333;font-weight:700;padding-bottom:10px}span.devvn_price{font-size:16px;color:red;font-weight:700;padding-bottom:5px;display:block}span.devvn_price del{font-size:12px;color:#ccc;font-weight:400}span.devvn_price ins{text-decoration:none}.devvn-popup-content-left{width:50%;float:left;padding-right:10px}.devvn-popup-content-right{width:50%;float:right;padding-left:10px}.popup-customer-info-title{font-size:16px;color:#333;margin-bottom:15px;font-weight:700}.popup-customer-info-group{width:100%;margin-bottom:6px}.popup-customer-info-item-13{width:30%;float:left}.popup-customer-info-item-23{width:70%;float:left}.popup-customer-info-group:after{display:block;content:" ";clear:both}.popup-customer-info-item-2{width:50%;float:left}.popup-customer-info-group .popup-customer-info-item-2:first-child,.popup-customer-info-item-13{padding-right:3px}.popup-customer-info-group .popup-customer-info-item-2:last-child,.popup-customer-info-item-23{padding-left:3px}body .popup-customer-info-group input,body .popup-customer-info-group select,body .popup-customer-info-group textarea{font-size:12px;padding:2px 5px;border:1px solid #ccc;width:100%;height:26px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0;font-family:Tahoma,Arial,sans-serif;background:#fff}body .popup-customer-info-group input:focus,body .popup-customer-info-group select,body .popup-customer-info-group textarea:focus{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}form#devvn_cusstom_info{margin-bottom:0}body .popup-customer-info-group textarea{height:45px;min-height:inherit}.popup-customer-info-group .devvn-order-btn{width:100%;height:36px;background:#c69a39;color:#fff;font-size:16px;text-transform:uppercase;border:none;border-radius:2px;cursor:pointer;outline:none;position:relative;overflow:hidden;margin:0;padding:0}.popup-customer-info-group .error{border-color:red}.popup-customer-info-group label.error{display:none!important}.popup_loading{position:relative;opacity:.5;pointer-events:none}.popup-customer-info-group .devvn-order-btn.loading:after,.popup_loading:after{-webkit-animation:devvn_spin 500ms infinite linear;animation:devvn_spin 500ms infinite linear;border:2px solid #fff;border-radius:32px;border-right-color:transparent!important;border-top-color:transparent!important;content:"";display:block;height:16px;top:50%;margin-top:-8px;left:50%;margin-left:-8px;position:absolute;width:16px}.popup_loading:after{border:2px solid #c29a44}@-webkit-keyframes devvn_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes devvn_spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.popup-customer-info-group .devvn-order-btn.loading{opacity:1!important;position:relative;color:rgba(255,255,255,0.05);pointer-events:none!important}.devvn_prod_variable a.contact_to_buy_ajax,.devvn_prod_variable .single_add_to_cart_button{display:none!important}.devvn_prod_variable .quantity .screen-reader-text{clip:inherit;height:inherit;position:absolute!important;width:inherit;white-space:nowrap;top:6px;left:0;font-size:14px}.devvn_prod_variable .quantity{padding-left:84px;position:relative}.devvn_prod_variable{margin:0 0 20px}.devvn_prod_variable .label{color:#333;font-size:14px;padding-right:10px!important}.devvn_prod_variable .variations td{padding:0 0 10px;vertical-align:text-bottom;border:0}.devvn-popup-quickbuy table.variations{margin:0;border:0}.devvn_prod_variable a.reset_variations{margin:0 0 0 10px}.devvn_prod_variable span.price{color:#e03232;text-decoration:none;font-weight:700;font-size:14px}.devvn_prod_variable span.price ins{text-decoration:none}.devvn_prod_variable span.price del{color:#ccc;font-weight:400;font-size:12px}.popup-customer-info-radio label{display:inline-block;font-weight:400;position:relative;cursor:pointer;margin:0}.popup-customer-info-radio label input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.popup-customer-info-radio label span:before,.popup-customer-info-radio label span:after{width:16px;height:16px;content:"";position:absolute;border:1px solid #a6a6a6;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;top:1px;left:0}.popup-customer-info-radio label span{padding-left:23px}.popup-customer-info-radio label input:checked ~ span:before{border:1px solid #fd7518}.popup-customer-info-radio label input:checked ~ span:after{background:#fd7518;border:1px solid #fd7518;width:8px;height:8px;top:5px;left:4px}.popup-customer-info-radio label ~ label{margin-left:20px}.popup-message.success{background-color:#fff}[class*="popup-customer-info-item-3-"]{width:33.333%;float:left}.popup-customer-info-item-3-13{padding-right:2px}.popup-customer-info-item-3-23{padding-right:2px}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li{padding:0;margin:0 0 5px;position:relative;text-indent:inherit}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label{font-weight:400;display:block;cursor:pointer;position:relative;padding:0 0 0 23px;margin:0}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label:after,.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li label:before{width:16px;height:16px;content:"";position:absolute;border:1px solid #a6a6a6;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;top:1px;left:0}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked ~ label:before{border:1px solid #fd7518}.woocommerce .popup_quickbuy_shipping_calc ul#shipping_method li input:checked ~ label:after{background:#fd7518;border:1px solid #fd7518;width:8px;height:8px;top:5px;left:4px}.popup-customer-info-item-1{overflow:hidden}.popup_quickbuy_shipping{display:flex}.popup_quickbuy_shipping_title{padding-right:10px}.popup-customer-info-group .devvn_quickbuy_mess label.error{display:block!important;font-weight:400;color:red}.popup_quickbuy_total_calc{font-weight:700}@media (max-width: 750px){.devvn-popup-inner{width:500px}.devvn-popup-content-left,.devvn-popup-content-right{width:100%;padding-right:0;padding-left:0}.devvn-popup-content-left.popup_quickbuy_hidden_mobile{display:none!important}.devvn-popup-content-left{margin-bottom:20px}}@media (max-width: 500px){.devvn-popup-inner{width:320px}}
.devvn_buy_now i{
	font-size: 40px;
	float: left;
	padding-left: 10px;
}
.devvn_buy_now{
	margin-top: 10px !important	;
	margin-bottom: 10px !important	
}
.col-detail-right{
	float: left;
	border-left: 1px solid #d8d8d8
}
.col-detail-right h2{
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	float: left;
	width: 100%;
	font-size: 17px;
	color: #444;
	border-bottom: 1px solid #d8d8d8;
	text-transform: uppercase;
}
.col-detail-right ul{
	float: left;
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
.col-detail-right ul li{
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.col-detail-right ul li img{
	padding: 10px;
	background: #fff;
	border:1px solid #e4e4e4;
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
}
.col-detail-right ul li h3{
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	clear: none;
	font-weight: 400;
} 

.detail-content {
    float: left;

    clear: both;
    margin-top: 40px;
    margin-bottom: 20px;
}
.detail-content-title {
    float: left;
    width: 100%;
    position: relative;
}
.detail-content-title h3 {
    float: left;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    background-color: #e00012;
    display: block;
    color: #fff;
    font-weight: 500;
   
    font-size: 18px;
    text-transform: capitalize;
    position: absolute;
    bottom: -17px;
}
.detail-content-content {
    float: left;
    width: 100%;
    clear: both;
    padding: 30px 15px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
}
.news-list .itemx-name{
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.news-list .itemx-name h3 a{
	font-size: 16px;
	color: #666;
	font-weight: 500;
	text-transform: uppercase;
}
.news-list .itemx-name h3 a:hover{
	color: #0084FF
}
.news-list .itemx-des{
	float: left;
	width: 100%;
	text-align: justify;
}
.news-list .itemx-des span{
	color: #666;
	font-size: 13px;
}
.itemx-detail{
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
.itemx-detail a{
	padding: 7px 15px;
	display: block;
	float: left;
	background: #e00012;
	border-bottom: 4px solid #bf0716;
	font-weight: 600;
	border-radius: 3px;
	color:#fff

}
.itemx-detail a:hover{
	background:orange;
	border-bottom: 4px solid #e89600;
}
.orther-des{
	font-size: 13px;
	line-height: 18px;
	
}
.orther-h3{
	margin-bottom: 5px !important;
}
.orther-img{
	padding: 0px !important;
	border-radius: 10px;
}
.col-video{
	margin-bottom: 25px;
	text-align: center;
}
.col-video h3{
	margin-top: 10px;
	font-size: 20px;

}
.col-hinhanh{
	margin-bottom: 10px;
	text-align: center;
}
.col-hinhanh h3{
	margin-top: 10px;
	font-size: 18px;
	font-weight: 500

}
.col-hinhanh img{
	width: 100%;
	
   -webkit-transition: all .4s;
    transition: all .4s;

  }
   .col-hinhanh img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.box-hinhanh{
	float: left;
	width: 100%;
	overflow: hidden;
}
.hinhanh-list{
	margin-right: -5px;
	margin-left: -5px;
}

.hinhanh-list .col-hinhanh{
	padding-left: 5px;
	padding-right: 5px;
}
.x3new{
	clear: both;
}
#bt-tog-search{
	cursor: pointer;
}

.box-search-center input {
    padding: 10px;
    width: 100%;
    float: left;
    display: block;
    padding-left: 40px;
    color: #ababab;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    max-width: 250px;
}
.box-search-center {
    float: left;
    width: 100%;
    position: relative;
}
.box-search-center button {
    font-size: 16px;
    color: #ababab;
    background: none;
    outline: none;
    border: none;
    position: absolute;
    left: 5px;
    top: 8px;
    z-index: 2;
}
.boxsearch{
	position: absolute;
	top: 30px;
	right: 0px;
	z-index: 10;
	display:none;
}
.x4product{
	clear:both;
}
.detail-name{
	padding-right:110px;
}
#cssmenu{
	display:none;
}
@media only screen and (max-width: 1024px) {
.mn ul li{
	padding-top:6px;
	padding-bottom:6px;
}
	.menu ul li a {
    padding: 0px 7px;
	}
	.detail-name h2{
		font-size:24px;
	}
	.col-detail-right ul li br{
		display:none;
	}
	.col-detail-right ul li h3{
		font-size:14px;
	}
	.list-bt{
		width:33.3333333333333333%
	}
		
	.col-menu-top{
		margin-top:10px; 
		text-align:right;
	}
	.col-slogan h3{
		font-size:13px;
	}
}
@media only screen and (max-width: 991px) {
.col-right-sl{
	padding-left:15px;
}
	.container{
		width:100%;
	}
	.col-logo{
		width:30%;
	}
	.col-slogan{
		width:45%;
		float:left;
	}
	.col-slogan h2{
		margin-top:10px;
		margin-bottom:10px;
		font-size:18px;
	}
	.col-menu-top{
		width:70%;
		margin-top:0px;
	}
	.menu ul ul.submenu li a{
		text-align:left;
	}
	.menu-right ul li{
		    padding-right: 2px;
    margin-left: 2px;
	}
	.menu-right ul li a{
		font-size:12px;
	}
	.menu ul{
		text-align:center
	}
	.itemx-price .old-1 strong{
		font-size:13px;
	}
	.itemx-price .old-2{
		font-size:12px;
	}
	#category .col-md-7{
	    width: 58.33333333%;
	}
	#category .col-md-5 {
    width: 41.66666667%;
	}
	.product-list .itemx{
		width:25%;
	}
	.detail-left{
		width:50%;
	}
	.detail-right{
		width:50%;
	}
	.detail-name:after{
		display:none;
	}
	.detail-name{
		padding-right:0px;
	}
	.detail-name h2 {
    font-size: 20px;
	}
	.detail-list h3,.detail-list p{
		margin-bottom:10px;
		margin-top:10px;
	}
	.col-detail-right{
		border-left:0px solid #fff;
		width:100%;
		margin-top:10px;
	}
	.col-detail-right ul li{
		width:33.3333333333%;
		float:left;
	}
	.news-list .itemx{
		width:33.3333333333%;
	}
	.video-list .col-video{
		width:50%;
		float:left;
	}
	.hinhanh-list .col-hinhanh{
		width:25%;
		float:left;
	}
	.menu ul li a {
    padding: 0px 15px;
}
.col-dm{
	display:none;
}
.col-right-sl{
	float:left;
	width:100%;
	clear:both;
}
.mn ul li{
	width:33.33333333333333333%
}
.mn{
	min-height:10px;
}
.footer-top .col-md-5{
	width:60%;
}
.footer-top .col-md-3{
	width:40%;
}
.footer-top .col-md-4{
	width:100%;
	margin-top:15px;
}
.detail-content{
	width:100%;
}
}
@media only screen and (max-width: 767px) {
	#nav{
		display:none;
	}
	#cssmenu{
	display:block;
	    float: left;
		width:100%;
		background:#e00012 !important
		
	}
	.lihoidap{
		display:none !important
	}
	.col-detail-right ul li{
		width:50%;
	}
	.news-list .itemx{
		width:50%;
	}
	.col-f-1{
		width:50%;
		margin-bottom:20px;
	}
	.colx2fix{
		clear:both;
	}
		.detail-left{
		width:100%;
		margin-bottom:20px;
	}
	.detail-right{
		width:100%;
		margin-bottom:20px;
	}
	.product-list .itemx{
		width:33.33333333333333%;
	}
	.x4product{
		display:none
	}
	.x3product{
		clear:both;
	}
	.news-list .itemx{
		width:50%;
	}
	.x3new{
		display:none
	}
	.x2new{
		clear:both;
	}
		.video-list .col-video{
		width:100%;
		float:left;
	}
	.hinhanh-list .col-hinhanh{
		width:25%;
		float:left;
	}
}
@media only screen and (max-width: 660px) {
	.col-logo{
		width:40%;
		text-align:left;
		margin-bottom:0px;
	}
	.col-slogan{
		width:60%;
		float:left;
		text-align:right
	}
	.col-slogan h3{
		display:none;
	}
	.logo{
		width:100%;
		text-align:center;
	}
	.col-logo img{
		margin:0 auto;
	}
	#header{
		padding-top:10px;
		padding-bottom:10px;
	}
	.col-menu-top{
		width:60%;
		float:right;
		text-align:right;
	}
	.col-slogan h2{
		margin-top:0px;
		margin-bottom:0px;
	}
.menu-right ul{
	float:none;
}
.menu-right{
	width:100%;
}
.mn ul li a{
	font-size:13px;
}
.menu-right ul{
	margin-bottom:0px;
}
}
@media only screen and (max-width: 580px) {
	.mn ul li a{
	font-size:12px;
}
.mn ul li{
	padding-left:5px;
	padding-right:5px
}
.footer-top .col-md-5{
	width:100%;
}
.footer-top .col-md-3{
	width:100%;
}
}
@media only screen and (max-width: 479px) {
	.col-logo {
    width: 45%;
	}
	.col-menu-top{
		width:55%;
		
	}
	.mailfix{
		display:none !important;
	}
	.mn ul li{
		width:50%;
	}
	.col-slogan{
		display:none;
	}
	.x3product{
		display:none
	}
	.x2product{
		clear:both
	}
	.list-bt{
		width:100%;
	}
	#category .col-md-7{
	    width: 100%;
	}
	#category .col-md-5 {
    width: 100%;
	}
	.news-list .itemx{
		width:100% !important;
	}
	.hinhanh-list .col-hinhanh{
		width:50%;
		float:left;
	}
	.product-list .itemx{
		width:50%;
	}
	.col-f-1{
		width:100%;
		margin-bottom:20px;
	}
	table{
		font-size:small !important;
	}
	table tr,table td, table th,table span, table a, table p, table strong{
		font-size:small !important;
	}
	#tablefixrespon{
		text-align:left !important;
	}
	
	
	/* Force table to not be like tables anymore */
	#tablefixrespon table, #tablefixrespon thead, #tablefixrespon tbody, #tablefixrespon th, #tablefixrespon td, #tablefixrespon tr { 
		display: block; 
		    text-align: left;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#tablefixrespon thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#tablefixrespon tr { border: 1px solid #ccc; }
	
	#tablefixrespon td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30% !important;; 
	}
	
	#tablefixrespon td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: none;
		clear:both;
	}
	
	/*
	Label the data
	*/
	#tablefixrespon  td:nth-of-type(1):before { content: "Hình ảnh"; }
	#tablefixrespon  td:nth-of-type(2):before { content: "Sản phẩm"; }
	#tablefixrespon  td:nth-of-type(3):before { content: "Giá"; }
	#tablefixrespon  td:nth-of-type(4):before { content: "Số lượng	"; }
	#tablefixrespon  td:nth-of-type(5):before { content: "Tổng giá"; }
	#tablefixrespon  td:nth-of-type(6):before { content: "Xóa"; }

	
	#tablefixrespon tr:nth-of-type(odd) { 
  background: #f7f7f7; 
}

	#tablefixrespon tfoot{
		display:block;
		width: 100%;
	}
	#tablefixrespon tfoot td:before{
		display:none !important
	}
}