@media screen and (min-width: 992px) and (max-width: 1366px) {
    .divPerfil {
        display: -webkit-flex;
        display: flex;
    }
}

@media screen and (max-width: 991px) {
    .divPerfilIzq {
        margin-left: 20px;
        margin-right: 20px;
    }
    .divPerfilDer {
        margin-top: 15px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 800px) {
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 700px) {
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 600px) {
    .alert-position {
        left: 10%;
        width: 80%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
    .preloader>img {
        width: 200%;
        margin: -50px 0px 0px -49%;
        height: auto;
    }
    #video-background {
        margin-top: -10px;
        margin-bottom: -5px;
        z-index: -100;
        width: 100%;
        pointer-events: none;
    }
    #reservaDiv {
        height: auto;
        padding-bottom: 15px;
    }
    /*Negocios*/
    #hrPlano {
        display: none;
    }
    #rowNegocio {
        text-align: center;
    }
    #bioNeg {
        display: none;
    }
    #servNeg {
        display: none;
    }
    #videoNegocioPlayer {
        width: 100%;
        max-width: 400px;
        height: 175px;
    }
    #hbrVideo {
        width: 100%;
        max-width: 400px;
        height: 175px;
    }
    #hbrHabitacion {
        width: 90%;
        height: auto;
        margin: 5px 5px 5px 5px;
        padding-top: 5px;
    }
    #hbrReservarBtn {
        position: relative;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    #hbrServices {
        width: 23%;
        height: auto;
        margin: 5px 5px 5px 5px;
    }
    #titleComent {
        text-align: center;
        margin-bottom: 0px;
    }
    #contentComent {
        text-align: center;
        margin-top: 0px;
    }
    #imageComent {
        text-align: center;
    }
    .thumbnail {
        height: 180px;
    }
    #destThumb {
        width: 100%;
        height: 75px;
    }
    /*Destinos*/
    #titleDestinos {
        text-align: center;
        margin: 10px 0px 0px 0px;
    }
    #starsDestinos {
        text-align: center;
        margin: 5px 0px 10px 0px;
    }
    #slideItemDest {
        width: 100vw;
        height: 25vh;
    }
}

@media screen and (max-width: 500px) {
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 400px) {
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 300px) {
    #registrarmeMod {
        width: 90%;
        margin-left: 5%;
    }
    #modalLoginSize {
        width: 90%;
        margin-left: 5%;
    }
    #backUpPasswordModal {
        width: 90%;
        margin-left: 5%;
    }
}