/*
  19.6.23 - me@aceart.de

  This is the file for responsive specific css.

  bootstrap 3 (which is used and included) specific breakpoints:
  xs =< 767 px
  small 768 px <-> 991 px 
  medium 992 px <-> 1199 px
  large >= 1200 px

  The styles currently are desktop first.
*/

/* xs only */
@media screen and (max-width: 767px) {

  /* vertical center slider text mobile */
  .slider_content {
    margin: 0 0 0 2em;
  }

  .navbar-toggle {
    float: none;
    margin: 0.2em;
    padding: 9px 10px;
  }

  .navbar-toggle .icon-bar {
    background-color: var(--theme-color);
  }

  .navbar-toggle:hover .icon-bar,
  .navbar-toggle:focus .icon-bar {
    background-color: #fff;
  }

  .navbar-toggle:focus,
  .navbar-toggle:hover {
    background-color: var(--theme-color);
  }

  .navbar-toggle {
    border: none;
  }
}

/* sm only */
@media screen and (min-width: 768px) and (max-width: 991px) {}

/* md only */
@media screen and (min-width: 992px) and (max-width: 1199px) {}

/* lg only */
@media screen and (min-width: 1200px) {}