@media (min-width: 576px){
    .menumovil{
        flex:none!important;
        max-width: none;
    }
}
@media (max-width: 992px){
    .menumovil{
        flex:none!important;
        max-width: none;
    }
    .navigation-menu-ham {
        display: none;
    }
    .navigation-movil {
        max-height: inherit;
        position: relative;
        right: inherit;
        /*anulamos su posición fuera de la pantalla width: auto;*/
        /*le damos todo el ancho que necesite background: transparent;*/

    }
    .menuPrincipal {
        display: none !important;
    }
    .navigation li {
        display: inline-block; /*los elementos van en línea*/
        color: #fff !important;
    }
    .legales li {
        width: 100%;
    }
    .tabsTiposContent {
        width: 100%;
        margin-right: 0;
    }
    .resumenCompra {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .textoPie {
        text-align: center;
        margin-top: 0;
        padding-right: 15px;
    }
    .idioma#es, .idioma#vlca, .idioma#eu {
        padding: 15px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 420px) {
    .navigation-movil {
        margin-left: -39px;
    }
    .list-inline.comercios li {
        width: 30%;
    }
    #detalleCompra img {
        width: 100%;
    }
}
@media (max-width:992px){
    .btn-aside .col-sm-4 {
        width: 33.3334%;
    }
    .btn-aside .col-sm-8 {
        width: 66.6667%;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .menumovil{
        display:block!important;
    }
    .container-fluid.usuario,
    .info_main .banner1,
    .info_main .banner2,
    .info_main .banner3,
    .info_main .banner4,
    .info_main .banner6,
    .banner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .info_main .banner1 img,
    .info_main .banner2 img,
    .info_main .banner3 img,
    .info_main .banner4 img {
        width: 100%;
    }
    .info_main .banner4 .logo img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin: auto;
    }
    .detalle.negocios {
        margin-top: 50px;
    }
    .listado .container {
        width: 100%;
        max-width: 100%;
    }
    .google_play, .app_store {
        margin: 0 !important;
    }
    .botonera a {
        margin: 5px 0 !important;
    }
    .slogan em {
        width: 270px;
        padding:25px;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    table.form-cantidad tr td:first-of-type,
    .calculo_precio {
        white-space: nowrap;
    }
    header{
        height: auto;
    }
    header h1,
    header h2{
        width:49%!important;
    }
    header h1 a{
        background:url("../img/logo.jpg") no-repeat center center;
        background-size: contain;
    }
    header h2{
        text-align:left;
        font-size:0.88em;
        padding: 20px 10px 0;
        margin-bottom: 10px;
        height: auto;
    }
    .menuPrincipal{
        width:calc(100% - 110px);
        padding:20px 0 0;
    }
    .menuPrincipal li a,
    .menuPrincipal li a:hover{
        border:none!important;
    }
    .registro_usuario form{
        padding: 0;
    }
    .definir{
        margin:0!important;
        border-radius:0!important;
    }
    .defDireccion {
        width: 100% !important;
    }
    .canjeoinfo {
        margin-left: 0;
    }
    .formEstablecimientos {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .formEstablecimientos .form-group {
        margin-bottom: 0;
    }
    .formEstablecimientos button {
        margin-top: 0 !important;
    }
    .acceso form,
    .proceso .form-group,
    .filtro label,
    .filtro input,
    .nota_bonos,
    .breadcrumb{
        width:100%;
        max-width:100%;
    }
    .filtro label{
        padding-left:6px;
        font-weight: normal;
    }
    .filtro > div {
        display:inline-block;
        width:35%;
        margin: 0!important;
    }
    .filtro input[type="submit"]{
        margin-top:27px;
    }
    .filtro #borrar{
        margin-top:28px;
        margin-left:5px!important;
    }
    .recaptcha,
    .registro_usuario .nota{
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .acceso form fieldset > div,
    .registro_usuario .form-group{
        background: none;
    }
    .acceso label, .registro_usuario .form-group label{
        width:100%;
        font-size:0.75em;
        text-align:left;
        padding-top: 10px;
        padding-bottom: 5px;
        margin: 0;
    }
    acceso input[type="text"], .acceso input[type="mail"], .acceso input[type="password"], .registro_usuario input[type="text"], .registro_usuario input[type="mail"], .registro_usuario input[type="password"],     .acceso input[type="text"],.acceso input[type="mail"], select,
    .registro_usuario input[type="submit"], .registro_usuario button,
    .registro_usuario .form-group,.form-check{
        width:100%;
    }
    .ml-registro{
        margin-left: 0;
    }
    .logo_pie{
        background-position:center center;
        background-size: auto 75%;
        padding-top:20px;
        height: 165px;
        border-top:1px solid rgba(255,255,255,0.5);
    }
    footer ul{
        width:70%;
        margin: auto;
    }
    footer ul li a{
        display:block;
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    footer .redes,.negocios h3{
        text-align: center!important;
    }
    footer .redes a{
        margin:0 4px;
    }
    header:after,
    footer .container-fluid:last-of-type .col-sm-8,
    .info_pie,
    .proceso label,
        /*.usuario nav li a:before,*/
        /*.usuario nav li a:after,*/
        /*.usuario nav li span,*/
    .col-sm-3:empty,
    .form-group:empty,
    .mosca{
        display:none;
    }
    footer .container-fluid:last-of-type .col-sm-8 {
        display: block;
        text-align: center !important;
    }
    .legales, .copyright {
        text-align: center !important;
    }
    .detalle ul li {
        margin-bottom: 0;
    }
    .col-sm-3.pr-5,
    .col-sm-3.pr-5 + .col-sm-9{
        max-width:100%;
        flex:0 0 100%;
    }
    .usuario nav li i:before,
    .usuario nav li i:after{
        left: -156px !important;
    }
    .usuario nav li a,
    .usuario nav li a i{
        height:75px;
        width: 100%;
    }
    .usuario nav li a:after,
    .usuario nav li a.active:after,
    .usuario nav li a span {
        margin-left: 20px;
    }
    .usuario nav li a span {
        font-size: 0.8rem;
    }
    nav{
        /*box-shadow:0 0 0 #fff;*/
    }
    .usuario nav li a {
        padding-top: 30px;
    }
    ul.list-inline li:last-child {
        border-bottom: 0;
    }
    nav li.list-inline {
        margin-bottom: -7px;
    }
    .icoBonos:before,.icoBonos:after,
    .icoComercio:before,.icoComercio:after,
    .icoPerfil:before,.icoPerfil:after,
    .icoProcedimiento:before,.icoProcedimiento:after,
    .icoDesconectar:before,.icoDesconectar:after,
    .icoInfo:before,.icoInfo:after{
        background-size:40px!important;
    }
    .acceso .recaptcha,
    .negocios h3,
    .usuario h3,
    .bono, .bono_utilizado,
    .comprar,
    .proceso label{
        width:100%;
    }
    .proceso .form-check label{
        display:block;
        width: calc(100% - 40px)!important;
    }
    .list-inline{
        text-align:left !important;
    }
    .list-inline.comercios {
        text-align: center !important;
    }
    .icoCanjeo:before,
    .icoCanjeo:after {
        background-size: 15% auto;
    }
    .bono:nth-of-type(odd),
    .bono_utilizado:nth-of-type(odd){
        margin-rigth:0;
    }
    .negocios ul li{
        width:90%;
    }
    .negocios h3{
        font-size:1.2em;
    }
    .pr-5{
        padding: 0!important;
    }
    .bloque_bonos{
        margin-top:60px;
    }
    .info div{
        text-align:left;
    }
    .info > div{
        display:inline-block;
        width: 49%;
        vertical-align: top;
    }
    .info div span{
        width: auto;
    }
    .usuario nav li{
        display:inline-block;
        width:100%;
        height: 75px;
        overflow: hidden;
    }
    .usuario nav li i{
        width:100%;
        height: 100%;
        top: 0;
    }
    .usuario h3{
        margin-left: 0;
        font-size:0.85em;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom:1px solid rgba(0,0,0,0.1);
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .bloque_bonos{
        margin-top:30px;
    }
    .breadcrumb{
        margin: 0;
    }
    .container-fluid.pt-3{
        padding-top:20px!important;
    }
    .acceso {
        padding-top: 20px !important;
    }
    .usuario hr{
        margin:30px 0;
    }
    .btn-primary{
        margin:0;
    }
    .botonera a{
        width:100%;
        margin-right: 0;
        margin-bottom:16px;
    }
    .info, nav{
        margin-bottom:15px;
        border-bottom: 0;
    }
    .usuario nav + a + a{
        margin-bottom:50px;
    }
    .negocio{
        margin-top:50px;
    }
    .proceso label{
        width: 40%!important;
        text-align: center;
        font-size:0.8em;
    }
    .nota_bonos{
        padding:10px 0 0;
        margin: 0;
    }
    legend{
        font-size:1em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom:8px;
        padding: 10px 0 6px;
        border-bottom:3px solid var(--principal);
    }
    input{
        font-size:0.8em;
    }
    .usuario input[type="submit"]{
        width:60%!important;
        font-size:0.8em!important;
        margin-left: auto;
        margin-right:auto;
    }
    .filtro input[type="submit"]{
        width:38px!important;
    }
    .form-cantidad select{
        text-align: center;
        padding:12px 10px;
    }
    .calculo_precio{
        /*max-width:55%!important;*/
    }
    table.form-cantidad td:nth-child(1) {
        width: 20%;
    }
    table.form-cantidad td:nth-child(2) {
        width: 35%;
    }
    table.form-cantidad td:nth-child(3) {
        width: 25%;
    }
    table.form-cantidad td:nth-child(4) {
        width: 20%;
    }
    .proceso select,
    .calculo_precio{
        margin-left: auto;
        margin-right: auto;
    }
    .form-cantidad {
        text-align:center;
    }
    .form-check label{
        width:calc(100% - 25px);
    }
    .acceso label, .registro_usuario .form-group label{
        padding-top:0!important;
    }
    .proceso select{
        padding:0 10px;
        height: 35px;
    }
    .info > div{
        width:100%;
    }
    .a_olvido{
        float:left;
        width:100%;
        margin: 6px 0 0;
    }
    .listado{
        padding: 10px 10px 0px;
    }
    .sector ul li{
        width: 100%;
    }
    .info_main h1 {
        font-size: 2.2rem;
    }
}
@media (min-width:993px) and (max-width:1400px){
    .ml-registro{
        margin-left: 1.8%;
    }
    .menuPrincipal li a{
        font-size:1em;
    }
    .info_main .banner4 .logo img {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin: auto;
    }
}
@media (min-width:993px) and (max-width:1400px) and (orientation:portrait){
    header h1{
        margin-top:25px!important;
    }
}
@media (min-width:993px) and (max-width:1400px) and (orientation:landscape){
    .menuPrincipal li{
        margin-left:10px;
    }
    .menuPrincipal li a{
        font-size:0.9em!important;
    }
    .sector ul li:nth-of-type(even){
        margin-right:0;

    }
}