.navbar-default { background: #ffffff; }
.navbar { border-radius: 0px; margin-bottom: 0; border-color: transparent; border-bottom-color: #e7e7e7; }
.navbar-nav { margin: 0px; }
.navbar-brand { height: 100px; display: table; }
    .navbar-brand .logo { display: table-cell; vertical-align: middle; text-align: center; }
        .navbar-brand .logo img { width: 100%; }
.navbar-toggle { margin: 35px 10px 0 0; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.dropdown-menu { display: none; width: 100%; }


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

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background-color: transparent; border-bottom: 3px #145395 solid; color: #145395; font-weight:bold;}
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: transparent; }
    .nav > li { position: initial; margin: 0px 15px; height: 102px; }
        .nav > li > a { display: inline-block; height: 96px; line-height: 62px; padding: 15px 0px; font-size:18px; }
    .nav li.nav-right { width: 200px; text-align: center; color:#000000; }
        .nav li.nav-right i { margin-right:6px; }
        .navbar-nav { float: right; }

    .dropdown-menu {  padding: 50px 100px 50px 330px; border: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; background: #f2f2f2; visibility: hidden;}
        .dropdown-menu.show { display: block; visibility: visible; animation: fadein 0.5s forwards; }
        .dropdown-menu li { float: left;  margin-right:30px; margin-bottom:30px; }
            .dropdown-menu li a { text-align: left; padding: 5px 10px; font-size: 16px; }
                .dropdown-menu li a:hover { background-color: #DCEBFF }
                .dropdown-menu li a i { float: right; color:#a1a1a1; margin-left:10px; }
                .dropdown-menu li.dropdown-menu-title { width: 330px; height: 100%; margin-left: -330px; text-align: center; font-weight: bold; font-size: 18px; }


        .dropdown-menu li.more
        {
            float: left;
            width: 350px;
            
        }
            .dropdown-menu li.less
            {
                width: auto;
                max-width:230px;
            }

            .dropdown-menu li.more a, .dropdown-menu li.less a
            {
                font-weight: bold;
                border-bottom: 1px #000000 solid;
                padding-bottom:20px;
            }

                .dropdown-menu li.more ul li a, .dropdown-menu li.less ul li a
                {
                    font-weight: normal;
                    display: inline-block;
                    border-bottom: 0px;
                    font-size: 14px;
                    padding-bottom: 10px;
                }
                .dropdown-menu li.more ul, .dropdown-menu li.less ul
                {
                    width: 100%;
                    padding-top:20px;
                }
            .dropdown-menu li ul li
            {
                width: 175px;
                margin-right: 0px;
                margin-bottom: 0px;
                overflow: hidden;
            }
                    .dropdown-menu li.more ul li span, .dropdown-menu li.less ul li span
                    {
                        float: left;
                        display: inline-block;
                        width: 140px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }



                @keyframes fadein
                {
                    from { opacity: 0; }
        to { opacity: 1; }
    }
}

@media screen and (min-width: 1200px) {
    .navbar-brand { width: 280px; }
}

@media screen and (min-width: 922px) and (max-width:1199px) {
    .navbar-brand { width: 260px; }
}

@media screen and (min-width: 768px) and (max-width:922px) {
    .navbar-brand { width: 240px; }
}

@media screen and (max-width: 768px) {
    .navbar-brand { width: 220px; }
}