@media(max-width:767px){

.navbar_position {
    background: #274472;
    padding: 0;
}
.navbar {
    height: calc(var(--width_pantalla) * (calc(70/var(--width_phone))));
    justify-content: center;
}
.nav_scroller nav {
    height: calc(var(--width_pantalla) * (calc(70/var(--width_phone))));
}
.nav_scroller .span_logo {
    font-size: calc(var(--width_pantalla) * (calc(12/var(--width_phone))));
}
.nav_scroller .logo img {
    max-width: calc(var(--width_pantalla) * (calc(115/var(--width_phone))));
}
.logo img {
    max-width: calc(var(--width_pantalla) * (calc(115/var(--width_phone))));
    position: absolute;
    top: calc(var(--width_pantalla) * (calc(5/var(--width_phone))));
    left: calc(var(--width_pantalla) * (calc(30/var(--width_phone))));
}
.logo {
    font-size: calc(var(--width_pantalla) * (calc(25/var(--width_phone))));
    margin-top: 0;
    margin-left: 0;
}
.span_logo {
    font-size: calc(var(--width_pantalla) * (calc(12/var(--width_phone))));
    padding-left: 0;
    padding-top: 0;
  }
.li_nav a {
    font-size: calc(var(--width_pantalla) * (calc(13/var(--width_phone))));
    padding-left: calc(var(--width_pantalla) * (calc(22/var(--width_phone))));
    padding-right: calc(var(--width_pantalla) * (calc(22/var(--width_phone))));
}
.main-nav {
    padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
    width: 100%;
    background: #274472;
    top: calc(var(--width_pantalla) * (calc(70/var(--width_phone))))!important;
    position: absolute;
    right: 0;
    border-top: 1px solid #efefe5;
}
.main-nav li {
    margin: 0;
}
.main_nav_item.active:after {
    bottom: calc(var(--width_pantalla) * (calc(20/var(--width_phone))));
    width: 40%;
    margin-left: 30%;
}

}