@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.sp-tab .wp-caption{
	width: 100% !important;
}
.sp-tab .content table{ width: 100%;}
img{
	max-width:100%;
	height:auto;
}
header .logo{
	width:100%;
}
.wrapper {
    width: 98%;
    box-sizing: border-box;
	padding-left:7px;
	padding-right:7px;
}
.headerline .hotline,header .social{
	display:none;
}
header{
height:auto;
}
header .camket{
width:100%;
float:left;
}
header .camket a{
display:block;
width:25%;
float:left;
text-align:center;
}
header .camket a img{
display:block;
float:none;
max-width:90%;
margin:0;
margin:auto;
}
.main-content .col2 .slide .slide-wrapper{
	display:none;
}

.main-content .col1{
display:none;
}
.main-content .col2{
width:100%;
float:none;
}
.main-content .col2 .slide .slide-wrapper2{
width:100%;
}
.main-content .col2 .slide .slide-wrapper2 .slide_b1{
display:none;
}
.main-content .col2 .slide .slide-wrapper2 .slide_b2{
height:auto;
}
.hotrobottom{
	width:100%;
}
.content-info .col1{
display:block;
height:auto;
float:left;
width:100%;
}
.content-info .col2{
display:block;
height:auto;
float:left;
width:100%;
}


/* menu responsive */
.mainmenu{
display:none;
}
.menubar-mobile{
display:block;
position:relative;
}
.menubar-mobile .toggle-mobile{
width:100%;
}
.menubar-mobile{
background:#105CAA;
}
.menubar-mobile .toggle-mobile span.toggle-menu{
display:block;
height:36px;
width:36px;
color:#FFF;
margin-left:10px;
cursor:pointer;
background: url(../images/iconmenu.png) no-repeat center center;
}
.menubar-mobile .toggle-mobile span.toggle-search{
display:block;
height:36px;
width:36px;
color:#FFF;
margin-right:10px;
cursor:pointer;
background: url(../images/it-search.png) no-repeat center center;
}
.menubar-mobile .data-search{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
background:#017035;
height:36px;
}
.menubar-mobile .data-search span.close{
display:none;
position:absolute;
top:0;
right:0;
background:#2F503E;
display:block;
height:36px;
width:36px;
color: #FFF;
font-family: sans-serif;
line-height: 36px;
text-align:center;
}
.menubar-mobile .data-search form{
display:block;
height:36px;
width:100%;
}
.menubar-mobile .data-search input[type=text]{
display:block;
background:#0E5A32;
border:none;
height:30px;
box-sizing:border-box;
padding:5px;
float:left;
width:70%;
color:#FFF;
margin:3px;
margin-right:0px;
}
.menubar-mobile .data-search input[type=submit]{
display:block;
background:#FAFAFA;
border:none;
float:left;
height:30px;
width:36px;
margin:3px;
margin-left:0px;
background:#0E5A32 url(../images/it-search.png) no-repeat center center;
}
.menubar-mobile .data-menu{
display:none;
}
.menubar-mobile .data-menu > ul{

}
.menubar-mobile .data-menu > ul > li{
position:relative;
border-top:1px solid #547EA9;
}
.menubar-mobile .data-menu > ul > li span.toggle-submenu{
display:block;
position:absolute;
top:0;
right:0;
height:36px;
width:36px;
color:#FFF;
text-align:center;
line-height:36px;
cursor:pointer;
}
.menubar-mobile .data-menu > ul > li span.toggle-submenu:after{
content:"+";
display:block;
height:36px;
width:36px;
color:#FFF;
text-align:center;
line-height:36px;
cursor:pointer;
}
.menubar-mobile .data-menu > ul > li span.toggle-submenu.active:after{
content:"-";
}
.menubar-mobile .data-menu > ul > li > a{
display:block;
padding-left:18px;
line-height:36px;
color:#FFF;
}
.menubar-mobile .data-menu > ul > li > ul{
display:none;
border-top:1px solid #547EA9;
}
.menubar-mobile .data-menu > ul > li.active > ul{
display:block;
}
.menubar-mobile .data-menu > ul > li > ul > li > a{
display:block;
padding-left:36px;
line-height:36px;
color:#FFF;
}
/* menu responsive */
footer{
padding-bottom:80px;
}
input.button_yellow, .button_red{
margin-bottom:10px;
}
#cart_table{
display:block;
}
#cart_table tr{
display:block;
}
#cart_table td{
display:block;
}
#cartleft{
height:auto;
}
.cart_prod{
padding:10px;
}
a.giam_sp, a.them_sp{
display:inline-block;
float:none;
}
td.cart_quality input{
display:inline-block;
float:none;
}

}
@media (max-width: 768px){
	.headerline{ text-align: center;}
	.headerline .timkiem{ display: none;}
	.social{ float: none; clear: both;}
	.social a{ float: none; display: inline-block;}
	.content-info .col2 .muahangc a:last-child{
		text-transform: uppercase;
		background: #FBB024;
		font-weight: bold;
		padding: 3px 15px;
	}
	header .camket{ display: none;}
	.free-shipping span{ display: none;}
	.headerline .topm > ul > li{ float: none; display: inline-block;}
	.topm{ float: none;}
	.headerline .topm > ul > li > a{ font-size: 11px; margin-right: 8px;}
	.sp-tab .content table td{ font-size: 12px;}
	header .logo{ 
		margin-bottom: 20px;
		width: auto;
		position: relative;
		z-index: 111;
	}
	header .logo img{ position: static;}
	.right-header{ width: 100%; float: none; text-align: center; margin-top: 0; position: relative;}
	.left-right-header{ float: none; width: auto;}
	.sologan{ float: none; font-size: 15px; clear: both;}
	.header-phone{ 
		float: none; 
		width: auto;
		display: inline-block;
		position: absolute; 
		right: 0;
		top: 20px;
	 }
	 
	.hot-line{
		overflow: visible;
		text-align: right;
		margin-right: 30px;
	}
	header .camket a{
		margin-bottom: 20px;
		text-align: left;
	}
	header .camket a:nth-child(2) .fa,
	header .camket a:nth-child(4) .fa{ padding-left: 28%;}
	.wrap,
	.vnk-tuvan{
	  bottom: 42px !important;
	}

}
@media (min-width: 561px) and (max-width: 680px){
	
	header .camket a{
		display:block;
		width:50%;
		float:left;
	}
	.list-content .list-pro .a-pro {
		width: 33%;
		margin-right: 0.5%;
	}
	.list-content .list-pro .a-pro:nth-child(4n+4){
		margin-right: auto;
	}
	.list-content .list-pro .a-pro:nth-child(3n+3){
		margin-right: 0;
	}
}

