/**
 * Responsive styles
 * Author: AM Media GmbH
*/
@media (max-width: 1200px) {

  #navigation-bar nav #main-menu li a {
    letter-spacing: normal;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.825rem;
  }
}

@media (max-width: 991px) {

  #top-bar a {
    color: #fff;
  }

  #navigation-bar {
    margin-bottom: 0px;
    background-color: #f6f6f6;
    margin-bottom: -10px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #navigation-bar nav {
    background: none!important;
    border: none!important;
    position: relative;
    top: -8px;
    position: absolute;
    left: 0px;
    top: -50px;
}

  #navigation-bar .navbar-brand {
    max-width: 280px;
    margin-top: -70px;
    margin-bottom: 20px;
    margin: auto;
    float: none;
    display: block;
}

  #navbarNavDropdown {
    display: none!important;
  }

  .mm-menu_offcanvas {
  }

  .navbar-toggler {
    display: block!important;
    box-shadow: none!important;
    outline: none!important;
    margin-top: -3px;
  }

}

@media (max-width: 767px) {

  #top-bar {
    font-size: 0.825rem;
    padding-left: 65px;
  }

  .navbar-toggler {
      margin-top: -11px;
  }

}


@media (max-width: 540px) {

  #top-bar a {
    color: #fff;
  }

  #top-bar {
    font-size: 0.725rem;
    padding-left: 65px;
  }
}

@media (max-width: 360px) {

  #top-bar {
    font-size: 0.725rem;
    padding-left: 65px;
  }
}