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

/* Navigation */

.menucontrolouter{
background-color:#08191C;
height:37px;
margin:82px 10px 0px 10px;
position:relative;

}
.menucontrolouter::before {
            content:'';
            display:block;
            position:absolute;
            top:0;
            margin-left:-10px;
            height:0;
            width:0;
            border-left:5px solid transparent;
            border-top:18px solid transparent;
            border-right:5px solid #08191C;
            border-bottom:19px solid #08191C;

        }
.menucontrolouter::after {
            content:'';
            display:block;
            position:absolute;
            top:0;
            right:-10px;
            height:0;
            width:0;
            border-left:5px solid #08191C;
            border-top:18px solid #08191C;
            border-right:5px solid transparent;
            border-bottom:19px solid transparent;
        }
.menucontrol{
max-width:1100px;
padding:0px 0px 0px 0px;
margin-left:auto;
margin-right:auto;
text-align:right;
}
.menucontrol:hover, .menucontrol:focus{
color:#FFAB00;
}

#navbar{
 background: #08191C;
 width: 300px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -300px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
font-size:1em;
font-family:'made_waffle_soft', Verdana, Arial;
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:#ffffff;
text-decoration:none;
}

#nav ul li ul{
display:none;
background-color:#08191C;
}
#nav ul li ul li ul{
display:none;
}
#nav ul li ul li ul li:not(:last-child){
border-bottom:1px solid #ffffff;
}
#nav ul li a{
	padding:20px 20px 20px 20px;
	display:inline-block;


	width:80%;
}

#nav ul li a.selected{
color:#ffffff;

}
#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:#009087;
}
#nav ul li:hover>a, #nav ul li:focus>a, #nav ul li.selected>a{
color:#ffffff;
}
 #nav>ul>li:hover>a, #nav>ul>li:focus>a, #nav>ul>li.selected>a{
text-align:right;

}
#navbar.active{
 left: 0;
}
.menu-btn{
 color: #ffffff;
font-size:1.7em;
 cursor: pointer;
}
.menuclose-btn{
color:#ffffff;
font-size:2em;
cursor:pointer;
}
#nav>ul>li{
border-bottom: 1px solid #ffffff;
}
#nav>ul>li>span{
border-left: 1px solid #ffffff;
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:#ffffff;
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:not(:last-child){
border-bottom:1px solid #d7dada;
}


#nav li.searchnav{
padding:20px 0px 20px 20px;
}
#nav li.searchnav .searchbox{
color:#333333;
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:#ffffff;
font-size:1.2em;
width:15%;
text-align:left;
}
#nav li.searchnav #searchsubmit:hover{
color:#666666;
}
.searchmain{
display:none;
}

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


        .menu-btn{
        text-align:right;
        }
        }
        
        @media only screen and ( max-height: 600px ) and (orientation:landscape)
                {
                .menucontrolouter{
margin:25px 10px 0px 10px;
}
                }
        
        
        @media screen and (max-width: 600px) {

/* Navigation */

.menucontrolouter{
margin:22px 10px 0px 10px;
}
.menu-btn{
 color: #ffffff;
font-size:2.4em;
 cursor: pointer;
 padding-right:0px;
}

}