.menu{
	background:#fff;
	/*min-height:50px; */
	height: auto;
}
.menu a{
	display: block;
	position:relative;
}
/*.menu-logo{
	max-width:200px;
	margin-right:20px;
	padding:10px;
}

.menu-logo img{
	width:80px;
	
	}
	*/
.menu ul{
	padding:0;
}
.menu .menu-nav{	
	list-style:none;
}

.menu-nav .nav-hover{
	position:absolute;
	width:0;
	left:0;
	bottom:0;
	height:2px;
	background:#D32716;
	
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition:  all .35s;
}
.menu-nav ul .nav-hover, .menu-nav ul ul.nav-hover{
	background:transparent;
	border-bottom:1px solid #f7f7f7;
}
.menu-nav ul .nav-hover:last-child, .menu-nav ul ul.nav-hover:last-child{
	border:none;
}
.menu-nav li a{
	color:#444;
}
.menu-nav li a:hover .nav-hover,.current-menu-item .nav-hover{
	width:100%;
}
/*.search{
	position:relative;
	
}
.search  .form-control{
	border-radius:20px;
}
.search  .fa{
	position:absolute;
	top:10px;
	bottom:10px;
	right:10px;
}
*/
.menu .menu-nav  ul a:hover{
		background:#fff;
		color:#444;
	}
/*====================================
RESPONSIVE-----------------
=====================================*/
@media(min-width:981px){
/*.menu-logo{
	float:left;
}*/
/*.menu .search{
	float:right;
	margin:30px 0 20px;
	position:relative;
}
*/
.menu .menu-nav li{ 
float:left;
position:relative;
}
.menu .menu-nav  a{   
    padding:0 15px 25px;
	line-height: 20px;
	}
	.menu .menu-nav  ul a{   
    padding:15px;
	line-height: 20px;
	}
	
	
.menu ul.menu-nav ul{
	position:absolute;
	left:0;
	top:auto;
	z-index:130;
	min-width:160px;
	
	background:rgba(255,255,255,0.7);
	display:none;
	clear:left;
	
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition:  all .35s;
	
	border:1px solid #f7f7f7;
	
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);
}
.menu ul.menu-nav ul  li{
float:none;
list-style:none;
}

.menu ul.menu-nav li:hover  ul {
	
	display:block;
}

.menu ul.menu-nav ul  li  a{
	
}

.menu ul.menu-nav ul.sub-menu ul{
	position:absolute;
	top:0;
	left:100%;
	display:none;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition:  all .35s;
}
.menu .menu-nav ul li:hover ul{
	display:block;
} 

.menu .menu-nav ul li ul li{
	display:block;
} 

.menu .menu-nav ul ul ul{}




}

/*====================================
Tablet dan phone-----------------
=====================================*/

@media(max-width:980px) and (min-width:320px){
	

	.menu-logo{
		float:none;
		text-align:center;
		margin:0 auto;
	}
	
	.menu .menu-nav li{
        list-style:none;
		text-align:center;
	}
	
	.menu-nav li a{
		padding:15px;
	
		border-bottom:1px solid #dedede;
	}
	
	.menu ul.menu-nav ul{

	background:#fff;
	display:none;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition:  all .35s;
}



.menu ul.menu-nav li:hover  ul {
	
	display:block;
}

.menu ul.menu-nav ul  li  a{
	
}

.menu ul.menu-nav ul.sub-menu ul{

	display:none;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition:  all .35s;
}
.menu .menu-nav ul li:hover ul{
	display:block;
} 


/* btn menu mobile------------------*/
.menu-btn{

	padding:20px;
	min-width:50px;
	margin:0 auto;
	position:relative;
	text-align:center;
	/*background:rgb(215,37,26);
	color:#fff; */
}
/*
.search{
	margin-bottom:20px;
}
	*/
}