<!--
                                                                          For Life!


                                                                                ...
                                                                    #@@@@@@@@@@@@@@@@@@@@#
                                                                &@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                              @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            *@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                            @@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                                                           @@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
               /@#                                        @@@@@(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                          /@@
                @@@                                      .@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,                                       (@@@@
                 @@@@                                    /@@@ @@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@                                     .@@@@@
                 %@@@@@                                  ,@@@/@@@*........%@@@@@@@@,.......#@@@. @@@@                                    @@@@@@.
                  @@@@@@%                                 @@@#@@@..........#@@@@@@..........,@@@ @@@%                                  @@@@@@@.
                   @@@@@@@(                               @@&,@@@..........,@@@@@@,..........@@@ @@@                                 @@@@@.@@
                    &@@@@@@@&                             %@ ,@@@,........@@@...@@@@@.......&@@% .#                                &@@@@%.@@
                      @@@@@@@@@                             *@@@@@@#..#@@@@@*....%@@@@@@@@@@@@@@@@@                              @@@@@@.@@
                       *@@@@@@@@@                          @@@@@@@@@@@@@@@@@......%@@@@@@@@@@@@@@@@*                           @@@@@@,#@&
                         @@@@@@@@@@&                        @@@@@@@@@@@@@@@&..@....@@@@@@@@@@@@@@@.                         %@@@@@@*.@@
                           @@@@@@@@@@@                               @@@@@@@@@@@.&@@@@@@@@  .@,                          .@@@@@@@.(@@
                             @@@@@@@@@@@@                      @@@@   @@@@@@@@@@@@@@@@@@@  @@@(                        @@@@@@@&.&@@
                               @@@@@@@@@@@@@                    @@@@   @@@@@@@@@@@@@@@@   &@@@                      @@@@@@@@/.@@&
                                 @@@@@@@@@@@@@@                 .@@@   @ ,@@ @@, @@  @@   @@@,                   @@@@@@@@@(%@@.
                                    @@@@@@@@@@@@@@              .@@@&     /              #@@@                .@@@@@@@@@@@@@@
                                      &@@@@@@@@ &@@@@.           @@@@#  @@@ @@&.@@,*@@# %@@@@             /@@@@& @@@@@@@@.
                                         &@@@@@@@% #@@@@&         @@@@@@@@@@@@@@@@@@@@@@@@@@           @@@@@@ &@@@@@@@,
                                            (@@@@@@@@ ,@@@@@*        @@@@@@@@@@@@@@@@@@@@          &@@@@@/ &@@@@@@@(
                                               .@@@@@@@@  @@@@@@(      ,@@@@@@@@@@@@@@&        @@@@@@@  @@@@@@@@*
                                                   @@@@@@@@@ (@@@@@@@,                    @@@@@@@@  @@@@@@@@@
                                                      %@@@@@@@@& @@@@@@@@@           #@@@@@@@@/.@@@@@@@@@%
                                                          @@@@@@@@@@ (@@@@@@@@@/ ,@@@@@@@@*#@@@@@@@@@(
                                       ,@@@@&                 ,@@@@@@@@@# /@@@@@@@@@@, *@@@@@@@@@(                ,@@@@%
                                     %@@@@@@@@@@                   ,@@@@@@@@@&  %@@@@@@@@@@/                   @@@@@@@@@@@
                                     @@@@@@@@@@@@@          ,@@@@@@@@@  *@@@@@@@@@@&  ,@@@@@@@@@@@%          @@@@@@@@@@@@@
                                      %@@@@  (@@@@@* ,@@@@@@@@@@@&. ,@@@@@@@ ,@@@@@@@@@@@@*  %@@@@@@@@@@@@  @@@@@@  &@@@@
                                               @@@@@@  .((.   .@@@@@@@@@@@@@&     .@@@@@@@@@@@@@&.  .//.  @@@@@@*
                         @@@@@@@ @@@@/@@@@@#@@@ @@@@@@@/ @@@@@@@@@@@@&                   (@@@@@@@@@@@@. @@@@@@@ ,@@@ @@@@ @@@@&*@@@@@@
                        @@@@@@@@@&@@@@%@@@@@@@@@ @@@@@@ @@@@@@@,                                %@@@@@@, @@@@@,@@@@@@@@@@@@@@@@@@@@@@@@
                        @@@@@@@@  %@@@@@@@@@@@@@#*@@@@&                                                  @@@@# @@@@@@@@@@@@@@  @@@@@@@@,
                        %@@@@.  /@                @@@@@                                                 &@@@@                @#  ,@@@@@
                          .@@@@(                   @@@@@  /@@#                                    &@@   @@@@.                  &@@@@/
                                                   .@@@@@@@@@@&                                  @@@@@@@@@@@
                                                     @@@@@@@@@(                                  &@@@@@@@@/
                                                        %@@&                                       /@@@,

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <title>3D Apartment | Midtown Manhattan</title>

    <meta  name="title" content="Apartments For Rent in Midtown Manhattan, Manhattan, NY. "><meta  property="og:title" content="Apartments For Rent in Midtown Manhattan, Manhattan, NY. "><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/nyc/midtown-manhattan/200"><meta property="og:image" content="https://3dapartment.com/img/temp/hood.jpg"><meta property="og:image:type" content="image/png"><meta  property="og:description" content="Take Virtual Reality Tours of 80 apartments in Midtown Manhattan, Manhattan, NY. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><meta  name="description" content="Take Virtual Reality Tours of 80 apartments in Midtown Manhattan, Manhattan, NY. No More Hectic Travel. No More Wasted time. No More Bad Scheduling. Experience Before Visiting. Tour Your Future Home in 3D."><link rel="canonical" href="https://3dapartment.com/n/nyc/midtown-manhattan/200"/>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">
    <link rel="manifest" href="/site.webmanifest?v=2">
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#1a8cff">
    <link rel="shortcut icon" href="/favicon.ico?v=2">
    <meta name="msapplication-TileColor" content="#1a8cff">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="/css/styles.142ae97fd9699975411c3e918f93ce9d.min.css"/>    <link rel="stylesheet" href="/build/style.5d44190ff5e5474a693c7d54e281bac4.css"/>    <link rel="stylesheet" href="/css/pannellum.css">
    <meta name="google-site-verification" content="MrNi6i4NBCMu9yX1SxDVwJNR121dssOc9axyBB0ib-k"/>
    <!— Global site tag (gtag.js) - Google Analytics —>
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-93752321-2"></script>
    <meta name="google-site-verification" content="bu96WRU5wVyIs_RGePM5B4Ilp83IytdjLVEB9MBp_Cw"/>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());

        gtag('config', 'UA-93752321-2');
    </script>
    <!— Facebook Pixel Code —>
    <script>
        !function (f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function () {
                n.callMethod ?
                    n.callMethod.apply(n, arguments) : n.queue.push(arguments)
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s)
        }(window, document, 'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '216360782292907');
        fbq('track', 'PageView');
    </script>
    <noscript>
        <img height="1" width="1"
             src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
    </noscript>
    <!— End Facebook Pixel Code —>
    
<!-- Hotjar Tracking Code for http://3dapartment.com -->
    <script>
        (function (h, o, t, j, a, r) {
            h.hj = h.hj || function () {
                (h.hj.q = h.hj.q || []).push(arguments)
            };
            h._hjSettings = {hjid: 938428, hjsv: 6};
            a = o.getElementsByTagName('head')[0];
            r = o.createElement('script');
            r.async = 1;
            r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
            a.appendChild(r);
        })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
    </script>

<!-- start Mixpanel --><script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn4.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("071b3c2f4ab57eb0a180044839b8b65e");</script><!-- end Mixpanel -->

<script type="text/javascript">
  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script")
  ;r.type="text/javascript";r.async=true
  ;r.src="https://cdn.amplitude.com/libs/amplitude-4.4.0-min.gz.js"
  ;r.onload=function(){if(e.amplitude.runQueuedFunctions){
  e.amplitude.runQueuedFunctions()}else{
  console.log("[Amplitude] Error: could not load SDK")}}
  ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)
  ;function s(e,t){e.prototype[t]=function(){
  this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}
  var o=function(){this._q=[];return this}
  ;var a=["add","append","clearAll","prepend","set","setOnce","unset"]
  ;for(var u=0;u<a.length;u++){s(o,a[u])}n.Identify=o;var c=function(){this._q=[]
  ;return this}
  ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"]
  ;for(var p=0;p<l.length;p++){s(c,l[p])}n.Revenue=c
  ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"]
  ;function v(e){function t(t){e[t]=function(){
  e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}
  for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){
  e=(!e||e.length===0?"$default_instance":e).toLowerCase()
  ;if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]}
  ;e.amplitude=n})(window,document);

  amplitude.getInstance().init("844e5d6bac17c795404aa0ee676e55bb");
</script>
</head>

<body>
<section>
    <div id="app">
        <scroll-container @change="showNavbar">
            <scroll-item id="mainContent">
    <section class="neighborhood-page">

        <section>
            <!-- title   -->
            <section class="hero neigh-header">
                <div class="hero-head">
                    <navigation></navigation>
                </div>
                <div class="hero-body">

                    <div class="nei-bg">
                        <figure class="image">
                            <img src="/img/temp/neighborhood.png"
                                 alt="3d apartment Midtown Manhattan">
                        </figure>
                    </div>

                    <div class="black"></div>

                    <div class="container has-text-centered">

                            <h1 class="neigh-name is-size-1-mobile">
                             Midtown Manhattan                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Manhattan                                                        </h2>

                    </div>
                </div>
            </section>
            <!-- light-information -->
            <!--            <section class="neigh-info">-->
            <!--                <div class="columns is-mobile is-multiline">-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/building.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            <div class="num">--><!--</div>-->
            <!--                            <div class="txt is-size-5-mobile">Apartments</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/room.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">210</div>-->
            <!--                            <div class="txt is-size-5-mobile">Rooms</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/roommates_icon.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">23</div>-->
            <!--                            <div class="txt is-size-5-mobile">Roommates</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                    <div class="column is-12-mobile is-6-tablet is-3-desktop">-->
            <!--                        <div class="pic">-->
            <!--                            <figure class="image is-96x96">-->
            <!--                                <img src="/img/assets/hood/map_markers.svg">-->
            <!--                            </figure>-->
            <!--                        </div>-->
            <!--                        <div>-->
            <!--                            -->            <!--                            <div class="num">7</div>-->
            <!--                            <div class="txt is-size-5-mobile">Places</div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </section>-->

        </section>
        <!--content-->
        <section class="nei-content">
            <!--about-->
            <section class="about-section">

                <div class="columns is-gapless">
                    <div class="column">
                        <div class="block-content has-text-centered-mobile has-text-right-tablet">
                            <div class="block-title">About</div>
                            <div class="block-text">
                                No description                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/img/temp/hood.jpg"
                                 alt="3d apartment in Midtown Manhattan">
                        </figure>
                    </div>
                </div>

            </section>

            <!-- best apartments-->
                            <section class="nei-listings">

                    <div class="has-text-centered block-title is-size-4-mobile ">Best apartments
                        in Midtown Manhattan</div>

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/236-east-47th-street-21e-10017/2857"
   @click="selectListing('2857')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_31665d8c6a0e07ff48.22037001.jpg"
                 alt="236 East 47th Street #21E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,450</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="236 East 47th Street #21E"
            >
                236 East 47th Street #21E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/157-west-57th-street-65a-10019/2998"
   @click="selectListing('2998')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_66365dcc19f0f21113.15805237.jpg"
                 alt="157 West 57th Street #65A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 85,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="157 West 57th Street #65A"
            >
                157 West 57th Street #65A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/411-west-44th-street-16-10036/3106"
   @click="selectListing('3106')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51725e302a9ae40236.80001600.jpg"
                 alt="411 West 44th Street #16"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,350</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="411 West 44th Street #16"
            >
                411 West 44th Street #16            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/207-east-57th-street-17b-10022/3353"
   @click="selectListing('3353')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_76515e5e66747c24c2.99110353.jpg"
                 alt="207 East 57th Street #17B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 10,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="207 East 57th Street #17B"
            >
                207 East 57th Street #17B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/22-west-15th-street-16j-10011/4014"
   @click="selectListing('4014')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41625e9fe37e2b65c1.81689389.jpg"
                 alt="22 West 15th Street #16J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,995</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="22 West 15th Street #16J"
            >
                22 West 15th Street #16J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-west-57th-street-45b-10019/4108"
   @click="selectListing('4108')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22895ea7dfd1a76bf2.88549513.jpg"
                 alt="301 West 57th Street #45B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 West 57th Street #45B"
            >
                301 West 57th Street #45B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/150-west-51st-street-1104-10019/4297"
   @click="selectListing('4297')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83265eb28b616a5778.72941406.jpg"
                 alt="150 West 51st Street #1104"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,500</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="150 West 51st Street #1104"
            >
                150 West 51st Street #1104            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/315-east-57th-street-1a-10022/4383"
   @click="selectListing('4383')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63015eb5b40188b916.39271080.jpg"
                 alt="315 East 57th Street #1A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,258</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="315 East 57th Street #1A"
            >
                315 East 57th Street #1A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/5-tudor-city-place-530-10017/4434"
   @click="selectListing('4434')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51305eb9e23f8d4a91.08177209.jpg"
                 alt="5 Tudor City Place #530"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="5 Tudor City Place #530"
            >
                5 Tudor City Place #530            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/865-united-nations-plaza-13d-10017/4521"
   @click="selectListing('4521')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_23895ebd900d58a972.01473976.jpg"
                 alt="865 United Nations Plaza #13D"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="865 United Nations Plaza #13D"
            >
                865 United Nations Plaza #13D            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/425-5th-avenue-64a-10016/4525"
   @click="selectListing('4525')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17965ebda2af714808.08912911.jpg"
                 alt="425 5th Avenue #64A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 7,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="425 5th Avenue #64A"
            >
                425 5th Avenue #64A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/1065-2nd-avenue-14b-10022/4660"
   @click="selectListing('4660')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_81605ec518547c4e75.39183353.jpg"
                 alt="1065 2nd Avenue #14B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,850</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1065 2nd Avenue #14B"
            >
                1065 2nd Avenue #14B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/1065-2nd-avenue-18e-10022/4661"
   @click="selectListing('4661')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96625ec5194c9853c2.98369062.jpg"
                 alt="1065 2nd Avenue #18E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 8,199</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1065 2nd Avenue #18E"
            >
                1065 2nd Avenue #18E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/55-west-25th-street-30a-10010/4712"
   @click="selectListing('4712')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86185ec681f2323282.31112948.jpg"
                 alt="55 West 25th Street #30A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,950</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="55 West 25th Street #30A"
            >
                55 West 25th Street #30A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/55-west-25th-street-22m-10010/4714"
   @click="selectListing('4714')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38525ec685a09605e3.60518645.jpg"
                 alt="55 West 25th Street #22M"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,800</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="55 West 25th Street #22M"
            >
                55 West 25th Street #22M            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/55-west-25th-street-24f-10010/4717"
   @click="selectListing('4717')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16725ec68967381510.04734436.jpg"
                 alt="55 West 25th Street #24F"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,350</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="55 West 25th Street #24F"
            >
                55 West 25th Street #24F            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/260-west-52nd-street-29a-10019/4795"
   @click="selectListing('4795')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_11355ecbe68aec8255.21362494.jpg"
                 alt="260 West 52nd Street #29A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,230</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="260 West 52nd Street #29A"
            >
                260 West 52nd Street #29A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/37-west-21st-street-1405-10010/4815"
   @click="selectListing('4815')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50065ecd20b90d2563.62329556.jpg"
                 alt="37 West 21st Street #1405"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,390</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="37 West 21st Street #1405"
            >
                37 West 21st Street #1405            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-1a-10010/4825"
   @click="selectListing('4825')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_43705ecd4f432db5d8.54508696.jpg"
                 alt="210 East 22nd Street #1A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 7,115</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #1A"
            >
                210 East 22nd Street #1A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-3m-10010/4827"
   @click="selectListing('4827')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_40715f0310ebd7abe5.39012513.jpg"
                 alt="220 East 22nd Street #3M"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,008</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #3M"
            >
                220 East 22nd Street #3M            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-3o-10010/4828"
   @click="selectListing('4828')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58665f0311d83320f7.80781519.jpg"
                 alt="220 East 22nd Street #3O"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #3O"
            >
                220 East 22nd Street #3O            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-2t-10010/4829"
   @click="selectListing('4829')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37195f030e8c06e390.24539344.jpg"
                 alt="220 East 22nd Street #2T"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,800</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #2T"
            >
                220 East 22nd Street #2T            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-2k-10010/4830"
   @click="selectListing('4830')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39665ecd55479ed004.67125988.jpg"
                 alt="210 East 22nd Street #2K"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,975</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #2K"
            >
                210 East 22nd Street #2K            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-2b-10010/4831"
   @click="selectListing('4831')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_28185f030d72dd1a13.74528666.jpg"
                 alt="220 East 22nd Street #2B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #2B"
            >
                220 East 22nd Street #2B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-gld-10010/4832"
   @click="selectListing('4832')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50285f030bb3ce5c68.63642515.jpg"
                 alt="210 East 22nd Street #GLD"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,125</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #GLD"
            >
                210 East 22nd Street #GLD            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-ll-10010/4833"
   @click="selectListing('4833')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_78305ecd58079d8c98.50621600.jpg"
                 alt="210 East 22nd Street #LL"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,075</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #LL"
            >
                210 East 22nd Street #LL            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-4a-10010/4872"
   @click="selectListing('4872')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53455ecf7f0bef7624.51393630.jpg"
                 alt="220 East 22nd Street #4A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,995</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #4A"
            >
                220 East 22nd Street #4A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-1j-10010/4873"
   @click="selectListing('4873')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54835f0310ac901e90.42503362.jpg"
                 alt="220 East 22nd Street #1J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,400</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #1J"
            >
                220 East 22nd Street #1J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-5m-10010/4874"
   @click="selectListing('4874')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65445ecf90cd1e3921.70305366.jpg"
                 alt="220 East 22nd Street #5M"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 6,950</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #5M"
            >
                220 East 22nd Street #5M            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-gla-10010/4875"
   @click="selectListing('4875')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_70985ecf94b217c894.24561533.jpg"
                 alt="210 East 22nd Street #GLA"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,795</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #GLA"
            >
                210 East 22nd Street #GLA            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/349-east-19th-street-th-10003/4879"
   @click="selectListing('4879')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16335ecfb923e124a2.20370013.jpg"
                 alt="349 East 19th Street #TH"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 30,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="349 East 19th Street #TH"
            >
                349 East 19th Street #TH            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        5                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    3.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-6b-10010/4882"
   @click="selectListing('4882')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_73405ecfbdc6ba5c88.39978467.jpg"
                 alt="220 East 22nd Street #6B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,050</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #6B"
            >
                220 East 22nd Street #6B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/102-east-22nd-street-3d-10010/4884"
   @click="selectListing('4884')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94255ecfc9c42f2aa1.95000232.jpg"
                 alt="102 East 22nd Street #3D"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="102 East 22nd Street #3D"
            >
                102 East 22nd Street #3D            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/150-east-44th-street-41d-10017/4990"
   @click="selectListing('4990')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32295ed536389c1c09.84164839.jpg"
                 alt="150 East 44th Street #41D"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,942</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="150 East 44th Street #41D"
            >
                150 East 44th Street #41D            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/150-east-44th-street-45e-10017/4991"
   @click="selectListing('4991')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_36685ed663730ec354.24953955.jpg"
                 alt="150 East 44th Street #45E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,857</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="150 East 44th Street #45E"
            >
                150 East 44th Street #45E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/520-west-48th-street-3l-10036/5025"
   @click="selectListing('5025')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_42495ed6247fe62bc8.54426997.jpg"
                 alt="520 West 48th Street #3L"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,455</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="520 West 48th Street #3L"
            >
                520 West 48th Street #3L            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/520-west-48th-street-3g-10036/5026"
   @click="selectListing('5026')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83325ed6244c807173.93387004.jpg"
                 alt="520 West 48th Street #3G"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,258</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="520 West 48th Street #3G"
            >
                520 West 48th Street #3G            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/50-west-56th-street-5-10019/5245"
   @click="selectListing('5245')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37445edfdae8a73937.82074449.jpg"
                 alt="50 West 56th Street #5"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,295</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="50 West 56th Street #5"
            >
                50 West 56th Street #5            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/212-east-47th-street-20b-10017/5283"
   @click="selectListing('5283')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45235ee1004866feb9.74463949.jpg"
                 alt="212 East 47th Street #20B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,600</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="212 East 47th Street #20B"
            >
                212 East 47th Street #20B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/1065-2nd-avenue-23c-10022/5343"
   @click="selectListing('5343')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90295ee3cd482b2d30.67618607.jpg"
                 alt="1065 2nd Avenue #23C"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 10,500</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1065 2nd Avenue #23C"
            >
                1065 2nd Avenue #23C            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/230-east-15th-street-2-j-10003/5346"
   @click="selectListing('5346')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_64395ee402c0d504e1.54974753.jpg"
                 alt="230 East 15th Street #2-J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,900</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="230 East 15th Street #2-J"
            >
                230 East 15th Street #2-J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/641-5th-avenue-41f-10022/5372"
   @click="selectListing('5372')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39105ee7b2d5158669.09818786.jpg"
                 alt="641 5th Avenue #41F"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 6,200</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="641 5th Avenue #41F"
            >
                641 5th Avenue #41F            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/55-west-55th-street-9a-10019/5377"
   @click="selectListing('5377')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57465ee82b31458b10.52874926.jpg"
                 alt="55 West 55th Street #9a"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,395</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="55 West 55th Street #9a"
            >
                55 West 55th Street #9a            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1.5                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/117-west-58th-street-3c-10019/5448"
   @click="selectListing('5448')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86175eeb99ec0b9c92.52173577.jpg"
                 alt="117 West 58th Street #3c"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,260</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="117 West 58th Street #3c"
            >
                117 West 58th Street #3c            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/117-west-58th-street-6g-10019/5449"
   @click="selectListing('5449')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49735eeb9d0ea762e4.00986995.jpg"
                 alt="117 West 58th Street #6g"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,525</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="117 West 58th Street #6g"
            >
                117 West 58th Street #6g            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/117-west-58th-street-8d-10019/5451"
   @click="selectListing('5451')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_28305eebad3de16db4.73692270.jpg"
                 alt="117 West 58th Street #8d"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,695</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="117 West 58th Street #8d"
            >
                117 West 58th Street #8d            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-1l-10010/5490"
   @click="selectListing('5490')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_21505eef47c40fd528.91359533.jpg"
                 alt="220 East 22nd Street #1L"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #1L"
            >
                220 East 22nd Street #1L            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-1h-10010/5491"
   @click="selectListing('5491')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37705eef490af093d4.70220466.jpg"
                 alt="220 East 22nd Street #1H"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,610</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #1H"
            >
                220 East 22nd Street #1H            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-6e-10010/5492"
   @click="selectListing('5492')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65855eef4ac8912d33.44999002.jpg"
                 alt="220 East 22nd Street #6E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,558</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #6E"
            >
                220 East 22nd Street #6E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-4j-10010/5493"
   @click="selectListing('5493')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16505eef4c51d95923.52342913.jpg"
                 alt="220 East 22nd Street #4J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,243</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #4J"
            >
                220 East 22nd Street #4J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-2h-10010/5494"
   @click="selectListing('5494')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27985eef555e883ee2.10034289.jpg"
                 alt="210 East 22nd Street #2H"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,333</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #2H"
            >
                210 East 22nd Street #2H            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/7-west-21st-street-1702-10010/5504"
   @click="selectListing('5504')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_21935ef089499e82d2.61910279.jpg"
                 alt="7 West 21st Street #1702"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 4,775</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7 West 21st Street #1702"
            >
                7 West 21st Street #1702            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/7-west-21st-street-1905-10010/5506"
   @click="selectListing('5506')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91035ef08a422ce965.21032635.jpg"
                 alt="7 West 21st Street #1905"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 10,246</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7 West 21st Street #1905"
            >
                7 West 21st Street #1905            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/7-west-21st-street-1901-10010/5507"
   @click="selectListing('5507')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55565ef0bf94cd7c08.57916735.jpg"
                 alt="7 West 21st Street #1901"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 11,400</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7 West 21st Street #1901"
            >
                7 West 21st Street #1901            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/7-west-21st-street-1801-10010/5531"
   @click="selectListing('5531')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53035ef0c05d1317a8.16935108.jpg"
                 alt="7 West 21st Street #1801"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 14,470</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7 West 21st Street #1801"
            >
                7 West 21st Street #1801            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/7-west-21st-street-phe-10010/5535"
   @click="selectListing('5535')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96205ef0d05ea11941.89043942.jpg"
                 alt="7 West 21st Street #PHE"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 14,595</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="7 West 21st Street #PHE"
            >
                7 West 21st Street #PHE            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/201-east-35th-street-5d-10016/5538"
   @click="selectListing('5538')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_86525ef0f00c2db2d9.65384116.jpg"
                 alt="201 East 35th Street #5D"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,850</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="201 East 35th Street #5D"
            >
                201 East 35th Street #5D            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/201-east-35th-street-6b-10016/5544"
   @click="selectListing('5544')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_73855ef10546bcf3a4.01904717.jpg"
                 alt="201 East 35th Street #6B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,850</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="201 East 35th Street #6B"
            >
                201 East 35th Street #6B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-east-38th-street-4j-10016/5554"
   @click="selectListing('5554')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_85245ef1778536f933.42157423.jpg"
                 alt="301 East 38th Street #4J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,795</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 East 38th Street #4J"
            >
                301 East 38th Street #4J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-east-38th-street-7c-10016/5555"
   @click="selectListing('5555')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_95715ef17e4ab87715.09669244.jpg"
                 alt="301 East 38th Street #7c"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 East 38th Street #7c"
            >
                301 East 38th Street #7c            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-east-38th-street-16b-10016/5556"
   @click="selectListing('5556')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_85315ef182d597ab86.44024836.jpg"
                 alt="301 East 38th Street #16B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,595</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 East 38th Street #16B"
            >
                301 East 38th Street #16B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-east-38th-street-10a-10016/5557"
   @click="selectListing('5557')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72405ef186c09cac46.30874966.jpg"
                 alt="301 East 38th Street #10a"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,550</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 East 38th Street #10a"
            >
                301 East 38th Street #10a            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/301-east-38th-street-8h-10016/5558"
   @click="selectListing('5558')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_59385ef18b487ae913.54768260.jpg"
                 alt="301 East 38th Street #8H"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,650</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="301 East 38th Street #8H"
            >
                301 East 38th Street #8H            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/97-5th-avenue-7d-10003/5583"
   @click="selectListing('5583')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45745ef2827bbd4d23.28660767.jpg"
                 alt="97 5th Avenue #7D"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,365</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="97 5th Avenue #7D"
            >
                97 5th Avenue #7D            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/97-5th-avenue-6c-10003/5584"
   @click="selectListing('5584')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_36035ef2856d12b428.07549195.jpg"
                 alt="97 5th Avenue #6c"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 3,795</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

                    <div class="t-label">
                <b-icon pack="fal" icon="street-view" type="is-white">
                </b-icon>
            </div>
        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="97 5th Avenue #6c"
            >
                97 5th Avenue #6c            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/37-west-21st-street-302-10010/5588"
   @click="selectListing('5588')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19535ef2ae0215e4b9.82925073.jpg"
                 alt="37 West 21st Street #302"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,275</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="37 West 21st Street #302"
            >
                37 West 21st Street #302            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/335-east-51st-street-6f-10022/5708"
   @click="selectListing('5708')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63125efa762d84a258.38734509.jpg"
                 alt="335 East 51st Street #6F"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 2,500</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="335 East 51st Street #6F"
            >
                335 East 51st Street #6F            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-1u-10010/5738"
   @click="selectListing('5738')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19925efbaa2b59c816.56740006.jpg"
                 alt="220 East 22nd Street #1U"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #1U"
            >
                220 East 22nd Street #1U            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-2a-10010/5741"
   @click="selectListing('5741')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54645efbaff948d6e1.85337284.jpg"
                 alt="220 East 22nd Street #2A"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #2A"
            >
                220 East 22nd Street #2A            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-3l-10010/5742"
   @click="selectListing('5742')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74375efbb204adebe3.10610387.jpg"
                 alt="220 East 22nd Street #3L"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #3L"
            >
                220 East 22nd Street #3L            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/220-east-22nd-street-4b-10010/5744"
   @click="selectListing('5744')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_93985efbb7eac1aa40.32910625.jpg"
                 alt="220 East 22nd Street #4B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="220 East 22nd Street #4B"
            >
                220 East 22nd Street #4B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-3e-10010/5745"
   @click="selectListing('5745')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57365efbbeb36bb5a5.77720737.jpg"
                 alt="210 East 22nd Street #3E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #3E"
            >
                210 East 22nd Street #3E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <div class="studio">
                        Studio
                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-3j-10010/5746"
   @click="selectListing('5746')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_16105efbc1878b5472.18555264.jpg"
                 alt="210 East 22nd Street #3J"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #3J"
            >
                210 East 22nd Street #3J            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-5b-10010/5747"
   @click="selectListing('5747')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_83315efbc79b230b26.19613654.jpg"
                 alt="210 East 22nd Street #5B"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #5B"
            >
                210 East 22nd Street #5B            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/210-east-22nd-street-5e-10010/5748"
   @click="selectListing('5748')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_13765efbd5bfb54248.40453078.jpg"
                 alt="210 East 22nd Street #5E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="210 East 22nd Street #5E"
            >
                210 East 22nd Street #5E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/157-east-57th-street-8f-10022/5769"
   @click="selectListing('5769')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52885efcd0a6774c88.19408922.jpg"
                 alt="157 East 57th Street #8F"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,000</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="157 East 57th Street #8F"
            >
                157 East 57th Street #8F            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/119-east-18th-street-4th-floor-10003/6030"
   @click="selectListing('6030')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_88865f0c506b8e3414.14707418.jpg"
                 alt="119 East 18th Street #4th Floor"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 5,750</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="119 East 18th Street #4th Floor"
            >
                119 East 18th Street #4th Floor            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                                    <div class="exclusive">Exclusive</div>
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/207-east-33rd-street-5g-10016/6048"
   @click="selectListing('6048')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27515f0c84d5d87a99.38137684.jpg"
                 alt="207 East 33rd Street #5G"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 1</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="207 East 33rd Street #5G"
            >
                207 East 33rd Street #5G            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    1                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/145-east-16th-street-16c-10003/6065"
   @click="selectListing('6065')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49095f0dad236aead6.53657446.jpg"
                 alt="145 East 16th Street #16C"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 7,150</div>
                            <div class="nofee">No Fee</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="145 East 16th Street #16C"
            >
                145 East 16th Street #16C            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                        
                            <a class="listing-grid-card"
   
   href="/midtown-manhattan/145-east-16th-street-9e-10003/6066"
   @click="selectListing('6066')">
    <div class="listing-image">

        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_35785f0daf14bab430.18890151.jpg"
                 alt="145 East 16th Street #9E"
            >
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$ 7,000</div>
                    </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/3dicon.svg" alt="view in 3D"></figure>
        </div>

        
    </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="145 East 16th Street #9E"
            >
                145 East 16th Street #9E            </p>
                        <p
                class="hood"
                title="Manhattan, Midtown Manhattan"
            >
                Manhattan, Midtown Manhattan            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/bed-small.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/bath-small.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </div>
            </div>
        </div>

        <div class="content-footer">
            <div class="is-exclusive">
                            </div>
            <div class="available-value">
                                    <p class="available">
                                                    Available now
                                            </p>
                            </div>
        </div>
    </div>
</a>

                                            </div>

                </section>
            
            <!-- location, subways-->

            <!--               <section class="nei-subways">-->
            <!--                <div class="columns is-gapless">-->
            <!--                    <div class="column is-7">-->
            <!--                        <figure class="image">-->
            <!--                            -->            <!--                            <img src="--><!--">-->
            <!--                        </figure>-->
            <!--                    </div>-->
            <!--                    <div class="column">-->
            <!--                        <div class="block-content has-text-centered-mobile has-text-left-tablet">-->
            <!--                            <div class="block-title">Location</div>-->
            <!--                            <div class="block-text">-->
            <!--                                -->            <!--                            </div>-->
            <!--                            -->            <!--                            <div class="block-subtitle is-size-4-mobile">Subways</div>-->
            <!--                            <div class="is-flex neigh-subways-icon">-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!--                                <figure class="image is-32x32">-->
            <!--                                    <img src="/img/assets/sub/c.svg">-->
            <!--                                </figure>-->
            <!---->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </section>-->

        </section>
    </section>
</scroll-item>


        </scroll-container>

        <login-modal ref="loginWindow"></login-modal>


        <section class="site-login-modal" v-cloak>

            <sweet-modal ref="loginModal">
                <div class="columns is-gapless is-marginless">
                    <div class="column login-modal-white-block">
                        <div class="modal-block-content">
                            <div class="login-box-heading">
                                Welcome
                            </div>
                            <div class="fb-connect-cont">
                                <template v-if="true">
                                    <div class="txt-info">
                                        Searching for Apartments?
                                    </div>
                                </template>
                                <template v-if="false">
                                    <div class="txt-info is-size-5">
                                        You must be logged in before you can schedule a visit.
                                    </div>
                                </template>
                                <div class="connect-btn">
                                    <button
                                        @click="$store.dispatch('user/login', () => $refs.loginWindow.close())"
                                        class="button is-primary blue-gradient is-medium"
                                    >
                                        Connect with Facebook
                                    </button>
                                </div>

                            </div>
                            <div class="agents-cont">
                                <a href="/crm" class="button is-text" v-if="true">Agents & Brokers Login</a><br>
                                <a href="/ma" class="button is-text" v-if="true">Management Accounts Login</a>
                            </div>
                        </div>
                    </div>
                    <div class="column login-modal-blue-block">
                        <div class="modal-block-content">
                            <div class="login-box-logo">
                                <img src="/img/assets/svg-login-pic.svg" alt="3dapartment logo">
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                Easy and Secure
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                All Apartments in 3D
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                24/7 Virtual Open House
                            </div>
                            <div class="login-box-text">
                                <b-icon icon="check" size="is-small"></b-icon>
                                Apply Online
                            </div>
                        </div>
                    </div>
                </div>
                <div class="login-modal-terms-container">
                    By signing up you acknowledge that you have read and agree to <br> the <a href="/terms">Terms and
                        Conditions</a>
                    and
                    <a href="/cookies">Cookies Policy.</a>
                </div>

            </sweet-modal>

        </section>

                    <footer-component></footer-component>
        
        <sweet-modal ref="contactModal" title="We're here to help" v-cloak class="main-contact-modal">


            <div class="columns is-multiline">
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="phone" size="is-large"></b-icon>
                        <div class="label-txt">
                            Call Us: <a href="tel:8447333385">(844) 733-3385</a>
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="contact-modal-section-label">
                        <b-icon icon="envelope" size="is-large"></b-icon>
                        <div class="label-txt">
                           Or send us a message:
                        </div>
                    </div>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Name:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.name"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Email:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-model.trim="contactModalForm.email"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Your Phone:
                    </div>
                    <section>
                        <b-field>
                            <b-input
                                v-cleave="contactModalForm.masks.phone"
                                v-model.trim="contactModalForm.phone"
                                v-bind="{'disabled': isLoading}"
                            >
                            </b-input>
                        </b-field>
                    </section>
                </div>
                <div class="column is-6">
                    <div class="filters-modal-block-label">
                        Type of questions:
                    </div>
                    <b-field>
                        <b-select
                            v-model="contactModalForm.questionTypeIndex"
                            v-bind="{'disabled': isLoading}"
                            expanded
                        >
                            <option
                                v-for="(title, index) in contactModalForm.questionTypes"
                                :value="index"
                                :key="'option_' + index"
                            >
                                {{ title }}
                            </option>
                        </b-select>
                    </b-field>
                </div>
                <div class="column is-12">
                    <div class="filters-modal-block-label">
                        Message:
                    </div>
                    <b-field>
                        <b-input
                            maxlength="500"
                            type="textarea"
                            v-model.trim="contactModalForm.message"
                            v-bind="{'disabled': isLoading}"
                        ></b-input>
                    </b-field>
                </div>
                <div class="column is-12 has-text-right">
                    <button
                        class="button is-primary"
                        :class="{'is-loading': isLoading}"
                        @click="contactModalFormOnClickSendMessage"
                    >
                        Send
                    </button>
                </div>
            </div>

        </sweet-modal>
    </div>

</section>

<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 438487566501401,
            cookie: true,
            xfbml: true,
            version: 'v2.12'
        });

        FB.AppEvents.logPageView();
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<script type="text/javascript">
    var user = {};
</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Review",
  "reviewBody": "80 Apartments in Midtown Manhattan, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/img/temp/neighborhood.png",
    "name": "Midtown Manhattan",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Midtown Manhattan, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"No description",
  "url" : "http://3dapartment.com/n/nyc/midtown-manhattan/200",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment |Midtown Manhattan"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Midtown Manhattan, Boston"
    },
  "description":"No description",
  "url" : "http://3dapartment.com/n/nyc/midtown-manhattan/200",
  "image" : "http://3dapartment.com/img/temp/hood.jpg ",
  "name": "3D Apartment |Midtown Manhattan"

}

</script>

<script src="/build/app.84a39eb25ae5113bed4d.js"></script>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/4582283.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
</html>