﻿@media screen and (max-device-width : 1360px) and (min-device-width : 1024px) {
  /*  #menuNuevoMini {
        display: none;
    }*/
    .padF .ulRef, .padSeal .ulRef {
        margin-top: 13.5% !important;
    }

    .lnk {
        font-size: 1.2vw;
    }

    .padF li a, .padSeal li a {
        padding: 0px 3px;
    }

    .grid-container {
        text-align: left;
        margin-top: -40%;
        position: absolute;
        margin-left: 15%;
        display: grid
    }

    .sucursalHeader {
        color: white;
        font-size: calc(5vw + 5vh);
        height: 5vw;
    }

    .sucursalNombre {
        font-size: calc(4vw + 4vh);
        color: #e00099;
        height: 0%;
    }

    .sucursalDireccion {
        color: white;
        font-size: calc(1.2vw + 0vh);
        width: 60%;
        margin-left: 5%;
    }

    .sucursalNumero {
        color: #e00099;
        font-size: 2.5vw;
    }

    /*.muestraMapa {
        position: absolute;
        margin-top: -37vw;
        margin-left: 36vw;
        width: 1vw;
        outline: none;
    }

        .muestraMapa img {
            width: 4vw;
        }*/

    .sucursalNumeroIndicador {
        margin-left: 17vw;
        display: inline-flex;
        position: absolute;
        margin-top: -21.7vw;
    }

        .sucursalNumeroIndicador img {
            width: 93%;
            margin-top: 11%;
        }

    .encabezadoServHora {
        position: absolute;
        margin-top: -18.5vw;
        margin-left: 12vw;
        display: flex;
    }

    .horarios {
        text-align: center;
        position: absolute;
        margin-top: -15vw;
        margin-left: 22.8vw;
        width: 14%;
    }

    .servicios {
        display: flex;
        text-align: center;
        position: absolute;
        margin-top: -15vw;
        margin-left: 32vw;
    }

    .barraLoader {
        min-width: 30% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 48%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .ldBar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 44% !important;
        height: auto !important;
    }
}

@media screen and (max-device-width : 1360px) {
    /*#menuNuevoMini {
        display: none;
    }*/
    .barraLoader {
        min-width: 25% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 48%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .ldBar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 88%;
        height: 21%;
    }
}

@media screen and (max-device-width : 1440px) and (min-device-width : 1361px) {
/*    #menuNuevoMini {
        display: none;
    }*/
    .padF .ulRef, .padSeal .ulRef {
        margin-top: 13.5%;
    }

    .lnk {
        font-size: 1.2vw;
    }

    .padF li a, .padSeal li a {
        padding: 0px 3px;
    }

    .grid-container {
        text-align: left;
        margin-top: -40%;
        position: absolute;
        margin-left: 15%;
        display: grid
    }

    .sucursalHeader {
        color: white;
        font-size: calc(5vw + 5vh);
        height: 5vw;
    }

    .sucursalNombre {
        font-size: calc(4vw + 4vh);
        color: #e00099;
        height: 0%;
    }

    .sucursalDireccion {
        color: white;
        font-size: calc(1.2vw + 0vh);
        width: 60%;
        margin-left: 5%;
    }

    .sucursalNumero {
        color: #e00099;
        font-size: 2.5vw;
    }

    /*.muestraMapa {
        position: absolute;
        margin-top: -37vw;
        margin-left: 33vw;
        width: 1vw;
        outline: none;
    }

        .muestraMapa img {
            width: 4vw;
        }*/

    .sucursalNumeroIndicador {
        margin-left: 17vw;
        display: inline-flex;
        position: absolute;
        margin-top: -23.1vw;
    }

        .sucursalNumeroIndicador img {
            width: 93%;
            margin-top: 11%;
        }

    .encabezadoServHora {
        position: absolute;
        margin-top: -20.5vw;
        margin-left: 12vw;
        display: flex;
    }

    .horarios {
        text-align: center;
        position: absolute;
        margin-top: -16.9vw;
        margin-left: 22.8vw;
        width: 14%;
    }

    .servicios {
        display: flex;
        text-align: center;
        position: absolute;
        margin-top: -17vw;
        margin-left: 32vw;
    }

    .barraLoader {
        min-width: 20% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 30%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .ldBar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 28% !important;
        height: auto !important;
    }
}

@media screen and (min-device-width : 1920px) {
/*    #menuNuevoMini {
        display: none;
    }*/
    .barraLoader {
        min-width: 18% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        /*width: 500px;*/
        width: 48%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }
}

@media screen and (max-device-width : 1920px) and (min-device-width : 1441px) {
/*    #menuNuevoMini {
        display: none;
    }*/
    .padF .ulRef, .padSeal .ulRef {
        margin-top: 13.5%;
    }

    .lnk {
        font-size: 1.2vw;
    }

    .padF li a, .padSeal li a {
        padding: 0px 3px;
    }

    .grid-container {
        text-align: left;
        margin-top: -40%;
        position: absolute;
        margin-left: 15%;
        display: grid
    }

    .sucursalHeader {
        color: white;
        font-size: calc(5vw + 5vh);
        height: 5vw;
    }

    .sucursalNombre {
        font-size: calc(4vw + 4vh);
        color: #e00099;
        height: 0%;
    }

    .sucursalDireccion {
        color: white;
        font-size: calc(1.2vw + 0vh);
        width: 60%;
        margin-left: 5%;
    }

    .sucursalNumero {
        color: #e00099;
        font-size: 2.5vw;
    }

    /*.muestraMapa {
        position: absolute;
        margin-top: -37vw;
        margin-left: 31vw;
        width: 1vw;
        outline: none;
    }

        .muestraMapa img {
            width: 4vw;
        }*/

    .sucursalNumeroIndicador {
        margin-left: 17.1vw;
        display: inline-flex;
        position: absolute;
        margin-top: -23.8vw;
    }

        .sucursalNumeroIndicador img {
            width: 93%;
            margin-top: 11%;
        }

    .encabezadoServHora {
        position: absolute;
        margin-top: -20.5vw;
        margin-left: 12vw;
        display: flex;
    }

    .horarios {
        text-align: center;
        position: absolute;
        margin-top: -17vw;
        margin-left: 23vw;
        width: 14%;
    }

    .servicios {
        display: flex;
        text-align: center;
        position: absolute;
        margin-top: 0px;
        margin-left: 0px;
    }

    .barraLoader {
        min-width: 11% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        /*width: 500px;*/
        width: 25%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .ldBar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 24% !important;
        height: auto !important;
    }
}


@media screen and (max-device-width : 2560px) and (min-device-width : 1921px) {
/*    #menuNuevoMini {
        display: none;
    }*/
    .padF .ulRef, .padSeal .ulRef {
        margin-top: 13.5%;
    }

    .lnk {
        font-size: 1.2vw;
    }

    .padF li a, .padSeal li a {
        padding: 0px 3px;
    }

    .barraLoader {
        min-width: 11% !important;
    }

    #overlay > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 20%;
        z-index: 1;
        margin-top: 0px;
        margin-left: 0px;
    }

    .ldBar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 19% !important;
        height: auto !important;
    }
}
