/* Header */
@media screen and (max-width: 1155px){
    .logoH img{
        max-width: 190px;
    }
}

@media screen and (max-width: 1080px){
    .reservasHeader{
        display: none;
    }
}


/* Header scroll */
@media screen and (max-width: 1155px){
    body.scroll .mb-menu{
        top: 12px;
    }

    header.scroll{
        padding: 15px 20px;
    }

    header.scroll .logoH img{
        max-width: 140px;
    }
}


/* Banner */
@media screen and (max-width: 1155px){
    #banner{
        margin-top: 120px;
    }
}

@media screen and (max-width: 1080px){
    .sobreBanner{
        padding: 60px 65px;
    }
}

@media screen and (max-width: 850px){
    #banner img{
        height: 350px;
    }

    .banner-t{
        font-size: 28px;
        line-height: 33px;
    }
}

@media screen and (max-width: 735px){
    .sobreBanner .main{
        margin-bottom: auto;
    }
}

@media screen and (max-width: 600px){
    #banner img{
        height: 280px;
    }

    .sobreBanner{
        padding: 60px 35px;
    }

    .banner-t{
        font-size: 20px;
        line-height: 25px;
    }
}


/* O Espaço */
@media screen and (max-width: 1200px){
    .espaco::after{
        right: -50px;
        width: 215px;
        height: 298px;
        background-size: contain;
        top: 0;
    }
}

@media screen and (max-width: 1000px){
    .big-t{
        font-size: 98px;
        line-height: 102px;
    }
}

@media screen and (max-width: 900px){
    .espaco h2{
        order: 1;
    }

    .fotoEspaco{
        width: 80%;
        order: 3;
        margin-left: auto;
        margin-right: auto;
    }

    .txtEspaco{
        width: 100%;
        margin-bottom: 30px;
        order: 2;
    }
    .txtEspaco h6{
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 680px){
    .espaco::after{
        display: none;
    }

    .big-t{
        font-size: 50px;
        line-height: 55px;
    }
}

@media screen and (max-width: 500px){
    .espaco h2{
        margin-bottom: 10px;
    }

    .fotoEspaco{
        width: 100%;
    }

    .main-t{
        font-size: 40px;
        line-height: 45px;
    }
}


/* Galeria */
@media screen and (max-width: 750px){
    .galeriaDesk .swiper-slide{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 620px){
    .menuGaleria{
        flex-wrap: wrap;
        width: 100%;
    }
    .menuGaleria li{
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .menuGaleria li a{
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 550px){
    .galeriaDesk{
        display: none;
    }

    .galeriaMobile{
        display: block;
    }
}

@media screen and (max-width: 430px){
    .menuGaleria li{
        width: 100%;
    }
}


/* Comodidades */
@media screen and (max-width: 1100px){
    .listarComodidades{
        width: 100%;
    }
}

@media screen and (max-width: 850px){
    .comodidadeItem{
        width: 31%;
    }
}

@media screen and (max-width: 600px){
    .comodidadeItem{
        width: 48%;
    }
}

@media screen and (max-width: 450px){
    .comodidadeItem{
        width: 100%;
    }
}


/* Serviços */
@media screen and (max-width: 1130px){
    .middle-t{
        font-size: 50px;
        line-height: 50px;
    }
}

@media screen and (max-width: 780px){
    .servicoItem{
        width: 45%;
        margin-bottom: 30px;
    }

    .servicos .servicoItem:last-child{
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 550px){
    .servicoItem{
        width: 100%;
    }
}


/* Localização */
@media screen and (max-width: 800px){
    .gridDistancias{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 600px){
    .localizacao p.t-center{
        text-align: justify;
    }
    .localizacao p.t-center br{
        display: none;
    }
}

@media screen and (max-width: 550px){
    .gridDistancias{
        grid-template-columns: repeat(1,1fr);
    }
}

@media screen and (max-width: 470px){
    .big-t{
        font-size: 38px;
        line-height: 43px;
    }
}


/* Reservas */
@media screen and (max-width: 1170px){
    .reservas::before{
        left: -23%;
    }
}

@media screen and (max-width: 1080px){
    .reservas::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 180px;
        background: #45483f;
        z-index: 1;
        transform: skew(0);
    }

    .reservaTitle{
        flex-direction: column;
        margin-bottom: 50px;
        width: 100%;
    }

    .reservaTitle h3{
        margin-bottom: 100px;
    }

    .txtReserva{
        width: 100%;
        text-align: center;
    }

    #form_reserva{
        width: 100%;
    }
}

@media screen and (max-width: 600px){
    #form_reserva input,
    #form_reserva input[type="date"]{
        width: 100%;
    }
}

@media screen and (max-width: 500px){
    #form_reserva .button{
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 400px){
    .reservaTitle h3{
        font-size: 60px;
        line-height: 60px;
    }

    .reservas::before{
        height: 140px;
    }
}