.navbar-header > .navbar-brand {font-size:24px; line-height:0px;}/* padding-bottom:0*/
@media (max-width: 540px) {
    .navbar-brand {padding-top:19px}
    .navbar-brand > img {width: 230px; height: auto;}
}
ul.dropdown-menu {padding: 15px 0}
ul.dropdown-menu li {position:relative}

/* Custom */

div.collapse.navbar-collapse {padding-left: 0px;}
.navbar-container .container {padding-left: 0px;}


/***************** navbar *****************/
.navbar {margin:0; border:none; border-radius:0} /*For full width nav */
.navbar-inverse {font-size: 18px; background-color:transparent; background-image:none}
.navbar-inverse .navbar-nav > li > a {color:#333; font-size: 22px}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {color:#333; background-color:#fff}
.navbar-inverse > .container {position:relative; padding-left:0px;}

.navbar-toggle {float:left; margin-bottom: 7px}

/*dropdown-menu custom */
.navbar .dropdown-menu {background-color:#006cb4; border-color:transparent}
.navbar .dropdown-menu > li > a {color:#fff; font-size: 18px;}
.navbar .dropdown-menu > li > a:hover, 
.navbar .dropdown-menu > li > a:focus {background-color:#fff; color:#000;}
.navbar .dropdown-menu > .active > a, 
.navbar .dropdown-menu > .active > a:hover, 
.navbar .dropdown-menu > .active > a:focus {background-color:#fff; color:#000;}

.navbar-nav .open .dropdown-menu {background-color:#CC0033}

@media (max-width: 767px) {
    .navbar-inverse .navbar-toggle {border-color: #fff; background:transparent; margin-left:20px}
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {background:transparent}
    .navbar-nav {position:relative; z-index:17; background:#fff; margin:0 -15px; border: 2px solid #fff}
    .navbar-collapse {border:none}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff}
    
}

@media (min-width: 767px) {
.navbar-nav>li>a {padding-top:14px}
}


.navbar-header-extra {display:none; padding-right:15px}
/*.navbar-header-extra > * {vertical-align:middle}*/
.navbar-header-extra a {color:#fff; font-size:27px}
.navbar-header-extra a:hover {color:#fff}
@media (max-width: 767px) {
    .navbar-header-extra {display:block; float:right; padding-top:2px}
    .navbar-header-extra button {margin-left:9px}
}
@media (max-width: 480px) {
    .navbar-header-extra button {display:none}
    /*.navbar-header-extra .fa {display:none}*/
}
@media (max-width: 355px) {
.navbar-header-extra {display:none}
}


/* 
toggled mode 
    max-width: 
    1200px) Md
    991px Sm
    767px Xs 
*/