/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 575px) {
  .btn-menu {
    width: 48px !important;
    height: 48px !important;
  }
  .btn-menu .icon {
    height: 26px !important;
    width: 26px !important;
  }
  #submenu {
    height: auto !important;
  }
  #submenu img {
    height: 40px;
    width: auto;
  }
  .tit-seccion {
    display: block !important;
  }
  header {
    height: 40px !important;
  }
  header .menu-sup img {
    height: 40px;
    width: auto;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 575px) {
  .btn-menu {
    width: 52px !important;
    height: 52px !important;
  }
  .btn-menu .icon {
    height: 28px !important;
    width: 28px !important;
  }
  #submenu img {
    height: 64px;
    width: auto;
  }
  .tit-seccion {
    display: none !important;
  }
  header {
    height: 64px !important;
  }
  header .menu-sup img {
    height: 64px;
    width: auto;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .btn-menu {
    width: 56px !important;
    height: 56px !important;
  }
  .btn-menu .icon {
    height: 30px !important;
    width: 30px !important;
  }
  #submenu img {
    height: 72px;
    width: auto;
  }
  header {
    height: 72px !important;
  }
  header .menu-sup img {
    height: 72px;
    width: auto;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .btn-menu {
    width: 60px !important;
    height: 60px !important;
  }
  .btn-menu .icon {
    height: 32px !important;
    width: 32px !important;
  }
  #submenu img {
    height: 100%;
    width: auto;
  }
  header {
    height: 100 !important;
  }
  header .menu-sup img {
    height: 100%;
    width: auto;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*# sourceMappingURL=breakpoints.css.map */