/* Menu Styles */

/* Init Logic */
.menu-toggle-button{padding:1em 0;cursor:pointer;}
.menu-toggle-button{display:none;}
.menu-toggle-button.active{color:#777;}

ul.menu-list{list-style:none;position:relative;
list-style: none;
position: relative;
display: inline-table;
padding: 12px 0;
margin: 0px 0 0 0;

width: 100%;
text-align: center;
background: url(../images/menu-bg.png) repeat-x;
}
ul.menu-list li{display: inline-block;position:relative;}
ul.menu-list li a{display:inline-block;}
ul.menu-list li a{display:block;}

/* Handling Submenu */
ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700}
ul.menu-list ul li{text-align: left;position:relative;float:none;padding: 5px 0 5px 0;margin:0px;}
ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700}
ul.menu-list li:hover>ul{display:inline-block;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;float:right;padding-left:10px;line-height:2.2em;} /* All levels */
ul.menu-list li.has-submenu>a>span.menu-expand{float:none\9;} /* Fix for IE9 and below */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
/*ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC'}*/ /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BA'} /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{
color: #442F19;

font-weight:bold;

text-decoration: none;
padding: 5px 0 5px 15px;
margin-left: 25px;
margin-right: 25px;
background: url(../images/dot-menu.png) no-repeat center left;
font-family: Verdana;
font-size: 11px;
text-transform: uppercase;
} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:150px;color: #fff;text-shadow: 1px 1px 0px #3C301C;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px 0px 0px 0px;text-align: left;}
ul.menu-list>li>a{}
ul.menu-list>li:hover{
color: #fff;
}
ul.menu-list>li:hover>a{
	color: #715435;
	background:url(../images/dot-menu-hover.png) no-repeat center left;
}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{border:1px solid #F7F7F7;box-shadow: 0 0 7px #C0C0C0;}
ul.menu-list>li>ul>li{background: #3A3A3A;}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#1F1F1F;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:1px solid #777;}
ul.menu-list>li>ul>li>ul>li{background:#e7e7e7;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */


/* RESPONSIVE MEDIA QUERIES */
@media screen and (max-width: 950px){
.menu-toggle-button {
    margin-top: 0;
    background: #fff;
   box-shadow: 0 0 1px #000;
    background: #D3C5B0;
    /* margin-top: 15px; */
    width: 100%;
    text-align: center;
	display:block;
}
/* Menu Styles */
ul.menu-list>li.has-submenu>a>span.menu-expand:after{content:'\25BC';
padding: 19px 20px 15px 20px;
border-left: 1px solid #ccc;
}
/* Init Logic */



ul.menu-list{
position: absolute;
    width: 100%;
    margin-top: 0px;
height: auto;
background: #f7f7f7;
}

.show-for-devices{
display:block!important;

}

ul.menu-list{display:none;box-shadow: 0px 2px 7px #C0C0C0;    z-index: 9;}
ul.menu-list li{clear:both;float:none;}

/* Handling Submenu */
ul.menu-list ul{display:none;position:relative;}
ul.menu-list ul li{}
ul.menu-list ul ul{position:relative;top:100%;left:0%;}
ul.menu-list li:hover>ul{display:none;}
/* End Init Logic */

/* Style */

ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */

/* Submenu Expand Icon */
ul.menu-list li.has-submenu>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */
ul.menu-list>li.has-submenu>a>span.menu-expand{} /* Level 1 */
ul.menu-list li li.has-submenu>a>span.menu-expand{} /* Level 2 */
ul.menu-list li li.has-submenu>a>span.menu-expand:after{content:'\25BC';}
 /* Level 2 */

/* You can manage with of elements by width of a-tag */
ul.menu-list li a{color:#333;position:relative} /* All levels */
ul.menu-list li>a{} /* Level 1 */
ul.menu-list li li>a{width:auto;} /* Level 2 */
ul.menu-list li li li>a{} /* Level 3 */

/* First Level*/
ul.menu-list>li{margin:0px;border:none;
border-bottom: 1px solid #DBDBDB;
padding: 10px 0;
float: left;
width: 100%;
}
ul.menu-list>li>a{}
ul.menu-list>li:hover{background:#E5E5E5}
ul.menu-list>li:hover>a{color:#EF290C;

}
ul.menu-list>li>a:hover{}
/* End First Level*/

/* Second Level*/
ul.menu-list>li>ul{
border:none; 
margin: 10px 0 0 0;
float: left;
box-shadow: none;
width: 100%;}
ul.menu-list>li>ul>li{
padding: 10px 0 10px 0px;
box-shadow: none;
float: left;
width: 100%;
}
ul.menu-list>li>ul>li>a{}
ul.menu-list>li>ul>li:hover{background:#1F1F1F;}
ul.menu-list>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>a:hover{}
/* End Second Level*/

/* Third Level*/
ul.menu-list>li>ul>li>ul{border:none;}
ul.menu-list>li>ul>li>ul>li{padding-left:5px;}
ul.menu-list>li>ul>li>ul>li>a{}
ul.menu-list>li>ul>li>ul>li:hover{background:#ddd;}
ul.menu-list>li>ul>li>ul>li:hover>a{}
ul.menu-list>li>ul>li>ul>li>a:hover{}
/* End Third Level*/

/* End Style */


/* End Menu Styles */

}