/*****************************/

/*     Logo                  */

/*****************************/

.navbar .navbar-brand img {
    width: 345px;
    height: 29px;
}

@media screen and (max-width: 600px) {
    .navbar .navbar-brand img {
        width: 230px;
        height: 20px;
    }
}

/*****************************/

/*     04. HEADER MOBILE     */

/*****************************/

@media screen and (max-width: 600px) {
    header .swiper-container-header .swiper-slide.first .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.second .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-2.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.third .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-3.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.fourth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-4.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.fifth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-5.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.sixth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-6.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.seventh .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.eighth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-2.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.zero .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-2.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    header .swiper-container-header .swiper-slide.one .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/Home-mobile-2.jpg") center no-repeat;
        background-size: cover;
        margin-top: 60px;
    }
    /*
    header .swiper-container-header .swiper-slide.seventh .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-007.jpg") center no-repeat;
        background-size: cover;
    }
    header .swiper-container-header .swiper-slide.eighth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-008.jpg") center no-repeat;
        background-size: cover;
    }
    header .swiper-container-header .swiper-slide.ninth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-009.jpg") center no-repeat;
        background-size: cover;
    }
    header .swiper-container-header .swiper-slide.tenth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-010.jpg") center no-repeat;
        background-size: cover;
    }
    header .swiper-container-header .swiper-slide.eleventh .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-011.jpg") center no-repeat;
        background-size: cover;
    }
    header .swiper-container-header .swiper-slide.twelfth .slider-background {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), url("../images/img-slider-mobile-homepage/imm-slider-mobile-012.jpg") center no-repeat;
        background-size: cover;
    }*/
}

#room-1 #room-2 #room-3 {
    max-width: 1200px;
}

/* Gallery room detail */

.room-details-container .owl-stage-outer {
    position: relative;
    height: 400px;
}

.center {
    text-align: center;
}

.styleModal {
    background-color: #21baa3;
    color: #fff;
    border: none;
    /* opacity: 0;  #21baa3*/
}

.styleModal .list-group-item {
    text-align: center;
    background-color: #21baa3;
    color: #fff;
    border: none;
    /* opacity: 0;  #21baa3*/
    font: italic 700 21px/1.2em "PT Serif", sans-serif;
}

.styleModal a {
    color: #fff;
}

.font-large {
    font-size: large;
}

.myvideo {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

.myvideo iframe, .myvideo object, .myvideo embed {
    height: 90%;
    left: 0;
    position: absolute;
    top: 0;
    width: 90%;
}