/*  CSS MOBILE  */


@media (max-width: 767px) {
    .top-contato {
        display: none;
    }
    
    .trancoso .carousel-control {
        margin: 90px 22px;
    }
    
    .menu_mluv_retratil {
        display: none;
    }
    
    .navbar-header {
        width: 100%;
        height: 85px;
    }
    
    .navbar-header button {
        margin-top: 25px;
    }
    
    .navbar-default {
    background-color: #0e2248;
    border: none;
    }
    
    .navbar-brand {
    width: 200px;
    margin-top: 5px;
    }
    
    .navbar-nav {
    font-size: 20px;
    margin-bottom: 10px;
    }
    
    .box-menu {
        margin-top: 10px;
    }
    
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: 500px;
    }
    
    
    .slide {
    height: 395px;
    }
    
    .hidden-xs {
    display: block!important;
    }
    
    .main-text.hidden-xs {
    height: 444px;
    }
    
    .slide .btn-primary {
    display: none;
    }
    
    .main-text {
    width: 70%;
}
    
    .main-text img {
    width: 250px;
    height: 160px;
    float: left;
    margin-top: 38px;
    margin-left: 0px;
    }
    
    .carousel-inner {
    height: 395px;
    }

    .item.slide1 {
        background-image: url(../img/mobile-01.jpg);
    }

    .item.slide2 {
        background-image: url(../img/mobile-02.jpg);
    }

    .item.slide3 {
        background-image: url(../img/mobile-03.jpg);
    }

    .item.slide4 {
        background-image: url(../img/mobile-04.jpg);
    }

    .item.slide5 {
        background-image: url(../img/mobile-05.jpg);
    }

    .item.slide6 {
        background-image: url(../img/mobile-06.jpg);
    }

    .item.slide7 {
        background-image: url(../img/mobile-07.jpg);
    }

    .item.slide8 {
        background-image: url(../img/mobile-08.jpg);
    }

    .item.slide9 {
        background-image: url(../img/mobile-09.jpg);
    }

    .item.slide10 {
        background-image: url(../img/mobile-10.jpg);
    }
    
    .main-text h3 {
    display: none;
    }
    
    .bottom-1 {
    display: none;
    }
    
    .foto-quarto {
        margin-left: 35px;
        margin-bottom: 30px;
    }
    
      
    .box-galeria h1 {
        text-align: center;
        padding-left: 35px;
    }
    
    .filter-galeria {
    width: 249px;
    height: 249px;
    }
    
    .galeria-home {
        margin-top: 0px;
    }
    
    .trancoso .thumbnail {
        width: 100%;
        float: left;
    }
    
    .box-galeria p {
        margin-left: 25px;
    }
    
    .trancoso .thumbnail img {

    height: auto;
    margin-left: 22px;
    }
    
    .trancoso .item2 p {
    width: 100%; 
    float: left;
    margin-bottom: 50px;
    }
    
    .icones-quartos {
    width: 100%;
    padding-left: 70px;
    }
    
    button.reservar {
    margin: 0% 0% 0% 40.2%;
    }
    
    .text-quemsomos {
    background-image: none;
    }
    
    .comp-galeria {
    margin-left: -10%;
    }
    
    .sobre {
    background-image: url(../img/bg-quemsomos-mobile.jpg);
    }
    
    .sobre p {
    width: 90%;
    text-align: center;
    margin-top: 47px;
    font-weight: 600;
    margin-left: 0;
    color: #FFF;
    padding-left: 36px;
    -moz-transform: rotate(0 deg);
    -ms-transform: rotate(0 deg);
    -o-transform: rotate(0 deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    }
    
    .icon-servico img {
    width: 100%;
    height: 85px;
    float: left;
    margin-left: 0px;
    margin-bottom: 10px;
    }
    
    .inclusos h1 {
        width: 100%;
        text-align: center;
    }
    
    .disponiveis h1 {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }
    
    img.icon-noiva {
        width: 92px;
        margin-left: 90px;
    }
    
    .icon-servico img.icon-noiva {
        margin-left: 140px;
    }
    
    .align-servico {
    margin-bottom: 70px;
    }
    
    .box-servico {
        display: none;
    }
    
    .titulo-trancoso {
    margin-top: 40%;
    }
    
    .titulo-trancoso img {
    width: 310px;
    }

    
    .trancoso {
    height: 2310px;
    float: left;
    background-image: url(../img/bg-conheca-trancoso-mobile.jpg);
    background-size: cover;
    }
    
    .fotos-trancoso .carousel-inner>.item>a>img, .fotos-trancoso .carousel-inner>.item>img, .fotos-trancoso .img-responsive, .fotos-trancoso .thumbnail a>img, .thumbnail>img {
    height: 293px;
    }
    
    .newsletter img {
    width: 100%;
    }
    
    .newsletter p {
    margin-left: 30px;
    }
    
    .contato .col-md-4 {
        float: left;
    }
    
    .noiva .modal.in .modal-dialog {
    width: 90%;
    }
    
    .noiva button.close {
    width: 100%;
    }
    
    .noiva button {
    font-size: 14px;
    }
    
    .intro-text {
    top: 19%;
    font-size: 30px;
}
    
    .temporada .alta {
    width: 100%;
}
    
    .temporada .baixa {
    width: 100%;
}
    
    .conteudo-quarto p {
    width: 141%;
}
    
    .conteudo-quarto p {
    width: 141%;
}
    
    .quartos-modal {
    margin-left: 20px;
    width: 100%;
    float: left;
}
    .quartos-modal h1 {
    margin-top: 15px;
    text-align: center;
    padding-right: 80px;
    }
    
    .galeria-modal img {
    width: 80%;
    height: auto;
}
    
    .galeria-home button.close {
    width: 100%;
    }
    
    .box-info-quarto button.close {
    width: 75%;
    }
    
    
    button.vermais-galeria {
    width: 80%;
    margin-left: 60px;
    margin-bottom: 50px;
    }
    

    .box-menu {
    width: 96%;
    height: 100px;
    float: left;
    z-index: 3;
    margin-top: 20px;
    position: fixed;
    }
    
    
/*



SLIDES  QUARTOS



*/




.item.deluxe1 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-01.jpg);
}

