Perda de responsividade

Estou utilizando o navegador chrome, no entanto, ao substituir o nome da classe no HTML e no CSS/Less, todas características permanecem, no entanto o site perde a responsividade no menu.

Segue o trecho do código;

            <nav class="menu-opcoes">
                <ul>
                    <li><a href="#">sobre</a></li>
                    <li><a href="#">planos</a></li>
                    <li><a href="#">blog</a></li>
                    <li><a href="#">contato</a></li>
                </ul>
            </nav>

.menu-opcoes {
  position: absolute;
  right: 0;
  top: -0.5em;
  font-size: 1.2em;
  font-weight: lighter;

  ul {
    padding-left: 0;
  }

  li {
    display: inline-block;
    width: 5em;
  }

  a {
    color: white;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
}

Conforme havia dito acima, caso altere o 'menu-opcoes' para 'menu-principal' nos dois arquivos, as configurações CSS permanecem corretas, mas perdendo a responsividade.

Utilizando o ctrl + f, não é localizado em nenhum dos dois arquivos qualquer menção a 'menu-opcao'.