@media screen and (max-width: 1200px) {
	.middle-banner,
	#wrapper .regis_menu_top > div,
	#wrapper .menuTop > div {
		width: 100%;
	}
	#content { width: 100%; }
	#content .main-content { width: 100%; }
	#content .left-content { width: 100%; }
	ul#category li ul{
		left: 120px;
	}
	.product-by-category { width: 100%; }
	.footer .wrap-lighter {
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer .wrap-lighter > div {
		width: 100% !important;
	}
	.top-article { text-align: left; }
	.top-article img {
		max-width: 400px;
	}
}
@media screen and (max-width: 1024px) {
	.warrantly .w-item {
		width: 50%;
	}
	#content { margin-top: 0px; }
	.menuTop {
		height: 48px;
	}
	.menuTop .bannerLogo {
		width: 97%;
		text-align: left;
		margin-left: 3%;
	}
	.menuTop ul {
		margin-top: 30px;
	}
	.menuTop ul > li > ul {
		margin-top: 0px;
	}
	.menuTop .countProduct {
		margin-top: 24px;
	}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 980px) {
	.search input#keyword {
	    width: 50%;
	}
	.about {
	    width: 100%;
	}
	.map {
	    width: 100%;
	}
	.list-product .img {
	    height: 110px;
	}
	.f-content ul li {
	    width: 45%;
	}
	#tabs li {
	    width: 20%;
	}
	.footer .wrap-lighter .ft-left,
	.footer .wrap-lighter .ft-right {
		width: 100%;
		margin-top: 30px;
	}
	.list-product.wrap-inline-5 .make-padding { width: 16.66666666% !important; }
}
@media screen and (max-width: 800px) {
	#tabs li {
	    width: 25%; height: 35px;
	    margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
	#menu_btn{
		display: block;
		float: left;
	}
	#menu_btn i{
		font-size: 20px;
		color: #3aaf48;
	}
	.menuTop{
		position: relative;
		bottom: 0px;
	}
	.menuTop .countProduct { display: none; }
	.menuTop .wrap-cat-menu { display: block; }
	#menu {
		width: 250px;
	}

	.btn-user-option { display: block; }
	.wrapper_regis .posiUser {
		position: relative;
	}
	.wrapper_regis .formatbutton {
		background-color: #fff;
		z-index: 1001;
		position: absolute;
		right: 10px;
		width: 180px; height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #ddd;
		display: none;
	}
	.wrapper_regis .formatbutton:hover { background-color: #ddd; }
	.wrapper_regis .formatbutton.cart {
		top: 22px;
	}
	.wrapper_regis .formatbutton.prof,
	.wrapper_regis .formatbutton.login {
		top: 63px;
	}
	.wrapper_regis .formatbutton.logout,
	.wrapper_regis .formatbutton.regis {
		top: 104px;
	}
	.wrapper_regis .formatbutton a { display: block; }

	ul#menu{
		
		-webkit-overflow-scrolling: touch;
	  -ms-transform: translate(-150%,0);
	  -webkit-transform: translate3d(-150%,0,0);
	  -moz-transform: translate3d(-150%,0,0);
	  -ms-transform: translate3d(-150%,0,0);
	  -o-transform: translate3d(-150%,0,0);
	  transform: translate3d(-150%,0,0);
	  transition: all .25s;
	  position: absolute;
	  top: 37px;
	  background: #3aaf48;
	  z-index: 999;
	  text-align: left;
	}
	.move-div{
		-webkit-overflow-scrolling: touch;
	  -ms-transform: translate(0,0) !important;
	  -webkit-transform: translate3d(0,0,0) !important;
	  -moz-transform: translate3d(0,0,0) !important;
	  -ms-transform: translate3d(0,0,0) !important;
	  -o-transform: translate3d(0,0,0) !important;
	  transform: translate3d(0,0,0) !important;
	  transition: all .25s;
	}
	.menuTop > div > ul {
		display: none;
		position: absolute;
		left: 125px;
    	top: 111px;
		background-color: #444;
	}
	.menuTop ul > li {
		width: 100%;
	}
	.menuTop ul > li:hover {
		background-color: #777;
	}
	.menuTop ul li a,
	.menuTop ul li a i {
		color: #fff;
	}
	.menuTop ul > li > ul > li a {
		color: #333;
	}
	ul#menu li{
		float: none;
		width: 100%;
		height: 35px;
		line-height: 35px;
		border-right: none;
		border-bottom: 1px solid #54d864;
	}
	ul#menu li a{
		color: #FFF;
		font-size: 13px;
		font-weight: normal;
	}
	ul#menu li a:hover{
		color: #FF0;
	}
	ul#menu li.active a{
		color: #FF0;
	}
	#menu li.active a{
		border-bottom: none;
	}
	#menu li:hover a{
		border-bottom: none;
		color: #FF0;
	}
	.mobi{
		display: block;
	}
	.destop{
		display: none;
	}
	.middle-banner > div {
		width: 100%;
		margin-top: 16px;
	}
	.list-product .product-item {
		width: 33.333333333%
	}
	.list-product.wrap-inline-5 .make-padding { width: 25% !important; }
	.page-content .pr-detail {
		padding-left: 20px;
		margin: 12px 0 20px;
	}
	.page-content .img-detail .wrap-cover {
		position: relative;
	}
}

@media screen and (max-width: 640px) {
	.main-content {
	    width: 100%;
	}
	.left-content {
	    width: 100%;
	}
	ul#category li{/*
		width: 48%;
		float: left;
		margin-right: 2%;*/
	}
	ul#category li ul li{
		width: 100%;
	}
	.f-content ul li {
	    width: 100%;
	}
	.search {
	    width: 98%;
	    float: none;
	    margin: auto;
	}
	.div_cart {
		float: none;
		margin: auto;
		width: 98%;
		margin-top: 10px;
	}
	.footer .wrap-lighter .ft-left, 
	.footer .wrap-lighter .ft-right {
		margin-top: 0px;
	}
	.footer .wrap-lighter .ft-left > div,
	.footer .wrap-lighter .ft-right > div {
		width: 100%;
		margin-top: 30px;
	}
}
@media screen and (max-width: 600px) {
	.list-product.wrap-inline-5 .make-padding { width: 50% !important; }
}
@media screen and (max-width: 480px) {
	.search i {
	    padding: 0px 12px;
	}
	.warrantly .w-item {
		width: 100%;
	}
	.detail-product ul#tabs {
		padding-left: 0px;
	}
	.detail-product ul#tabs li {
		width: 33.33333333333%; height: 50px;
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#fldLogin {
		width: 100%;
		webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#fldLogin p.btn {
		margin-left: 0px;
	}
	.menuTop > div > ul {
		top: 111px;
	}
}
@media screen and (max-width: 400px) {
	.allpr .col-xs-6 {
		width: 100%;
	}
	.lSSlideOuter .lSPager.lSGallery img {
		height: 57px !important;
	}
	}
@media screen and (max-width: 360px) {
	.list-product .product-item {
	    width: 48%;
	}
	.list-product .product-item-last {
	    width: 48%;
	    float: left;
	}
	.f-content {
	    width: 98%;
	    float: none;
	    margin: auto;
	}
	.share {
	    width: 98%;
	    float: none;
	    margin: auto;
	}
	
	ul#category li {
	    width: 100%;
	}
	#tabs li {
	    width: 32%;
	}
	#tabs {
		margin-top: 50px;
	}
	.addcart {
	    top: -44px;
	    right: 8px;
	}

}
@media screen and (max-width: 320px) {
	#tabs li {
	    width: 48%;
	}
}