#dprecarga {
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.5;
    z-index: 3000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
}

#dimgprecarga {
    position: absolute;
    width: 400px;
    max-width: 500px;
    margin: 1.75rem auto;
    background-color: #fff;
    z-index: 4001;
    top: calc(75vh /2);
    left: 25vw;
    display: none;
}

@media (min-width: 50px) and (max-width: 767.98px) {
    #dprecarga {
        top: 0;
        left: 0;
        background: #ffd800;
        opacity: 0.5;
        z-index: 3000;
        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    #dimgprecarga {
        position: absolute;
        width: 250px;
        max-width: 500px;
        margin: 1.75rem auto;
        background-color: #fff;
        z-index: 3001;
        top: calc(60vh /2);
        left: 25vw;
    }
    #imgprecarga {
        width: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #dprecarga {
        top: 0;
        left: 0;
        background: #4cff00;
        opacity: 0.5;
        z-index: 3000;
        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    #dimgprecarga {
        position: absolute;
        width: 400px;
        max-width: 500px;
        margin: 1.75rem auto;
        background-color: #fff;
        z-index: 3001;
        top: calc(75vh /2);
        left: 25vw;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #dprecarga {
        top: 0;
        left: 0;
        background: #ff0000;
        opacity: 0.5;
        z-index: 3000;
        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    #dimgprecarga {
        position: absolute;
        width: 400px;
        max-width: 500px;
        margin: 1.75rem auto;
        background-color: #fff;
        z-index: 3001;
        top: calc(75vh /2);
        left: 30vw;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #dprecarga {
        top: 0;
        left: 0;
        background: #0094ff;
        opacity: 0.5;
        z-index: 3000;
        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    #dimgprecarga {
        position: absolute;
        width: 400px;
        max-width: 500px;
        margin: 1.75rem auto;
        background-color: #fff;
        z-index: 3001;
        top: calc(75vh /2);
        
        left: 30vw;
    }
}
@media (min-width: 1400px) {
    #dprecarga {
        top: 0;
        left: 0;
        background: #0094ff;
        opacity: 0.5;
        z-index: 3000;
        width: 100vw;
        height: 100vh;
        position: fixed;
    }

    #dimgprecarga {
        position: absolute;
        width: 400px;
        max-width: 500px;
        margin: 1.75rem auto;
        background-color: #fff;
        z-index: 3001;
        /*top: calc(75vh /2);*/
        /*height: 400px !important;
        max-height: 500px !important;*/
        left: 40vw;
    }

}