@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 800px) {
	
}
@media screen and (max-width: 768px) {
	.navbar-toggle {
		display: block;
	}
	.open-sub i {
	    display: inline-block;
	    color: black;
	    font-size: 28px;
	    padding-right: 15px;
	}
	.menuTop ul ul.subcat {
	    position: absolute;
	    left: 0;
	    top: 35px;
	    border-left: 1px solid #fff;
	    background:#eca057
	}
	ul#category li ul {
		left: 0px;
		top: 35px;
	}
	ul#category li li a {
		display: inline-block;
	}
	.menuTop ul > li > ul > li > a {
		display: inline;
	}
	ul#category li li {
		text-indent: 20px;
	}
	.menuTop .wrap-cat-menu {
	    display: block;
	}
	#home_2 {
		background: transparent;
	}
	#home_2 .title-home {
		background: url(../images/bg_in_home.png) no-repeat top left;
	}
	#cat-home .col-xs-6 {
		margin-top: 15px;
	}
	#cat-home {
		padding: 0px;
		padding-bottom: 15px;
	}
	#menu_btn{
		display: block;
		float: left;
	}
	#menu_btn i{
		font-size: 20px;
		color: #3aaf48;
	}
	.menuTop{
		position: relative;
		bottom: 0px;
	}
	.btn-user-option { display: block;  margin: 5px 0px; }
	.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; }

	
	.menuTop ul {
		display: none;
		position: absolute;
		right: 0px; top: 40px;
		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;
	}
	
}

@media screen and (max-width: 640px) {
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 400px) {
	.fullwidth {
		width: 100% !important;
	}
}
@media screen and (max-width: 360px) {
	

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