.navbar {
  min-height: 50px;
  margin-bottom: 0px;
  border: 1px solid transparent;
  border-bottom:none;
  /*font-family:'Raleway medium';
  font-size:13px;*/
  box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.navbar-btn{
    margin-top:8px !important;
    margin-left:30px;
}
.navbar-default {
  background-color: #198754;
  border-color: #198754;
  /*border-bottom:1px solid #198754;*/
}
.dropdown-item {
  width:auto;
}
.navbar-default .navbar-brand {
    border-top: 0px solid transparent;
  color: #fff;
  /*line-height:18px;*/
  background-color:#198754;
  /*height:50px;*/
  padding-left:20px;
  padding-right:20px;
  margin-top:0px;
  padding-top:10px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
  background-color:#198754;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li {
  border-bottom:2px solid transparent;
  /*border-left:5px solid transparent;
  border-right:5px solid transparent;*/
  /*margin-bottom:10px;*/
  padding-right:10px;
}
.navbar-default .navbar-nav > li:hover {
  border-bottom-color: #fff;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  /*line-height:56px;*/
  padding-bottom:5px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #fff;
  margin-top:13px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li {
  color: #333;
  /*padding-left:0px,*/
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a.dropdown-item {
  color: #333;
  padding:4px 16px !important;
  margin-left:0px;

}
.navbar-default .navbar-nav > li > .dropdown-menu > li.active {
  background-color: #198754;
  /*padding-left:0px,*/
}

.navbar-default .navbar-nav > li > .dropdown-menu > .active > a.dropdown-item {
  color: #fff !important;
  background-color: #198754;
  padding:4px 16px !important;
  margin-left:0px;
    padding-left:0px !important;
}


.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #198754;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #198754;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #198754;
  /*width:auto;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #198754;
  
}
.navbar-default .navbar-nav > li.active{
    border-bottom-color: #fff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #198754;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #198754;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #198754;
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}
.btn-login {
  color: #ffffff;
  /*background-color: #004252;*/
  background-color: #323945;
  border-bottom:2px solid;
  border-bottom-color: #004252;
  border-radius:0px;
  padding-left:15px;
  padding-right:15px;
  border-radius:8px;
}
.btn-login:focus,
.btn-login.focus {
  color: #ffffff;
  background-color: #004252;
  border-bottom-color: #323945;
}
.btn-login:hover {
  color: #ffffff;
  background-color: #004252;
  border-bottom-color: #323945;
}
.btn-login:active,
.btn-login.active,
.open > .dropdown-toggle.btn-login {
  color: #ffffff;
  background-color: #004252;
  border-bottom-color: #323945;
}
.btn-login:active:hover,
.btn-login.active:hover,
.open > .dropdown-toggle.btn-login:hover,
.btn-login:active:focus,
.btn-login.active:focus,
.open > .dropdown-toggle.btn-login:focus,
.btn-login:active.focus,
.btn-login.active.focus,
.open > .dropdown-toggle.btn-login.focus {
  color: #ffffff;
  background-color: #004252;
  border-bottom-color: #323945;
}
.btn-login:active,
.btn-login.active,
.open > .dropdown-toggle.btn-login {
  background-image: none;
}
.btn-login.disabled:hover,
.btn-login[disabled]:hover,
fieldset[disabled] .btn-login:hover,
.btn-login.disabled:focus,
.btn-login[disabled]:focus,
fieldset[disabled] .btn-login:focus,
.btn-login.disabled.focus,
.btn-login[disabled].focus,
fieldset[disabled] .btn-login.focus {
  background-color: #004252;
  border-bottom-color: #323945;
}
.btn-login .badge {
  color: #fff;
  background-color: #198754;
}
.navbar .dropdown-menu{
    /*font-size:14px;*/
}
@media (max-width: 767px) {
    /*New Code*/
    .navbar-default, .navbar-brand, .navbar-header{
        /*max-height:75px;*/
    }
    .navbar-default .navbar-nav > li {
  border:0px;
}
    .btn-login {
  /*display:block;
  width:100%;*/
}
    .navbar-btn{
        margin-left:0px;
        margin-top:-10px !important;
    }
    /*End*/
    .navbar-default .navbar-nav > li > a {
  color: #333333;
  /*line-height:20px;*/
  padding:10px 16px;
}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
    /*line-height:20px ;*/
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #198754;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #198754;
    background-color: #ffffff;
  }


  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #198754;
    background-color: #198754;
    margin-top: 5px;
}
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: rgb(255, 255, 255);
    margin-top: 5px;
}
  .navbar-default .navbar-nav > li > a:focus {
  color: #333;
}
    .navbar .nav > li.active {
        background-color: rgb(255, 255, 255);
    margin-top: 5px;
    }
}