EVOLUTION-NINJA

Edit File: simpleMobileMenu.css

/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);

html {

margin: 0px;

padding: 0px;

font-family: 'Source Sans Pro', sans-serif;

box-sizing: border-box;

}

*, *:before, *:after { box-sizing: inherit; }

.cf:before, .cf:after {

content: " ";

display: table;

}

.cf:after { clear: both; }*/

/**

* For IE 6/7 only

* Include this rule to trigger hasLayout and contain floats.

.cf { *zoom: 1;

}

body {

margin: 0px;

padding: 0px;

font-family: 'Source Sans Pro', sans-serif;

}

/*---------Authar Style----------*/

.smobitrigger, .mnuclose { display: none; }

header {background:white; border-bottom: 1px solid silver;}

.logo { float: left; }

.navigation { float: right; padding-top:14px; }

.navigation nav ul {

padding: 0px;

margin: 0px;

list-style: none;

}

.navigation nav ul li { display: inline-block; }

.navigation nav ul li a {

color:#444343;

font-weight: 500;

display: inline-block;

//text-transform: uppercase;

text-decoration: none;

padding: 8px 20px;

transition: 0.5s;

-webkit-transition: 0.5s;

-moz-transition: 0.5s;

-ms-transition: 0.5s;

-o-transition: 0.5s;

}

.navigation nav ul li a:hover {

color:#a6ce39;

background-position: 0 0;

}

@media all and (max-width : 641px) {

.smobitrigger, .mnuclose { display: inline-block; }

.smobitrigger {

color:#a6cf39;

font-size: 30px;

line-height: 12px;

padding:6px;

border:1px solid #a6cf39;

}

.mnuclose {

font-size: 20px;

padding: 10px 20px;

width: 100%;

background: rgba(0, 0, 0, 0.18);

text-align: right;

}

.smobitrigger span, .mnuclose span {

font: 0/0 a;

text-shadow: none;

color: transparent;

}

.navigation nav ul {

padding-bottom:1px;

overflow-y: auto;

}

.navigation nav ul li, .navigation nav ul li a { width: 100%; }

.navigation nav ul li a {

padding-top: 5px;

padding-bottom: 5px;

}

.navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29); }

.mobimenu {

list-style: none;

padding: 20px;

margin: 0px;

width: 310px;

position: fixed;

height: 100%;

top: 0px;

right: -350px;

}

.mnuopn { right: 0px !important; }

.ovrActv {

position: fixed;

background: rgba(0, 0, 0, 0.79);

width: 100%;

height: 100%;

z-index: 9998;

transition: 0.5s;

-webkit-transition: 0.5s;

-moz-transition: 0.5s;

-ms-transition: 0.5s;

-o-transition: 0.5s;

}

/*------------------------------ Sri ----------------------------------------------*/

.submenu_one a{

width: 158px !important;

}

.glyphicon{

font-size: 10px;

}

.dropdown-menu{

background:#8fbc15;

}

.dropdown-menu a{

padding: 7px 20px !important;

width: 210px;

}

.login{

border: 1px solid silver;

border-radius: 50px;

background-image: linear-gradient(to left, transparent, transparent 50%, #004d79 50%, #004d79);

background-position: 100% 0;

background-size: 200% 100%;

transition: all .25s ease-in;

}

/*-----------------------------------------------------*/

@media only screen and (min-width:641px) and (max-width:991px) {

.navigation nav ul li a {

padding: 5px 10px !important;

}

.actives{

//border-bottom:1px solid #e4532d;

color: #df412c !important;

}

.f-nav {

z-index: 9999;

position: fixed;

left: 0;

top: 0;

width: 100%;

background-color: rgba(255, 255, 255, 0.95);

border-bottom: 1px solid #ecebeb;

}

@media only screen and (min-width:320px) and (max-width:640px) {
    .f-nav {
        position: initial;
    }

}

@media only screen and (min-width:641px) and (max-width:991px) {

.logo {

width: 25%;

}

header {

padding-bottom: 5px;

}

.navigation {

padding-top: 22px;

}

.navigation nav ul li a {

font-size: 15px;

}

@media only screen and (min-width:992px) and (max-width:1258px) {

.navigation {

padding-top:13px;

}