title = "Rooms"
url = "/rooms"
layout = "default"
is_hidden = 0
==
{% partial "listings/top-block"
    breadcrumb_title="Rooms"
    title="Rooms"
    description="We have 230 Ready to go packages,  1000 Hotels, 20 Islands - Lorem ipsum dolor sit amet"
%}

<div class="content-container">
    <div id="app"></div>
</div>

<script>
    window.caribbeanListing = {
        baseUrl: '/webapi/v1/islands-search',
        urlAlias: '/room/',
        favoriteType: 'room',
        mapApiKey: 'AIzaSyAoUo-gAEfbSoxEJ-oWxoc47yArTi09ZCc'
    };
</script>
<script src="/themes/ketikidis-octobercms-success/assets/js/dist/listing.js"></script> 
<style>
.map-container[data-v-1ba1a336] {max-width: 40%;flex: 0 0 40%;}
.map-elems-list-container[data-v-1ba1a336] {flex: 0 0 60%;max-width: 60%;padding-right: 20px;}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar {
    width: 10px;
}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 30px;
    background: #d6dcdf;
    height: 100px;
}
.grid.map-grid[data-v-1ba1a336]::-webkit-scrollbar-track {
    background-color: fff;
    -webkit-border-radius: 0;
    border-radius: 0;
} 
.pagination[data-v-1ba1a336] {
    justify-content: end;
} 
.map-elems-list-container[data-v-1ba1a336] {
    margin-top: 40px;
} 
.map-elems-list-container[data-v-1ba1a336] .searching-result-listing-wise {
    margin-bottom: 0 !important;
} 
.map-container[data-v-1ba1a336] .vue-map-container {
    height: 100vh !important;
    display: block !important;
}

.map-container[data-v-1ba1a336] {
    height: 100%;
}

.pagination[data-v-1ba1a336] {
    margin: 0px;
    padding: 20px 0px;
}

.grid.map-grid[data-v-1ba1a336] {
    height: 75vh;
} 

@media (max-width: 1280px){

.map-container[data-v-1ba1a336], .map-elems-list-container[data-v-1ba1a336] {
    max-width: 100%;
    flex: 0 0 100%;
}
.grid.map-grid[data-v-1ba1a336] {
    padding-right: 20px;
}
}
</style>