@media (min-width: 371px) and (max-width: 560px){
	header .camket a{
		display:block;
		width:50%;
		float:left;
	}
	
	.list-content .list-pro .a-pro {
		width: 49%;
		margin-right: 2%;
	}
	.list-content .list-pro .a-pro:nth-child(4n+4){
		margin-right: 2%;
	}
	.list-content .list-pro .a-pro:nth-child(2n+2){
		margin-right: 0;
	}
	.sologan{
		font-size: 12px;
	}
	header .logo{
		max-width: 160px;
	}
	.header-phone{
	    min-width: 140px;
		background-size: contain;
		max-width: 100%;
	}
	.header-phone .phone-number:before{ font-size: 38px;}
	.hot-line{
		padding-left: 20px;
		padding-top: 8px;
	}
	.header-phone:before{
		left: 15px;
    	top: 8px;
	}
}

@media all and (max-width: 370px){
	header .camket a{
		display:block;
		width:50%;
		float:left;
		height:60px;
	}
	.list-content .list-pro .a-pro {
		width: 100%;
		margin-right: 0;
	}
	.list-content .list-pro .a-pro:nth-child(4n+4){
		margin-right: 0;
	}
	.sologan{
		font-size: 13px;
	}
	header .logo{
		max-width: 160px;
	}
	.header-phone{
	    min-width: 140px;
		background-size: contain;
		max-width: 100%;
	}
	.header-phone .phone-number:before{ display: none;}
	.headerline .topm > ul > li > a{ margin-right: 1px;}
	header .camket a:nth-child(2) .fa, header .camket a:nth-child(4) .fa{ padding-left: 10%;}
	.hot-line{
		padding-left: 20px;
		padding-top: 8px;
	}
	.header-phone:before{
		left: 15px;
    	top: 8px;
	}
}