/*
Build responsive
Author: Ryan (Lynh) Nguyen
*/

@media (min-width: 575px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  body.logged-in .flyout-menu {
    top: 32px;
  }

  body.logged-in .flyout-contact {
    top: 32px;
  }
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1440px) {
}

@media (max-width: 1366px) {
}

@media (max-width: 1023px) {
}

@media (max-width: 991px) {
  .navbar-hamburger {
    display: block;
  }

  .w3l-top-header,
  .sml_main_menu {
    display: none;
  }
  .flyout-menu.open-menu .flyout-menu__main:after {
    display: none;
  }

  .flyout-menu.open-menu .flyout-menu__main:before {
    display: none;
  }

  /* Header */
  body.logged-in .flyout-menu {
    top: 32px;
  }

  .navbar-hamburger .bar:first-of-type,
  .navbar-hamburger .bar:last-of-type {
    width: 40px;
  }

  .navbar-hamburger .bar {
    width: 24px;
    margin: 4px 0;
    border-width: 2px;
  }
}

@media (max-width: 782px) {
  body.home.logged-in .flyout-menu {
    top: 46px;
  }
}

@media (max-width: 767px) {
  /* Flyout Menu */
  .flyout-menu.open-nav {
    width: 100%;
  }
}

@media (max-width: 576px) {
  /* Flyout Menu */
  .flyout-menu .flyout-menu__main ul li {
    height: 3.125rem;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li.sml-menu-back {
    height: 3.75rem;
    padding: 0 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul li a {
    font-size: 16px;
    font-size: 1em;
    line-height: 1.125rem;
  }

  .flyout-menu .flyout-menu__main ul li a .menu-icon {
    width: 42px;
    height: 30px;
    margin-right: 0.75rem;
  }

  .flyout-menu .flyout-menu__main ul li a .menu-icon img {
    width: 70%;
    height: 100%;
  }

  .flyout-menu .flyout-menu__main ul.sub-menu li a {
    font-size: 0.875em;
  }

  /* Header*/
  /* Front Page */
  /* Single */
  /* Footer */
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}