@media (max-width:500px) , (max-device-width:500px){
/**mobile menu fixed**/
    #content {
    	padding-bottom:20px; /* Height of the footer element */
    }
    #leos {
        padding-bottom: 50px;
    }
    .container {
        width:100%;
    }
    .nomobile {
        display:none;
    }
	.logo a img {
		width:100%;
		height:auto;
	}
    .sidebar {
        display: block;
        position: fixed;
        top:0;
        right:-100%;
        width:70%;
        max-width:715px;
        background:#ccc;
        overflow-x: hidden;
        overflow-y: scroll;
        height:91%;
        z-index: 998;
        transition:all .5s ease;
    }
    #sidebar {
        width: 82%;
        margin: 0 auto;
    }
    .sidebararrow {
        background: #fff url(../images/arrow.png) no-repeat;
        z-index:997;
        display:block;
        width:21px;
        height:23px;
        position:fixed;
        top:50%;
        margin-top:-10.5px;
        right:0;
        -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
        -webkit-border-top-left-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
}