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

/* Navigation */

.menucontrolouter{
background-color:#ffffff;
}
.menucontrol{
max-width:1100px;
padding:10px 0px 10px 0px;
margin-left:auto;
margin-right:auto;
text-align:right;
}
.menucontrol:hover, .menucontrol:focus{
color:#B5BE34;
}

#navbar{
 background: #ffffff;
 width: 300px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -300px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
font-size:1em;
font-weight:300;
z-index:99999;
border-right:1px solid #d7dada;
}
#navbar header{
text-align:right;
padding:0px 20px 0px 20px;
}

#navbar::-webkit-scrollbar {
  width: 0px;
}

#navbar ul{
	margin:0px;
	padding:0px;
}
#nav>ul{
margin-bottom:50px;
}
#nav li{
position: relative;
list-style:none;
}
#nav li a{
color:#31313F;
text-decoration:none;
}
#nav>ul>li:last-child{
background-color:#B5BE34;
}
#nav>ul>li:last-child a{
color:#ffffff;
}
#nav>ul>li:hover:last-child{
background-color:#3B3B3C;
}
#nav>ul>li:hover:last-child a{
color:#ffffff;
}
#nav ul li ul{
display:none;
background-color:#ffffff;
}
#nav ul li ul li ul{
display:none;
}
#nav ul li ul li ul li:not(:last-child){
border-bottom:1px solid #F4F5F6;
}
#nav ul li a{
	padding:20px 0px 20px 20px;
	display:inline-block;

	width:80%;
}

#nav ul li a.selected{
color:#31313F;
}
#nav ul li ul li a{
padding:10px 0px 10px 15px;
width:80%;
}

#nav ul li ul li ul li a{
padding:10px 20px 10px 15px;
width:100%;
}
#nav>ul>li ul{
	padding:0px 0px 0px 20px;
}


#nav ul li:hover, #nav ul li:focus, #nav ul li.selected{
background-color:#F0EFCC;
}
#nav ul li:hover>a, #nav ul li:focus>a, #nav ul li.selected>a{
color:#31313F;
}
#navbar.active{
 left: 0;
}
.menu-btn{
 color: #31313F;
font-size:2em;
 cursor: pointer;
}
.menuclose-btn{
color:#31313F;
font-size:2em;
cursor:pointer;
}
#nav>ul>li{
border-bottom: 1px solid #F4F5F6;
}
#nav>ul>li>span{
border-left: 1px solid #F4F5F6;
padding:20px 0px 20px 0px;
display:inline-block;
width:20%;
text-align:center;

float:right;
}
#nav>ul>li>ul>li>span{
text-align:center;
width:20%;
float:right;
padding-top:10px;
}
#nav>ul>li span i{
color:#31313F;
transition: 300ms linear all;

}
#nav>ul>li>span.rotate i, .navexpand.rotate i, #nav>ul>li>ul>li>span.rotate i{
transform: rotate(90deg); 
}

/* #nav>ul>li>ul>li:not(:last-child)::after{
content: '';
        position: absolute;
        margin: auto;
        top:-1;
        right: 0;
        bottom: 0;
        left: 0px;
        width: calc(100% - 40px);
        height: 1px;
        background-color: #d7dada;
}*/

#nav>ul>li>ul>li:hover::before, #nav>ul>li>ul>li:focus::before, #nav>ul>li>ul>li a.selected::before{
content: '';
background-color:#B5BE34;

position:absolute;
height:calc(100% + 2px);
width:2px;
left:-2px;
top:-1px;

}

#nav>ul>li>ul>li:not(:last-child){
border-bottom:1px solid #d7dada;
}


#nav li.searchnav{
padding:20px 0px 20px 20px;
}
#nav li.searchnav .searchbox{
color:#31313F;
width:calc(85% - 20px);font-size:1em;

}
#nav li.searchnav .searchbox::placeholder { 
  color: rgba(0,0,0,0.7);
  
  }
  

  
#nav li.searchnav #searchsubmit{
background:transparent;
color:#31313F;
font-size:1.2em;
width:15%;
text-align:left;
}
#nav li.searchnav #searchsubmit:hover{
color:#B5BE34;
}
.searchmain{
display:none;
}

.menu-btn{
padding-left:20px;
padding-right:20px;
}


        .menu-btn{
        text-align:right;
        }
        }