@media (max-width: 768px) {
  #wrapper .dn.barra-responsive {
    display: block !important;
    z-index: 99; }

  #wrapper #navigation li:hover .child-menu {
    display: none !important; }

  #wrapper #navigation li.selected:hover .child-menu {
    display: inherit !important;
    width: 100% !important; }

  #wrapper #navigation li .child-menu.open {
    display: block !important;
    position: absolute;
    margin-top: 5px; }

  #wrapper #navigation li {
    width: 100%;
    position: relative;
    min-height: 45px;
    height: auto !important; }

  #wrapper #navigation li a {
    min-height: 32px;
    height: auto;
    padding-bottom: 0px !important;
    display: block;
    width: 100%; }

  #wrapper #navigation li .child-menu li {
    background-color: #EDEDED;
    position: relative; }

  #wrapper #navigation .dn.child-menu li span {
    top: 1px;
    height: 100% !important; }

  #wrapper #navigation li .child-menu.open {
    display: block !important;
    position: relative;
    width: 100%;
    float: left;
    margin-top: 0px;
    top: 0px; }

  #wrapper #navigation ul {
    position: inherit !important;
    top: 0px !important; }

  #wrapper #navigation li.primero a {
    height: 45px; }

  .idiomas {
    z-index: 99; }

  .recursivas ul li:hover ul {
    top: 41px;
    width: 96%;
    left: 0px;
    margin-left: 2%; } }