

.menu_block  {

	z-index: 999;

	position: relative;

	background-color: #e44444;

	background: url(../images/menu_bg.png) 0 0 repeat;



}



.menu_block nav {

	font-family: 'Patua One', cursive;

}



nav>.sf-menu {

	z-index: 990;padding-left: 0px !important;

	position: relative;

}



nav{ position:relative;padding: 0px 0 0 0;}

.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}

.sf-menu li {float:left;position:relative; }

.sf-menu>li {

	width: 20%;

	position: relative; background: url('https://i.ibb.co/7br3w2k/bg-body.png'); text-align: center; list-style: none;

	font-size: 14px;

	line-height: 20px;

}







.sf-menu>li:after {

	background: url('../../img/header_bg.png') center 0 repeat;

	top: 0;

	bottom: 0;

	position: absolute;

	right: 0;

	width: 1px;

	content: '';

}



.sf-menu>li:first-child:before {

	background: url('../../img/header_bg.png') center 0 repeat;

	top: 0;

	bottom: 0;

	position: absolute;

	left: 0;

	width: 1px;

	content: '';

}





.sf-menu>li>ul>li {

  float: none;

  position: static;

}





.sf-menu>li>a{

	padding: 20px 0px 21px;

	display: block;

	letter-spacing: 1px;

	position: relative !important;

	z-index: 2;

	overflow: hidden;

	text-transform: uppercase;

	color: #989898;

}





.sf-menu>li>a:hover,

.sf-menu>li.current>a,

.sf-menu>li.sfHover>a {

	color: #fff;

	/*background-image: url('../../img/header_bg.png');*/

}



.sf-menu>li>a.sf-with-ul:after {

	position: absolute;

	content: '';

	right: 50%;

	margin-right: -3px;

	width: 5px;

	background: url(../images/arrows.png) 0 0 no-repeat;

	height: 4px;

	bottom: 13px;

	pointer-events: none;

	z-index: 999;

	display: block;

}











 

.sf-menu>li>ul>li>a.sf-with-ul:after {

	content: '';

	position: absolute;

	width: 5px;

	background: url(../images/arrows.png) 0 0 no-repeat;

	height: 4px;

	right: 25px;

	bottom: 10px;

	pointer-events: none;

	z-index: 999;

}







.sf-menu a{



}







/*================================>> 2 Level <<========================================*/

.sf-menu li ul,.sf-menu li.sfHover>ul{

	left: 0px;

	z-index: 999; 

	width: 100%;

	padding-top: 21px;

	top: 61px;

	padding-bottom: 31px;

	background-color: #3f3f3f;



}





.oth .sf-menu>li.sfHover>ul {



}



.sf-menu li ul li{

	position: relative;

	text-align: left;

	float: none !important;

	font-size: 14px;

	line-height: 20px;

	text-transform: uppercase;

	letter-spacing: 1px;



}



.sf-menu li ul li+li {

}





.sf-menu li ul li a{

	position: relative;

	overflow: hidden;

	padding: 2px 0px 2px 30px;

	z-index: 999;

	display: block;

	color:#fff;	



}











.sf-menu li li a:hover, 

.sf-menu li.sfHover li.sfHover>a {  

	background-color: #fff;

	color: #3f3f3f;

}



/*================================>> 3 Level <<========================================*/

.sf-menu li.sfHover li.sfHover ul{

	top: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	position: relative;

	left: 0;

}





.sf-menu li.sfHover li.sfHover ul li {

}



.sf-menu li.sfHover li.sfHover ul li a {

	color: #fff;

	padding-left: 50px;

}



.sf-menu li.sfHover li.sfHover ul li a:hover {

	background-color: #272727;

}



/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {



	.sf-menu>li {

		min-width: 100px;

	}

}



@media only screen and (max-width: 767px) {

	.menu_block {

		float: none !important;

		padding: 20px 10px 25px !important;

		clear: both;

		min-height: 0px;

  	border: none;

	}





  header nav{

  	border: none !important;

		float:none !important;

		font:12px/15px Arial, Helvetica, sans-serif;

		text-transform:uppercase;

		color:#927c67;

		margin: 0 auto;

		

	

	}



	



  header nav ul {

  	border: none;

  }



	.sf-menu{display:none !important; float: none;}



	#mm0{

		font:12px/15px Arial, Helvetica, sans-serif;

		color:#202020;

		width:100%;

		margin: 0 auto;

		float: none;

    outline: none;

		border:2px solid #fff;

	}

	



}

