/* reponsive */
.header_mobile{
	display: none;
	height:57px;
}
.right-menu {}
.right-menu #back { background:url(../images/next2.png) -5px 0px no-repeat  !important; height:40px; width:100px; display:block;}
.show-menu { position:absolute; top: 20px; left:10px; display:none}		
@media (max-width: 1200px) {
	.show-menu
	{
		display: block !important;
	}
}		
@media (max-width: 992px) {
	.header,.box-share,
	.go-top,	
	.cat-vetical
	 {
	  display:none !important;
	 }
	.main-nav-respon,
	.menu-active .left-menu,
	.menu-active-right .right-menu,
	.show-right,
	.header_mobile
	{
		display: block;
	}
	/*.body-page #navigation-menu-right {
		right: 0px !important;
	}*/

	.logo{ float:none; margin:0 auto}
	.wrapper{
		padding-top:0;
		padding-bottom:0;
	}
	.header_mobile{
		background:#DCDDDE;
		position:fixed;
		width:100%;
		z-index:3;
	}
	#fix-body{
		min-width: 320px !important;
		margin: 0 auto;
		max-width: 100%;
		/*position: relative;*/
		transition: all 0.6s;
		/*min-height: 600px;*/
		/*left: 0;*/
	}
	/*-------------right box_select_subcat--------------*/
	.block-menu03{ display:none}
	.block-menu03-dathang { top:85px !important;}
	.menu_cat_dathang { position:relative !important; z-index:1; top: 38px !important }
	.block-menu03-dathang > ul > li { width:30%; margin:6px;white-space: nowrap;}
	.block-select-dropdown{
		margin:0 10px 10px 10px;
	}
	.block-select-dropdown .lable{
		float:left;
	}
	.block-select-dropdown .select select{
		float:left;
		width:150px !important;
		margin:0 0 10px 40px !important;
		
	}
	.block-select-dropdown ul.right_list{
		float:left;
		margin-left:20px;
	}
	.block-select-dropdown ul.right_list li{
		padding:5px;
		list-style:inside;
		white-space: nowrap;
		cursor:pointer;
	}
	.block-select-dropdown ul.right_list li a{
		color:#333;
		display:inline;
	}
	.block-select-dropdown ul.right_list li.selects a{
		color:#D01F25;
	}
	.right_list li.addtoCard { margin:0px; padding-left:20px !important; background:url(../images/icon2.png) 0 5px no-repeat; list-style:none !important;}
	.right_list li.addtoCard:hover {background:url(../images/icon2.png) 0 5px no-repeat; text-decoration:underline}
	
	/*-------------end box_select_subcat----------*/
	
	/*-------------goldwell*/
	.primary #conent_img img,.logo img,#Load_new_detial img,.table_promotion img
		{ height:auto !important; max-width: 100% !important;}
	.widtnews img{ max-width:100% !important; height:auto  !important;}
	.primary {margin-left:0px;}
	
	.sidebar {position:fixed;}	
		.sidebar .title_type {
			margin-bottom: 0;
		}
		.box-cat-fix{height: auto !important;}
		.box-cat ul { position:static; margin-bottom:20px;}
		
	.form_login { margin:60px 0 10px 10px; padding:30px 10px; background:#F1F1F1; width:320px; height:236px; font-family:Arial, Helvetica, sans-serif}
	.tablelogin input.form { width:170px;}
	.ftlogon {width:320px; padding-left:10px;white-space: nowrap }
	.ftlogon #ftlhotline {margin-right:50px;}
	.ftlogon #dk { margin-left:-20px;}
	
	.primary_dathang { margin-top:80px}
	
	.list_card {
		float: right;
		width: 100%;
		margin-top:0;
	}	
	.table_promotion { width:100%}
	.block-breadcrumb { display:none}
	
	.jcarousel_detail img {max-width:100%; height:auto}
	
}
.navicon-line {
    width: 24px;
    height: 3px;
    border-radius: 1px;
    margin-bottom: 3px;
    background-color: #f27922;
	cursor:pointer;
}
#navigation-menu,
#navigation-menu-right
{
	transition: all 0.6s;
	overflow: scroll;
	margin-top:57px;
	width: 250px;
	position: fixed;
	top: 0;
	height: 100%;
	background: #FFFFFF;
	transition: all 0.6s;
	z-index:99999;
	color:#333333;
}

.menu-active #fix-body {
	left: 280px !important;
	
}
.menu-active #navigation-menu {
	left: 0px !important;
}
#navigation-menu {
	left: -320px;
}

.menu-active-right #fix-body {
	/*right: 280px !important;*/
	box-sizing: border-box;
}
.menu-active-right #navigation-menu-right {
	right: 0px !important;
}
#navigation-menu-right{
	right: -322px;
}

/*----------------------------------------------------------------------------------------*/
@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu {
  width: 280px;
}
#cssmenu a {
  line-height: 1.3;
}
/*#cssmenu > ul > li:first-child {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #45463d;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: url(/images/pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
}
*/
#cssmenu > ul > li {
  border-top: 1px solid #d4d4d4;
}
#cssmenu > ul > li:first-child {
	border:none;
}
#cssmenu > ul > li:hover {

}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  /*background: url(/images/pattern.png) top left repeat;*/
  color: #333333;
  border-top: none;
  text-transform:uppercase;
  font-weight:bold;
  /*text-shadow: 0 -1px 1px #751d0c;*/
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(/images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.open > a span {
  background: url(/images/icon_minus.png) 96% center no-repeat;
}

/* Sub menu */
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
}
#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #333333;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul li a::before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #333333;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}


#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li{
  padding-left: 10px;
}
#cssmenu ul ul ul li a {
  padding-left: 20px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a{
  display: block;
  background: url(/images/len.png) 96% center no-repeat;
}
#cssmenu ul ul li.active > a,
#cssmenu ul ul li.open > a{
  background: url(/images/xuong.png) 96% center no-repeat;
}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/