/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (min-width:1025px) {
    
  
    
}
    
    
@media only screen and (min-width:768px) {
       
        
}
@media only screen and (max-width:1150px) {
    
}

@media only screen and (max-width:1024px) {
       
    

    .room-service-list li{
        width: 49%;
    }

    table {
        width: 100%;
        display: block;
        overflow-x: scroll;
    }
        
}


@media only screen and (max-width:991px) {
       
    
    .table>tbody, .table>thead{
        vertical-align: inherit;
        width: 100%;
        display: table;
    }

    .room-service-list li{
        width: 100%;
    }

   
        
}

@media only screen and (max-width:767px) {

      nav.navbar {
        position: initial;
    }

    .navbar-collapse {
        position: absolute;
        background: #fff;
        left: 0;
        width: 100%;
        top: 17%;
        padding: 0 20px;
    }
   
    .top-bar > div {
        justify-content: center !important;
        gap: 5px;
    }

    .search-form .border-start {
        border: 0 !important;
        padding-left: 0 !important;
    }

    .custom-btn {
        padding: 10px 15px;
    }
        
}