.item.deluxe2 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-02.jpg);
}

.item.deluxe3 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-03.jpg);
}

.item.deluxe4 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-04.jpg);
}

.item.deluxe5 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-05.jpg);
}

.item.deluxe6 {
    background-size: cover;
    background-image: url(../img/suitedeluxe/mobile/mobile-06.jpg);
}


/* QUADRUPLA */

.item.quadrupla1 {
    background-image: url(../img/suitequadrulhadeluxe/mobile/mobile-01.jpg);
}

.item.quadrupla2 {
    background-image: url(../img/suitequadrulhadeluxe/mobile/mobile-02.jpg);
}

.item.quadrupla3 {
    background-image: url(../img/suitequadrulhadeluxe/mobile/mobile-03.jpg);
}

.item.quadrupla4 {
    background-image: url(../img/suitequadrulhadeluxe/mobile/mobile-04.jpg);
}


/* CHALE */

.item.chale1 {
    background-image: url(../img/chale/mobile/mobile-01.jpg);
}

.item.chale2 {
    background-image: url(../img/chale/mobile/mobile-02.jpg);
}

.item.chale3 {
    background-image: url(../img/chale/mobile/mobile-03.jpg);
}

.item.chale4 {
    background-image: url(../img/chale/mobile/mobile-04.jpg);
}

.item.chale5 {
    background-image: url(../img/chale/mobile/mobile-05.jpg);
}

.item.chale6 {
    background-image: url(../img/chale/mobile/mobile-06.jpg);
}


/* SUITE */

.item.suite1 {
    background-image: url(../img/suite/mobile/mobile-01.jpg);
}

.item.suite2 {
    background-image: url(../img/suite/mobile/mobile-02.jpg);
}

.item.suite3 {
    background-image: url(../img/suite/mobile/mobile-03.jpg);
}

.item.suite4 {
    background-image: url(../img/suite/mobile/mobile-04.jpg);
}

.item.suite5 {
    background-image: url(../img/suite/mobile/mobile-05.jpg);
}

.item.suite6 {
    background-image: url(../img/suite/mobile/mobile-06.jpg);
}



/* STANDARD */

.item.standard1 {
    background-image: url(../img/standard/mobile/mobile-01.jpg);
}

.item.standard2 {
    background-image: url(../img/suite/mobile/mobile-02.jpg);
}

.item.standard3 {
    background-image: url(../img/standard/mobile/mobile-03.jpg);
}

.item.standard4 {
    background-image: url(../img/standard/mobile/mobile-04.jpg);
}

.item.standard5 {
    background-image: url(../img/standard/mobile/mobile-05.jpg);
}
    
       
}