/****************************************************
 * Header-3
 ***************************************************/
.header3 {height: 130px; border-bottom: 1px solid #E9E8E8; position: fixed; width: 100%; background-color: #fff; z-index: 1030;}
.header3 .site-logo {width: 60px; position: absolute; margin-top: 9px; image-rendering: -webkit-optimize-contrast;}
.header3 .site-title {margin-top: 30px; text-align: center;}
.header3 .site-title a {font-size: 24px; color: #000;}
.header3 .site-reg-login {position: absolute; right: 52px; top: 39px;}
.header3 .site-reg-login ul {list-style: none;}
.header3 .site-reg-login ul {float: left; margin-top: 2px; font-size: 16px; margin-right: 15px;}
.header3 .site-reg-login ul .nav-button {display: none;}
.header3 .site-reg-login > ul > li {display: inline-block; margin-left: 20px; text-transform: uppercase;}
.header3 .site-reg-login > ul > li > a {color: #000; padding: 10px 15px 6px; border-radius: 5px;}
.header3 .site-reg-login > ul > li.nav-button a {background-color: #7eddd3;}
.header3 .site-reg-login .avatar {width: 25px;}
.header3 .site-reg-login .nav-user li {width: 100%;}
.header3 .site-reg-login #search-popover {font-size: 20px; color: #000; cursor: pointer;}
.header3 .dropdown-menu {min-width: 200px !important; padding-top: 0px; padding-bottom: 0px; border-radius: 0px;}
.header3 .dropdown-menu > li > a{padding: 15px 15px; border-top: 1px solid #ddd; font-size: 16px; color: #003da5;}
.header3 .dropdown-menu > li:first-of-type > a{border-top: none;}
.header3 .dropdown-menu > li > a:hover {color: #7eddd3;}
.header3 .dropdown-menu > li.active > a {background-color: #f5f5f5; color: #7eddd3;}
.header3 .popover-content button {position: absolute;right: 18px;top: 0;height: 100%;background: none;border: none;}
.header3 .navigation2 {margin-top: 25px;}

.header3 .navigation4 {margin-top: 17px;}
.header3 .navigation4 .title-navbar .navbar-nav {border-bottom: none;}

/****************************************************
* Mobile
***************************************************/
@media screen and (max-width: 1000px){
    .header3 {height: 81px;}
    .header3 ~ main {padding-top:81px}
    .header3 .site-logo {image-rendering: -webkit-optimize-contrast;}
    .header3 .site-title {width: 100px; margin: 0 auto; margin-top: 18px;}
    .header3 .site-title a {font-size: 16px; margin-left: 0px; margin-top: 25px;}
    .header3 .container {padding-right: 15px;}
    .header3 .site-reg-login {display: none;}
    .navigation3 .navbar-inverse {width: 40px; float: right; margin-top: -55px;}
    .navigation3 .navbar-inverse .navbar-toggle {margin-top: 20px;}
}