.navbar.navbar-default { background: url(/wp-content/themes/mediahirsch/css/../img/resort/atlantis/header-navi-bg.png) 0 0 repeat; padding: 20px 10px; }
.navbar>.container-fluid .navbar-brand { width: 54px; height: 100%; padding: 0; margin-left: 0; margin-right: 20px; }
.navbar-brand img { width: 180px; max-width: 100%; height: auto; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff!important; text-align: center; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #fff; text-decoration: underline; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: unset!important; text-decoration: underline!important; }
.nav.navbar-nav li.active { font-weight: bold!important; }
@media screen and (min-width:768px) {
  .content-area .top-nav-collapse { padding: 20px 10px!important; }
  .navbar-nav > li > span { position: relative; display: block; padding: 15px; }
}
@media screen and (max-width:767px) {
  .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
  .atlantis .navbar-custom { background: #3d9a88!important; }
  .nav>li { padding: 10px 0; }
  .nav .dropdown-toggle { text-transform: uppercase; }
}
@media screen and (min-width:768px) and (max-width: 1199px) {
  .navbar .container-fluid { padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .navbar-header { margin-bottom: 10px; }
  .navbar-nav>li>a, .navbar-nav>li>span { padding: 10px!important; font-size: 14px; }
}

    .atlantis #logo {
       width: 54px; max-width: 100%; height: auto!important;
    }