@media screen and (max-width:640px) {
    /* MOBILE */
    .col-xs-6 {
        width: 48% !important;
        padding: 2px;
        margin-left: 3px;
    }
    .ajusteTituloMob{
        font-size: 16px !important;
        margin-top:-5px
    }
    .logoImagen {
        width: 300px !important;
    }
    .sideBar {
        background-color: #0a5da9;
        position: fixed;
        height: 100%;
        width: 6px;
    }
    .imgBusqueda {
        display: none;
    }
    .ajusteMobile {
        margin-bottom: 5px !important;
        width: 160px;
    }
    .imgCupon {
        margin-bottom: 5px;
    }
    .tituloCupon {
        font: normal 1.775em "Omnes SemiBold";
        padding: 0 6px;
    }
    .informacionCupon {
        margin: 0;
        padding: 0;
        font-size: 14px;
        margin-top: 1px;
        margin-left: 6px;
    }
    .legalCupon {
        font-size: 10px;
    }
    .ocultarSpan {
        display: none;
    }
    .card-title {
        font-size: 28px;
        min-height: 65px;
    }
    .card .card-body .card-text {
        font-size: 20px;
    }
    .eanText {
        font-size: 14px;
    }
    .imgFondo {
        background-image: url("../img/mobileBody.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tituloLogin {
        font: normal 1.56em "Omnes SemiBold";
    }
    .ocultarEnMobile {
        display: none;
    }
    .selectReport {
        width: 100% !important;
    }
    .maxMobile {
        width: 100% !important;
    }
    .ajusteLogin {
        margin-top: -100px;
        max-width: 100% !important;
        margin-left: 7%;
    }
    body {
        overflow-x: hidden;
        /* margin: 0px -15px; */
    }
}

@media screen and (max-width:1024px) and (min-width:640px) {
    /* TABLET */
    .logoImagen {
        width: 252px;
    }
    .sideBar {
        background-color: #0a5da9;
        position: fixed;
        height: 100%;
        width: 6px;
    }
    .imgBusqueda {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px;
        width: 100px;
    }
    .card-title {
        font-size: 19px;
        min-height: 65px;
    }
    .tituloLogin {
        display: block;
        font: normal 1.36em "Omnes SemiBold";
        color: #015caa;
    }
}

@media screen and (min-width:1024px) {
    /* RESTO */
    .logoImagen {
        width: 252px;
    }
    .sideBar {
        background-color: #0a5da9;
        position: fixed;
        height: 100%;
        width: 60px;
    }
    .imgBusqueda {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px;
        width: 250px;
    }
    .card-title {
        font-size: 19px;
        min-height: 65px;
    }
}