nav.nav2 {display: block; margin:auto; background:#fff; float:right; font-family:'Open Sans'; font-size:14px; font-weight:700; letter-spacing:-.7px; margin-top:30px;}
.menu { display: block;}
.menu li {display: inline-block; position: relative; z-index: 100; }
.menu li:first-child { margin-left: 0; }
.menu li a {text-decoration: none; padding: 20px 10px; display: block; color: #999999; transition: all 0.2s ease-in-out 0s; }
.menu li a.realizarconsulta {background:#e72019; padding:15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; margin-left:15px;}
.menu li a:hover, .menu li:hover>a {color: red;  }
.menu ul {visibility: hidden; opacity: 0; margin: 0; padding: 0; min-width: 190px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0, 20px); transition: all 0.2s ease-out; }
.menu ul:after {bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
.menu ul li {display: block; float: none; background: none; margin: 0; padding: 0; }
.menu ul li a {font-size: 12px; font-weight: normal; display: block; color: black; background: #fff; padding: 10px 15px;}
.menu ul li ul li a {padding:5px 15px; border-bottom:1px solid #f5f5f5;}
.menu ul li a:hover, .menu ul li:hover>a {background: red; opacity:1; color:#fff; font-weight: 600; }
.menu li:hover>ul {visibility: visible; opacity: 1; transform: translate(0, 0); }
.menu ul ul {left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out; }
.menu ul ul:after {left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; }
.menu li>ul ul:hover {visibility: visible; opacity: 1; transform: translate(0, 0); }
.responsive-menu {display: none; width: 100%; padding: 20px 15px; background: #eeeeee; color: #000; font-weight: 700; text-transform: uppercase; font-weight: 600; }
.responsive-menu:hover {background: #eeeeee; color: #000; text-decoration: none; opacity:1;}
a.homer { background: #4ecd2b; }


@media (min-width: 768px) and (max-width: 979px) {
.mainWrap { width: 768px; }
.menu ul { top: 37px; }
.menu li a { font-size: 12px; }

a.homer { background: #4ecd2b; }
}

@media (max-width: 767px) {
.mainWrap {width: auto; padding: 50px 20px; }

.nave{ margin: auto; width: 100%; position: relative; height: auto; position: absolute; z-index: 9999;}

nav.nav2 {float:none!important; margin-top:0px; margin-right:0px; }

.margin-bottom{margin-bottom:0px!important;}
.menu { display: none; }

.menu li:last-child a{ margin-left: 0px;}
.responsive-menu { display: block; }
.menu li {display: block; margin: 0; }
.menu li a {background: #fff; color: #797979; }
.menu li a:hover, .menu li:hover>a {background: red; color: #fff; opacity: 1 }
.menu ul {visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }
.menu li:hover>ul {visibility: visible; opacity: 1; position: relative; transform: initial; }
.menu ul ul {left: 0; transform: initial; }
.menu li>ul ul:hover { transform: initial; } 
}