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

/* Navigation */

.menucontrolouter{
background-color:#0F75BC;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
clear:both;
margin-top:100px;
}
.menucontrol{
max-width:1100px;
padding:10px 0px 10px 0px;
margin-left:auto;
margin-right:auto;
text-align:right;
}
.menu-btn{
 color: #ffffff;
font-size:1.6em;
 cursor: pointer;
}
.menuclose-btn{
color:#ffffff;
font-size:2em;
cursor:pointer;
}
#navbar{
 background: #0F75BC;
 width: 300px;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -300px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
font-size:1.2em;
z-index:99999;
}
#navbar header{
text-align:right;
padding:0px 20px 0px 20px;
}

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

#navbar ul{
	margin:0px;
	padding:0px;
}
#navbar.active{
 left: 0;
}
#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;
}
#nav ul li ul li ul{
display:none;
}
#nav ul li a{
	padding:15px 0px 15px 15px;
	display:inline-block;
	margin-right:40px;
}
#nav ul li a.selected{
font-weight:bold;
}
#nav ul li ul li a{
padding:5px 0px 5px 20px;
}
#nav>ul>li ul{
	padding:10px 0px 10px 20px;
}
#nav ul li:hover, #nav ul li:focus, #nav ul li.selected{
background-color:#FF8000;
}
#nav ul li:hover a, #nav ul li:focus a, #nav ul li.selected a{
color:#ffffff;
}
#nav span:after{
content: "\f054";
font-family: "Font Awesome 6 Pro";
font-weight:400;
color:#ffffff;
display:inline-block;
transition: 300ms linear all;
position:absolute;
right:20px;
pointer-events: none;
}
#nav span.rotate:after, .navexpand.rotate:after{
transform: rotate(90deg); 
}
#nav li.navexpand:after{
content: "\f054";
font-family: "Font Awesome 6 Pro";
font-weight:400;
color:#ffffff;
display:inline-block;
transition: 300ms linear all;
position:absolute;
right:20px;
pointer-events: none;
top:5px;
}

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

.mobileonly{
background-color:#25AAE1;
}

}
@media only screen and ( max-height: 600px ) and (orientation:landscape)
                {
                .menucontrolouter{
margin:100px 0px 0px 0px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
}
                }
        
        
        @media screen and (max-width: 700px) {

/* Navigation */

.menucontrolouter{
margin:10px 0px 0px 0px;
border-radius:20px;
}
.menu-btn{
 color: #ffffff;
font-size:1.6em;
 cursor: pointer;
}

}