#header { z-index: 9999;}
   		
		#header.sticky { position: absolute !important; box-shadow: 0 0 0px 0px #000;}
		#header.sticky  .container { width:1170px;}
		 
		
		#header { height:auto;}
		 
		#header .logo img {  margin:12px 0 7px 0; }
		
		
		.fixed_menu {
			position: fixed;
		  transition: all .5s;
			 
			top: 0;
			width: 400px;
			height: 100%;
			background:  rgba(255, 255, 255, 0.9);
			z-index: 999999;
			padding: 0;
		}
		
		.fixed_menu ul  {padding:30px 50px 0 50px;}
		
		.fixed_menu ul li a {
			font-family: 'tiengviet';
			font-weight: 700;
     		display: block;
    		color:  #351420;
 			padding: 12px 0px;
 			transition: 0.3s;
 			font-size: 26px;
 			text-transform: uppercase;
 			border-bottom: 1px solid #eae7e8;
			 }
			.fixed_menu ul li:last-child a { border-bottom: 0px solid #fff;}
			
			.fixed_menu ul li  a:hover { color:#e65b81;   padding: 12px 12px; font-weight: 700;}
			
			.fixed_menu ul li  { list-style:none;}
			.closemenu {
			
				margin-top: 0;
				text-align: right;
				padding: 6px 15px;
			
			}
			.closemenu a { color:#fff; font-size:15px;}
			 .closemenu a .fa { font-size:18px;}
			 
			 .closemenu a img {transition: all 0.5s ease 0s;}
			 .closemenu a img:hover  {
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				transform: rotate(360deg);
			}
			
			
			#header.sticky  {
    position: absolute !important;
    box-shadow: 0 0 0px 0px  #000 !important;
	background: none !important;
}
			
			@media only screen and (max-width: 1199px) { 
				
		 
				#header.sticky .container {  width: 970px; }
				
 				#header { position:relative;}
 			}
			
			@media only screen and (max-width: 991px) { 
				#header.sticky .container {  width: 750px; }
				 
			
			}
			
			@media only screen and (max-width: 767px) { 
				#header.sticky .container {  width: 100%; }
				.fixed_menu {width: 100%;}
				
 	
	
	
			}