body{font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif; background-color:rgba(0, 0, 0, 0.05);}
.main{width:100%; height:80px; position: relative; background-color:#fff;}

.logo{padding: 5px 15px 0px;color:#000; border:0px solid #fff; margin-top: 0px; display: inline-block; }
.logo img{ width: 50px; height:50px; }
.logo:hover{text-decoration:none;}

.nav{width: 100%; height: 40px; /*background-color: #000;*/ position: relative; 
    margin-top: 30px; font-size: 20px; z-index: 99; padding: 0px 0px; text-align: right;}
.nav ul{padding: 0px; margin: 0px;}
.nav ul li{display: inline-block; padding: 0px 0px;}
.nav ul li a{ color: #333; font-size: 12px; float: left; padding: 15px 10px;; text-decoration: none;}
.nav ul li a:hover{ color: #000;text-decoration: none;}
.nav ul li a .fa{ margin-top: 1px; font-size: 14px; font-weight: 600;}

.nav .dropdown-menu{min-width: 200px; background-color: #fff; position: absolute; top: 40px; border-radius: 0px; border:0px;}
.nav .dropdown-menu ul{}
.nav .dropdown-menu li{ display: block; }
.nav .dropdown-menu li a{ color: #333; width: 100%; padding: 6px 10px;}

.nav ul li:last-child .dropdown-menu{left: -118px }


#sideNav { float: left; left: 0; z-index: 3;cursor: pointer; border-radius: 0;
    width: 14px; font-size: 48px; line-height: 0; margin: 17px 0 0 0px; display: none;}
#sideNav .fa {font-size: 20px; margin: 12px 0 0; color: #fff;}





@media only screen and (max-width: 640px) and ( min-width: 320px)
{
	
.m-padding-lr{padding:0px;}
.main{width:100%; height: 60px; background-color: #fff}
.logo{margin-left: 0%; padding: 0px 0px; margin-top: 5px;}
.logo img{ width: 40px; height:40px; }
.logo p{ font-size:12px;margin: 0px;} 

#sideNav { width:40px; height:40px; float: right; text-align:center; display: block;}
#sideNav .fa {font-size: 20px; margin: 0px 0 0; color:#000}


.mob-nav{margin: 0px 0px 0px 0% !important; height: auto; display: block !important;}
.nav{width: 100%; min-height: 450px; transition: 0.5s; margin: 0px 0px 0px -102%; background-color: #6594b9; position: absolute; top: 0; font-size: 20px; z-index: 999; padding: 0px 0px; text-align: left;}
.nav ul{padding: 0px; margin: 0px;}
.nav ul li{display:block; padding: 0px 0px;}
.nav ul li a{ width: 100%; color: #fff; font-size: 14px; float: left; padding: 12px 15px; border-bottom: 1px solid #ccc; text-decoration: none;}
.nav ul li a:hover{ color: #000;text-decoration: none;}
.nav ul li a .fa{ margin-top: 3px; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#6594b9; border-color: #f5f5f5;}

.nav .dropdown-menu{min-width: 200px; background-color: #fff; position: absolute; top: 40px; border-radius: 0px; border:0px;}
.navbar-nav .open .dropdown-menu {margin-top: 0;border: 0;overflow: hidden; background-color: #698398;}

.nav .dropdown-menu ul{}
.nav .dropdown-menu li{ display: block; }
.nav .dropdown-menu li a{ color: #f5f5f5; width: 100%; padding: 9px 15px !important; border-color: #8d9ead; font-size: 15px; }


}