#sidebar-wrapper .container{
	position:relative;
}



#sidebar-wrapper .top_link{
	display:none;
}


#page-content-wrapper {
  width: 100%;
}
.nav_box{
  position: absolute;
  top:108px;
  right:0px;
  left:0px;
  height:43px;
  border-top:solid 1px #cfb77d;
  
}
.sidebar-nav {
  display:inline;
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.sidebar-nav li {
	float: left;
    display: block;
    position: relative;
}


.sidebar-nav > li a {
    color: #FFFFFF;
    line-height:16px;
	font-weight:400;
    padding: 12px 51px 14px 0px;
    text-transform:uppercase;
	display:block;
	position: relative;
}

.sidebar-nav > li:last-child a {
	padding-right:0;
}
.sidebar-nav > li.active a, .sidebar-nav > li a:hover{
	background:transparent;
	color:#755e27;
	text-decoration:none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

/*.content-header {
  height: 65px;
  line-height: 65px;
}*/

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

#menu-toggle {
  display: none;
}

/*.inset {
  padding: 20px;
}*/
@media (min-width:821px) and (max-width:980px) {
.sidebar-nav > li a {
 
    font-size:14px;
	font-weight:400;
    padding: 12px 38px 14px 0;
   
}
.sidebar-nav > li:last-child a {
	padding-right:0;
}
}
@media (max-width:820px) {
	

	#wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -250px;
  left: 250px;
  width: 250px;
  background: #7f662c;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}
#sidebar-wrapper .container{
	padding:0;
	
	
}
.nav_box{
	 float:none;
	right:0;
	position:static;
	top:0;
}

.inset {
  padding: 0px;
}

#wrapper {
  padding-left: 0;
}

#sidebar-wrapper {
  left: 0;
}

#wrapper.active {
  position: relative;
  left: 250px;
}

#wrapper.active #sidebar-wrapper {
  left: 250px;
  width: 250px;
  transition: all 0.4s ease 0s;
}

#menu-toggle {
    display: inline-block;
    left: 7px;
    position: absolute;
    top:9px;
	background:transparent;
	border:none;
}

#menu-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background:#fff;
}

#menu-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}


.sidebar-nav {
  position: static;
  top: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
  float:none;
  padding:0;
  border-bottom:solid 1px #fff;
}

.sidebar-nav li a {
  color: #fff;
  font-weight:400;
  font-size:18px;
  display: block;
  text-decoration: none;
   padding: 18px 0px;
}

.sidebar-nav li a:hover, .sidebar-nav li.active a:hover, .sidebar-nav li.active a {
 color:#fff;
	background:#b99643;
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
#wrapper.active #page-content-wrapper{
	position:fixed;
	 bottom: 0;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.2);
    left: 250px;
    overflow: hidden;
    position: fixed;
    top: 0;
   
    width: 100%;
	
	transition: transform 250ms ease 0s;
}

 #sidebar-wrapper .top_link{
	display:block;
	position:static;
	margin:0px 0 0 18px;
	
	float:left;
	
}

.header_line{
	clear:both;


}
	}
@media (max-width:1024px) {
	.sidebar-nav > li a {
    color: #FFFFFF;
    line-height:16px;
	font-weight:400;
    padding: 12px 27px 14px 0px;
    text-transform:uppercase;
	display:block;
	position: relative;
	}
}