@media(max-width:767px){
    .navbar-nav{
        gap: 0.5rem;
    }
    span.navbar-toggler-icon{
        color: white;
        font-size: 18px;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .buscador{
        display: block;
        text-align: start;
    }
    .input-group-buscador .input-group-text, .input-group-buscador select, .buscador .form-group input, .buscador .dropdown .btn.btn-secondary{
        padding-left: 0;
    }
    .row.container-text-banner{
        text-align: center;
    }
    .banner-home{
        height: 100vh;
    }
    .services-container{
        display: block;
    }
    .service-item{
        width: 100%;
    }
    .card.card-top{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
    footer{
        text-align: center;
    }
    .menu-footer li, .social-footer li{
        text-align: center;
    }
    .social-link{
        justify-content: center;
    }
    footer .container::after{
        z-index: -1;
    }
    .title-service-banner{
        font-size: 24px;
        letter-spacing: 15px;
    }
    .subtitle-banner{
        font-size:15px ;
        
    }
    .title-services-container{
        display: block;
    }
    .title-services-section{
        font-size: 18px;
        margin-top: 3rem;
    }
    .title-services-container select{
        width: 100%;
    }
    .card-service{
        padding: 0.5rem;
    }
    .name-service-container{
        margin-top: 1rem;
    }
    .img-second-room{
        margin-top: 2rem;
    }
    .name-room-container{
        display: block;
    }
    .amenidad-item{
        padding: 0.5rem 1rem;
    }
    div#months, div#months2{
        display: flex;
        flex-wrap: wrap;
    }
    .date-btn{
        min-width: 60px;
        height: 38px;
    }
    .reservacion .container .row{
        display: flex;
        flex-direction: column-reverse;
    }
    img.logo-azul-banner{
        width: 100px;
    }
    .nosotros-banner{
        height: 100vh;
    }
    .nosotros{
        height: 100%;
        margin-top: 3rem;
    }
    .promotions{
        height: 50vh;
    }
    .form-contacto{
        height: 100%;
    }
    .title-view{
        font-size: 28px;
    }
    .text-contact{
        font-size: 16px;
    }
    .contact-details{
        font-size: 18px;
    }
    .view-map{
        font-size: 18px;
    }
    .navbar{
        padding: 0 0.5rem;
    }
    .form-register{
        width: 100%;
    }
    .row.row-button{
        margin-bottom: 2rem;
    }
    .container-btn-price{
        display: flex;
        justify-content: space-between;
        align-items: end;
        margin-top: 2rem;
        flex-direction: row-reverse;
    }
    .btn.btn-terciary{
        margin-top: 1.5rem;
    }
    .form-perfil input, .form-perfil textarea, .form-perfil select{
        margin-bottom: 1rem;
    }
    .row-perfil-container{
        display: flex;
        flex-direction: column-reverse;
    }
    .img-perfil-container{
        text-align: center;
    }
    .card-testimonio{
        width: 100%;
        border: none;
    }
    
    .carousel-item-testimonial{
        display: block !important;
    }
    
    .title-testimonial{
        font-size: 24px;
    
    }
    
    .testimonial-text{
        font-size: 16px;
    }
    
    .testimonial-person{
        font-size: 16px;
    
    }
    i.bi.bi-chevron-compact-right.slick-arrow, i.bi.bi-chevron-compact-left.slick-arrow{
        padding: 0.3rem;
        width: 30px;
        height: 30px;
    }
    
    .carousel{
        position: relative;
    }
    
    i.bi.bi-chevron-compact-right.slick-arrow{
        bottom: -35%;
    }
    
    i.bi.bi-chevron-compact-left.slick-arrow{
        bottom: -35%;
    }
    
    .testimonials{
        height: 100%;
        display: block;
        align-content: center;
    }
    .reservation-actions{
        margin-top: 3rem;
    }
}

@media(min-width:768px) and (max-width:1024px){
    .navbar-toggler-icon{
        color: white;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .img-principal-room{
        height: 300px;
    }
    .img-second-room{
        height: 141px;
    }
    .buscador{
        display: flex;
        flex-wrap: wrap;
    }
    .title-services-container{
        display: block;
    }
    .title-services-container select{
        width: 100%;
    }
    .card-service{
        padding: 0.5rem;
    }
    .img-service{
        height: 100%;
    }
    .title-services-section{
        margin-top: 2rem;
    }
    .nosotros{
        height: 100%;
        padding-top: 3rem;
    }
    .img-img-nosotros{
        margin-bottom: 1rem;
    }
    .form-contacto{
        height: 100%;
        padding: 2rem 0;
    }
    .contact-details{
        font-size: 20px;
    }
    .container-acceso{
        height: 100vh;
        padding: 0.5rem;
        display: flex;
        align-items: center;
    }
    .img-acceso-lateral{
        height: 100%;
    }
    .form-register{
        width: 100%;
    }
    .container-btn-price{
        justify-content: end;
    }
    .btn-change-img{
        bottom: -8px;
        left: 60%;
    }
    .service-item{
        width: 24%;
    }
    .testimonial-text{
        text-align: center;
    }
    .card-testimonio{
        width: 100%;
    }
    .reservation-actions{
        margin-top: 3rem;
    }
}