.mobile-nav{ display:none;}

@media screen and (min-width:0px) and (max-width: 768px)
{

.mobile-nav{
	width:100%;
	display:block !important;
}

.close-btn span{
	display: block;
	width: 28px;
	height: 3px;
	margin: 5px 0;
	background: rgb(255,255,255);
	z-index: 99;
}


.menu-btn{
	background-color:#0F193C;
	padding:10px;
	width:30px;
	cursor:pointer;
}

.menu-btn:hover{
	background-color:#0096EB;
}

.menu-btn div {
	position: absolute;
	vertical-align: middle;
	z-index:99;
	height:100%;
}

.menu-btn span {
	display: block;
	width: 28px;
	height: 3px;
	margin: 5px 0;
	background: rgb(255,255,255);
	z-index: 99;
}

.responsive-menu{
	display: none;
	background-color:#FFF;
	width:100%;
}

.responsive-menu li{
	background-color:#0096EB;
	margin-bottom:1px;
	text-align:center;
}

.responsive-menu li:hover{
	background-color:#0F193C;
}

.responsive-menu a{
	display:block;
	color:#FFF;
	padding:2.9% 0;
}

.expand {
	display: block !important; 
}

}

@media screen and (min-width:0px) and (max-width: 480px)
{
.responsive-menu a{ padding:5% 0;}
}
