/*----------------------------
	special for this one 
------------------------------*/

/*----------------------------
	The Wrapper
------------------------------*/
/*The Wrapper */
.nav-wrapper{

}
/*----------------------------
	The Toggle
------------------------------*/
.toggle-wrapper{
	float:right;
/* 	position: inherit;
	top: 73px; */
}
.navbar-toggle{
	padding: 0px;
/* 	border: 1px solid #5b5f28; */
	height: 40px;
	width:40px;
	margin: 0px;
	background-color:#7C7F53;
	color: white;
	font-size: 22px;
}

/*----------------------------
	Full State
	-The first section is the most important.
------------------------------*/
.nav>li>a{
	text-align:center;
}
/*------ Second tier Items/Multi Tier */


/*------ On Hover/Focus/.open */
.nav>li>a:hover, .nav>li>a:active{
	color:#5B5F28;
/* 	background-color:white; */
    -webkit-transition: color ease-out .5s;
    -moz-transition: color ease-out .5s;
	-ms-transition: color ease-out .5s;
    -o-transition: color ease-out .5s;
    transition: color ease-out .5s;
}
.nav>li>a:active{
	color:#984807;
}
/*----------------------------
	Collapsed State - make sure you want to touch it before you touch it.
	-This is a bootstrap fix.  You usually won't have to touch these. 
------------------------------*/

/*----------------------------
	Dropdown Menus - full/collapsed
------------------------------*/
.dropdown-menu{
	min-width: 100%;
}

/*----------------------------
	@Media and Sizes
------------------------------*/
/* @media (max-width: 770px) {
	.navigation-container{
		padding: 7px 0px;
	}
} */
@media (min-width: 991px) and (max-width:1199px){

}
@media (max-width: 990px) {

} 
 @media (max-width: 767px) {
	.nav>li>a {
		padding: 10px 15px !important;
		border-bottom: 1px solid #7d7d7d;
	}
	.nav>li:first-of-type>a{
		border-top: 1px solid #7d7d7d;
	}
	.nav>li>a>img{
		height: 25px;
		width: 25px;
	}
	.nav>.mobile{
		display: block;
	}
	.navbar-collapse{
		clear: both;
/* 		margin-top: 8px; */
	}
	.navbar-collapse, .nav{
		width: 100%;
	}
	.nav li{
		display: block;
		width: 100%;
		text-align: left;
		height: auto;
		padding-top:0px;
	}
	.nav li a{
		padding-left:30px;
		font-size:16px;
		margin: auto;
		width: 105%;
		padding-top: 5px;
		padding-bottom: 6px;
		height: auto; 
	}
	.navbar-toggle{
		padding: 0px;
		clear: both;
		left:-10px;
	}

	.dropdown li{
		display: block;
		width: 100%;
		background-color: #91A9A0;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0px;
	}
	.navbar-nav .open .dropdown-menu {
		margin-top:6px;
	}
	.nav-row{
		height: auto;
		max-height: none;
	}
	.small-text{
		display:none !important;
	}
	.navbar-collapse.collapse {
		/*  display: none !important;  */
		position: static;
	}
}
@media (max-width: 480px) { 
	.nav li a{
		width: 100%;
		}
}