/* ===================== IGG Technologies — Navbar Mobile/Tablet Fix =====================
   The theme's .logologo rule (width: 160%) is only safe inside the fixed-width
   150px desktop grid column (>=1200px). Below that, header__inner-2 switches to a
   flexible layout with nothing to cap the image against, so the logo balloons and
   covers the nav/hamburger. These overrides cap the logo to a sane size and keep
   the header row aligned at every breakpoint below desktop. */

@media only screen and (max-width: 1199px) {
  .header__area-7 {
    padding: 10px 0;
  }

  .header__inner-2 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
  }

  .header__logo-2 {
    flex: 0 0 auto;
    max-width: 150px;
  }

  .header__logo-2 img,
  .logologo {
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
  }

  .header__nav-icon-7 {
    flex: 0 0 auto;
    margin-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .header__logo-2 {
    max-width: 110px;
  }

  .header__logo-2 img,
  .logologo {
    max-width: 110px !important;
  }

  .header__inner-2 {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 360px) {
  .header__logo-2 {
    max-width: 95px;
  }

  .header__logo-2 img,
  .logologo {
    max-width: 95px !important;
  }
}