/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1342px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .book_room h1 {
        font-size: 28px;
    }
    .carousel-indicators {
        bottom: 17px;
    }
    .about_img {
        margin-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navigation.navbar-dark .navbar-nav .nav-link {
        margin: 0 10px;
    }
    .carousel-item img {
        min-height: 570px;
    }
    .book_room h1 {
        font-size: 19px;
    }
    .carousel-indicators {
        bottom: 27px;
    }
    .about_img {
        margin-right: 0px;
    }
    .book_btn {
        padding: 5px 0;
    }
    
    .detalhes .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }
    .detalhes .row .crow{
        margin: 0;
    }
    .detalhes .col-md-6 {
        padding: 0px;
    }

    .detalhes .responsive-image {
        width: 100%;
        min-height: 70vh;
        object-fit: cover; /* Corta a largura da imagem conforme necessário */
        border-radius: 0;
        margin: 0;
    }
    .tab{
        -ms-flex: 0 0 25%;
        flex: 0 0 100%;
        max-width: 50%;
    }
    
}

@media (min-width: 576px) and (max-width: 767px) {
    .header {
        height: 76px;
    
    }
    .carousel-item img {
        
    }
    .carousel-indicators {
        bottom: 27px;
    }
    .about .titlepage {
        max-width: inherit;
    }
    .about_img {
        margin-right: 0px;
        margin-top: 30px;
    }
    .main_form .send_btn {
        margin-bottom: 30px;
    }
    ul.link_menu {
        margin-bottom: 20px;
    }
    .navigation.navbar {
        float: right;
        display: inherit !important;
        padding: 0;
        width: 100%;
        padding-top: 5px !important;
    }
    .navigation .navbar-collapse {
        background: #f4f5f7;
        padding: 20px;
        margin-top: 56px;
        position: absolute;
        width: 100%;
        margin-right: 20px;
        z-index: 999;
    }
    .navigation.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        color: #000;
    }
    .navigation.navbar-dark .navbar-toggler {
        border: inherit;
        float: right;
        padding-top: 9px;
    }
    .navigation.navbar-dark .navbar-toggler-icon {
        background: url(../images/menu_icon.png);
        background-repeat: no-repeat;
    }
    .d_none {
        display: none;
    }
    
    .col-md-2{
        align-items: center; text-align: center;
    }
    .card-body h5 {
        text-align: center;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        justify-content: justify;
        align-items: center;
    }
    .row img{
        float: left;
        padding-left: 15px;
    }
    .crow {
        display: flex;
        flex-wrap: nowrap;
    }
    .detalhes .container-fluid {
        padding-left: 0; /* Remove a margem esquerda em dispositivos móveis */
    }

    .detalhes .row {
        flex-direction: column;
        margin: 0; /* Remove margens da row em telas pequenas */
    }

    .detalhes .row .crow{
        margin-left: 20px;
    }

    .detalhes h2 {
        margin-top: 25px;
        margin-bottom: 0;
        text-align:  center;
    }

    .detalhes .col-md-6 {
        padding: 0; /* Remove o padding das colunas em dispositivos móveis */
        width: 100%; /* Garante que cada coluna ocupe 100% da largura da tela */
    }

    .detalhes .responsive-image {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }

}

@media (max-width: 575px) {
    .logo {
        text-align: center !important;
        padding-bottom: 6px;
        float: left;
    }
    .header {
        height: 84px;
        border-bottom: #f4f5f7 solid 5px;
    }
    .carousel-item img {
        
    }
    .book_room h1 {
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 15px;
    }
    .book_now .online_book {
        margin-bottom: 20px;
    }
    .book_btn {
        padding: 5px 0;
    }
    .about .titlepage {
        max-width: inherit;
    }
    .about_img {
        margin-right: 0px;
        margin-top: 30px;
    }
    .main_form .send_btn {
        margin-bottom: 30px;
    }
    ul.link_menu {
        margin-bottom: 20px;
    }
    .navigation.navbar {
        float: right;
        display: inherit !important;
        padding: 0;
        width: 100%;
    }
    .navigation .navbar-collapse {
        background: #c4c4c4e0;
        padding: 20px;
       margin-top: -5px;
        position: absolute;
        width: 100%;
        margin-right: 20px;
        z-index: 999;
    }
    .navigation.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        color: #000000;
    }
    .navigation.navbar-dark .navbar-toggler {
        float: right;
        border: inherit;
        margin-top: -61px;
    }
    .testimonial_box {
        padding: 0px 19px 40px 20px;
    }
    .navigation.navbar-dark .navbar-toggler-icon {
        background: url(../images/menu_icon.png);
        background-repeat: no-repeat;
    }
    .d_none {
        display: none;
    }
    
    .col-md-2{
        align-items: center; text-align: center;
    }
    .card-body h5 {
        text-align: center;
    }

    .card .mb-12 {
        border-radius: 8px;
    }
    
    .card-body h3{
        font-size: 20px;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        justify-content: justify;
        align-items: center;
    }
    .img-fluid{
        width: 100%;
    }
    .crow {
        display: flex;
        flex-wrap: nowrap;
    }
    
    p{
        font-size: 14px;
    }

    
    .img-circ{
        border-radius: 50%;

    }
    .blog_img{
        display:flex; 
        align-items: center; 
        justify-content: center;
    }
    .detalhes .container-fluid {
        padding-left: 0; /* Remove a margem esquerda em dispositivos móveis */
    }

    .detalhes .row {
        flex-direction: column;
        margin: 0; /* Remove margens da row em telas pequenas */
    }

    .detalhes .row .crow{
        margin-left: 20px;
    }

    .detalhes h2 {
        margin-top: 25px;
        margin-bottom: 0;
        text-align:  center;
    }

    .detalhes .col-md-6 {
        padding: 0; /* Remove o padding das colunas em dispositivos móveis */
        width: 100%; /* Garante que cada coluna ocupe 100% da largura da tela */
    }

    .detalhes .responsive-image {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .carousel {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .carousel-item {
        flex: 0 0 100%;
        scroll-snap-align: start;
    }

    .gallery_img {
        width: 100%;
    }

    .gallery_img figure {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .gallery_img img {
        max-width: 100%;
        height: auto;
    }

}