@media (max-width: 767px) {
  /* NAV-WRAPPER */
  .nav-wrapper {
    width: 100%;
    background-color: transparent;
    z-index: 1000;
    transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav-wrapper .logo-nav {
    color: white;
    transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav-wrapper .b3-bar1,
  .nav-wrapper .b3-bar3,
  .nav-wrapper .b3-middlebar-base,
  .nav-wrapper .b3-middlebar {
    background-color: white;
    transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .nav-wrapper.white-bg {
    background-color: white;
  }

  .nav-wrapper.white-bg .logo-nav {
    color: #004953;
  }

  .nav-wrapper.white-bg .b3-bar1,
  .nav-wrapper.white-bg .b3-bar3,
  .nav-wrapper.white-bg .b3-middlebar-base,
  .nav-wrapper.white-bg .b3-middlebar {
    background-color: #004953;
  }

  .nav-wrapper.force-color {
    background-color: #004953 !important;
  }

  .nav-wrapper.force-color .logo-nav {
    color: white !important;
  }

  .nav-wrapper.force-color .b3-bar1,
  .nav-wrapper.force-color .b3-bar3,
  .nav-wrapper.force-color .b3-middlebar-base,
  .nav-wrapper.force-color .b3-middlebar {
    background-color: white !important;
  }

  /* DROPDOWN NAV */
  .dropdown-nav {
    background-color: transparent;
    transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .dropdown-nav.white-bg {
    background-color: white;
  }

  .dropdown-nav.force-color {
    background-color: #004953 !important;
  }

  /* TEXT INSIDE DROPDOWN */
  .text-drop-nav {
    color: white;
    transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }

  .dropdown-nav.white-bg .text-drop-nav {
    color: #004953;
  }

  .dropdown-nav.force-color .text-drop-nav {
    color: white !important;
  }
}