@media (max-width: 955px) {
  #menu-dropdown-usuario {
    top: 37px;
    left: -326% !important;
  }

    .ul-navbar-menu {
      flex-wrap: wrap !important;
    }

  #menu-dropdown-modulos {
    top: 35px;
    left: -266% !important;
  }

  .footer {
    flex-direction: column;
    text-align: center;

    & .footer-right {
      align-content: center;
      padding: 0;
      height: 100%;
    }
  }

  .dropup-btn {
    display: block;
  }

  .hidden-footer-sm {
    display: none !important;
  }
}

@media (max-width: 991px) {
  #menu-dropdown-usuario {
    top: 30px;
    left: -259% !important;
  }

  #ano_letivo_menu {
    height: 29px;
  }

  .nav-modulos-btn i, 
  .nav-modulos-btn svg,
  .nav-tema-btn i,
  .nav-tema-btn svg { 
    height: 14px !important;
    width: 14px !important;
    font-size: 14px !important;
  }

  #menu-dropdown-modulos {
    top: 30px;
    width: 300px;
    /* overflow-x: hidden; */
    left: -326% !important;

    & i {
      display: none;
    }
  }
}

@media (max-width: 767px) {
  #menu-dropdown-usuario {
    top: 38px;
    left: -8rem !important;
  }

  .ul-navbar-menu {
    width: 100% !important;
    flex-wrap: wrap-reverse !important;
  }

  .div-notificacoes-menu {
    margin: 0 4% !important;
    left: 0;
  }

  #menu-dropdown-modulos {
    width: 300px;
    /* overflow-x: hidden; */
    left: -36% !important;
    top: 38px;

    & i {
      display: none;
    }
  }

  #ano_letivo_menu {
    height: 35px;
  }

  .nav-tema-btn i, .nav-tema-btn svg{
    height: 19px !important;
    width: 19px !important;
    font-size: 19px !important;
  }
}

@media (max-width: 500px) {
  .hidden-sm {
    display: none;
  }

  #menu-dropdown-modulos {
    left: -112% !important;
    top: 31px;
  }

  .nav-tema-btn i, .nav-tema-btn svg{
    height: 14px !important;
    width: 14px !important;
    font-size: 14px !important;
  }

  #menu-dropdown-usuario {
    left: -11rem !important;
    top: 31px;
  }

  #ano_letivo_menu {
    height: 28px;
  }

  .metro {
    align-items: unset;
    & a {
      min-height: 120px;
      & span {
        display: flex;
        justify-content: center;
      }
    }
  }
}