﻿@media only screen and (max-device-width : 736px)  
{
    
    .mobileMenu_Button
    {
        margin-top:10px;
        margin-left:10px;
    margin-right:10px;
    margin-bottom:5px;
    width:45px;
    height:45px;  
    background-image:url('/images/button.png');
    background-position:center;
    box-sizing:border-box;
    background-size:45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:2px solid #ffffff;
    cursor:pointer;
    background-color:rgba(255,255,255,0.0);
    z-index:500;
    position:absolute;
    }
    
    .mobileMenu_container
    {  
    height: 100%; /* 100% Full-height */
    width:0px;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 0px;
    left: 0px;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
    overflow-scrolling: auto;
    -webkit-overflow-scrolling: touch;     
    }
    
    .mobileMenu_container .expandbtn {
    position: relative;
    float:right;
    font-size: 36px;
    margin-right:10px;
    top: -3px;
    }
    
    .mobileMenu_container_natural_submenu
    {
    width:100%;
    box-sizing:border-box;
    padding-left:10%;
    display:none;
    }
    
    .mobileMenu_container_natural_submenu a
    {
    font-size:16px !important;
    color:#ffffff !important;
    }

    .mobileMenu_container_width
    {  
    width:80%;
    }
    
    .mobileMenu_container a {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    transition: 0.3s;
    }

    .mobileMenu_container a:hover{
    color: #f1f1f1;
    }
    
    .mobileMenu_container .closebtn {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 36px;
    margin-left: 0px;
    }

    .mobileMenu_container_item_header
    {
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    padding-left:10px;
    line-height:50px;
    border-bottom:1px solid #646464;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing:0.07em;
    transition: 0.3s;
    color: #ffcc00;
    cursor:pointer;
    }

    .mobileMenu_container_item_natural
    {
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    padding-left:10px;
    line-height:50px;
    border-bottom:1px solid #646464;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing:0.07em;
    transition: 0.3s;
    color: #b6b6b6;
    cursor:pointer;
    }
    
    .mobileMenu_container_item_natural:hover
    {
    color: #ffffff;
    }

}

@media only screen and (min-device-width : 737px) and (max-device-width : 1024px)   {
   .mobileMenu_Button
    {
    margin-right:10px;
    margin-bottom:5px;
    width:45px;
    height:45px;  
    background-image:url('/images/button.png');
    background-position:center;
    box-sizing:border-box;
    background-size:45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:2px solid #ffffff;
    cursor:pointer;
    background-color:rgba(255,255,255,0.0);
    margin-bottom:-45px;
    z-index:500;
    position:relative;
    }
    
    .mobileMenu_container
    {  
    height: 100%; /* 100% Full-height */
    width:0px;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 0px;
    left: 0px;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.2s; /* 0.5 second transition effect to slide in the sidenav */
    overflow-scrolling: auto;
    -webkit-overflow-scrolling: touch;     
    }
    
    .mobileMenu_container .expandbtn {
    position: relative;
    float:right;
    font-size: 36px;
    margin-right:10px;
    top: -3px;
    }
    
    .mobileMenu_container_natural_submenu
    {
    width:100%;
    box-sizing:border-box;
    padding-left:10%;
    display:none;
    }
    
    .mobileMenu_container_natural_submenu a
    {
    font-size:16px !important;
    color:#ffffff !important;
    }

    .mobileMenu_container_width
    {  
    width:60%;
    }
    
    .mobileMenu_container a {
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    transition: 0.3s;
    }

    .mobileMenu_container a:hover{
    color: #f1f1f1;
    }
    
    .mobileMenu_container .closebtn {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 36px;
    margin-left: 0px;
    }

    .mobileMenu_container_item_header
    {
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    padding-left:10px;
    line-height:50px;
    border-bottom:1px solid #646464;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing:0.07em;
    transition: 0.3s;
    color: #ffcc00;
    cursor:pointer;
    }

    .mobileMenu_container_item_natural
    {
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    padding-left:10px;
    line-height:50px;
    border-bottom:1px solid #646464;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing:0.07em;
    transition: 0.3s;
    color: #b6b6b6;
    cursor:pointer;
    }
    
    .mobileMenu_container_item_natural:hover
    {
    color: #ffffff;
    }
}


@media only screen and (min-width : 0px) and  (min-device-width : 1025px)   
{
    .mobileMenu_Button
    {
    display:none;
    }
    
    .mobileMenu_container
    {  
    display:none;  
    }
    
    .mobileMenu_container .expandbtn {
    display:none;
    }
    
    .mobileMenu_container_natural_submenu
    {
    display:none;
    }
    
    .mobileMenu_container_natural_submenu a
    {
    display:none;
    }

    .mobileMenu_container_width
    {  
    display:none;
    }
    
    .mobileMenu_container a {
    display:none;
    }

    .mobileMenu_container a:hover{
    display:none;
    }
    
    .mobileMenu_container .closebtn {
    display:none;
    }

    .mobileMenu_container_item_header
    {
    display:none;
    }

    .mobileMenu_container_item_natural
    {
    display:none;
    }
    
    .mobileMenu_container_item_natural:hover
    {
    display:none;
    }
}
   
   
