<!--
                                                                          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=5.0, minimum-scale=1.0">
    <title>Apartments in Clifton Heights, Massachusetts | 3D Apartment</title>
<!--    <link rel="preload" href="/css/pannew.css" as="style">-->
<!--    <link rel="preload" href="/js/pnlm.js" as="script">-->

    <link rel="preload" href="/img/assets/home/assets/bd.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/ba.svg" as="image">
    <link rel="preload" href="/img/assets/home/assets/3d.svg" as="image">
    <link rel="preload" href="/img/assets/home/chevron-down.svg" as="image">

    <link rel="preload" href="/font/Inter-Medium.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/Inter-Regular.woff2?v=3.12" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-brands-400.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="/font/fa/fa-solid-900.woff2" as="font" crossorigin="anonymous">
    <link rel="preload" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700" as="font" crossorigin="anonymous">


    <meta  name="title" content="Apartments For Rent in Apartments in Clifton Heights, Massachusetts, Brookline, MA. | 3D Apartment"><meta  property="og:title" content="Apartments For Rent in Apartments in Clifton Heights, Massachusetts, Brookline, MA. | 3D Apartment"><meta  property="og:type" content="website"><meta property="og:url" content="https://3dapartment.com/n/greater-boston/north-brookline/42"><meta property="og:image" content="https://3dapartment.com/uploads/neighborhoods/main/main_5afc2490c43392.95228590.jpg"><meta property="og:image:type" content="image/png"><meta property="og:description" content="Take Virtual Reality Tours of 71 apartments in Apartments in Clifton Heights, Massachusetts, Brookline, MA"><meta name="description" content="Take Virtual Reality Tours of 71 apartments in Apartments in Clifton Heights, Massachusetts, Brookline, MA"><link rel="canonical" href="https://3dapartment.com/n/greater-boston/north-brookline/42"/>    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3">
    <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.875da177fdfd469ded362128cb1eba94.min.css"/>    <link rel="stylesheet" href="/build/style-vendor.da83a2e697493d9ac2ec1f6367128044.css"/><!--    <link rel="stylesheet" href="/css/pannew.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>
        var host = window.location.hostname;
        if (host == '3dapartment.com') {
        window.dataLayer = window.dataLayer || [];

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

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

        gtag('config', 'UA-93752321-2');
        }
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 611187644 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-611187644"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'AW-611187644');
    </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>
    <!— End Facebook Pixel Code —>
    <!-- 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(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "pt8mdkk7jz");
</script>
</head>

<body>
<noscript>
    <img height="1" width="1"
         src="https://www.facebook.com/tr?id=216360782292907&ev=PageView&noscript=1"/>
</noscript>
<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="/uploads/neighborhoods/header_5afc2490c451e5.03298728.jpg"
                                 alt="3d apartment Apartments in Clifton Heights, Massachusetts">
                        </figure>
                    </div>

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

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

                            <h1 class="neigh-name is-size-1-mobile">
                             Apartments in Clifton Heights, Massachusetts                            </h1>
                            <h2 class="city-name is-size-3-mobile">
                                                            Brookline                                                        </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">
                                                                    Apartments in Clifton Heights, Massachusetts, Brookline, MA Real Estate Rentals
                                    Welcome to our selection of rental properties in Apartments in Clifton Heights, Massachusetts, Brookline, MA. We offer various apartments with 71 units in this vibrant neighborhood.
                                    Our apartments range from cozy studios to spacious multi-bedroom units, and many of them feature modern amenities such as updated kitchens, in-unit laundry, and air conditioning.
                                    Our properties are professionally managed and maintained to ensure your comfort and satisfaction.
                                    Take a virtual tour of our apartments with our 3D virtual tours, allowing you to explore every nook and cranny of the unit from the comfort of your home. With our virtual tours, you can get a sense of the apartment's layout and design before even stepping inside.
                                    Apartments in Clifton Heights, Massachusetts is a bustling and diverse community that offers something for everyone. Whether you're a foodie, a nature lover, or a culture buff, you'll find plenty to explore in this neighborhood. From the trendy cafes and boutiques to the parks and cultural institutions, Apartments in Clifton Heights, Massachusetts has it all.
                                    At 3D Apartment, we are committed to providing you with the best possible rental experience. Our knowledgeable and friendly staff are always here to help you find the perfect apartment for your needs and to answer any questions you may have about the rental process.
                                    Please browse our selection of rental properties in Apartments in Clifton Heights, Massachusetts, Brookline, MA today, and discover your new home in this exciting community. With 71 units available, we're confident you'll find the perfect place to call home.
                                                            </div>
                        </div>
                    </div>
                    <div class="column is-6">
                        <figure class="image">
                            <img src="/uploads/neighborhoods/main/main_5afc2490c43392.95228590.jpg"
                                 alt="3d apartment in Apartments in Clifton Heights, Massachusetts">
                        </figure>
                    </div>
                </div>

            </section>

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

                    <div class="has-text-centered block-title is-size-4-mobile ">Best apartments
                        in Apartments in Clifton Heights, Massachusetts</div>

                    <div class="listings-grid">
                        
                            <a class="listing-grid-card"
   
   href="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-001-2446/1687"
   @click="selectListing('1687')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54315c4112a3761ae5.55445225.jpg" alt="73 Thatcher Street, #001">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="73 Thatcher Street, #001"
            >
                73 Thatcher Street, #001            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-002-2446/1686"
   @click="selectListing('1686')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22215c4106d9e20632.27727493.jpg" alt="73 Thatcher Street, #002">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,600</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="73 Thatcher Street, #002"
            >
                73 Thatcher Street, #002            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/10-fuller-street-1-2446/1624"
   @click="selectListing('1624')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96285c236fa166e4d8.00073948.jpg" alt="10 Fuller Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="10 Fuller Street, #1"
            >
                10 Fuller Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1334-commonwealth-avenue-1-2446/2086"
   @click="selectListing('2086')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_60585c94b219d1ccc7.31390386.jpg" alt="1334 Commonwealth Avenue, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,675</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1334 Commonwealth Avenue, #1"
            >
                1334 Commonwealth Avenue, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </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/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/fuller-street/5140"
   @click="selectListing('5140')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56545ed9feb07c7658.46002675.jpg" alt="Fuller Street">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,625</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="Fuller Street"
            >
                Fuller Street            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/434"
   @click="selectListing('434')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_45755b91242cb3e144.00570498.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/219-freeman-street-1-2446/10173"
   @click="selectListing('10173')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_19816022e0e87365e3.18163452.jpg" alt="219 Freeman Street, #1">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="219 Freeman Street, #1"
            >
                219 Freeman Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/38-babcock-street-1-2446/6535"
   @click="selectListing('6535')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_85685f23b6bbabf699.91739288.jpg" alt="38 Babcock Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,499</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="38 Babcock Street, #1"
            >
                38 Babcock Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/389-harvard-street-1-2446/8495"
   @click="selectListing('8495')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_33915fd28fb387a763.66391474.jpg" alt="389 Harvard Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,295</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="389 Harvard Street, #1"
            >
                389 Harvard Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </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/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/54-egmont-street-1-2446/1632"
   @click="selectListing('1632')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20785c33ce3c1d9e64.14511662.jpg" alt="54 Egmont Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="54 Egmont Street, #1"
            >
                54 Egmont Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/66-egmont-street-1-2446/1512"
   @click="selectListing('1512')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_13275bfd4811ed4992.92036774.jpg" alt="66 Egmont Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="66 Egmont Street, #1"
            >
                66 Egmont Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/94-pleasant-street-1-2446/1689"
   @click="selectListing('1689')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25725c411fc3752335.28829031.jpg" alt="94 Pleasant Street, #1">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,600</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="94 Pleasant Street, #1"
            >
                94 Pleasant Street, #1            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/453"
   @click="selectListing('453')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_26045b9122f4f39872.90993007.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-10-2446/683"
   @click="selectListing('683')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_88055b910e23bcaf88.84625020.jpg" alt="1810 Commonwealth Avenue, #10">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #10"
            >
                1810 Commonwealth Avenue, #10            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-102-2446/1684"
   @click="selectListing('1684')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92645c40fb66d7f1d0.48121627.jpg" alt="73 Thatcher Street, #102">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="73 Thatcher Street, #102"
            >
                73 Thatcher Street, #102            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/454"
   @click="selectListing('454')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_26565b912313c535a3.81665412.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-12-2446/1225"
   @click="selectListing('1225')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_36195baba84f3a3ae1.88636881.jpg" alt="1810 Commonwealth Avenue, #12">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #12"
            >
                1810 Commonwealth Avenue, #12            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/436"
   @click="selectListing('436')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_90405b91245b35e7a9.12208061.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/545"
   @click="selectListing('545')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_34135b911b0599e435.78007203.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/538"
   @click="selectListing('538')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25175b911cbb53a374.24306973.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1626-commonwealth-avenue-18-2446/703"
   @click="selectListing('703')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_53035b910bee1045c4.54966978.jpg" alt="1626 Commonwealth Avenue, #18">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,250</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1626 Commonwealth Avenue, #18"
            >
                1626 Commonwealth Avenue, #18            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1634-commonwealth-avenue-19-2446/2079"
   @click="selectListing('2079')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_55825c94c106a1d903.63206064.jpg" alt="1634 Commonwealth Avenue, #19">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1634 Commonwealth Avenue, #19"
            >
                1634 Commonwealth Avenue, #19            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/10-fuller-street-2-2446/1621"
   @click="selectListing('1621')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_17435c1e99aab80144.67470379.jpg" alt="10 Fuller Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="10 Fuller Street, #2"
            >
                10 Fuller Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1350-commonwealth-avenue-2-2446/1223"
   @click="selectListing('1223')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_91595ba9d994dc6b44.47180802.jpg" alt="1350 Commonwealth Avenue, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1350 Commonwealth Avenue, #2"
            >
                1350 Commonwealth Avenue, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-2-2446/679"
   @click="selectListing('679')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50405d9f79b7650d80.64808244.jpg" alt="1810 Commonwealth Avenue, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,295</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #2"
            >
                1810 Commonwealth Avenue, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/189-babcock-street-2-2446/5457"
   @click="selectListing('5457')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74655eebec3b125593.29654053.jpg" alt="189 Babcock Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="189 Babcock Street, #2"
            >
                189 Babcock Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/21-gibbs-street-2-2446/6277"
   @click="selectListing('6277')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41615f182a3b1613a7.76780743.jpg" alt="21 Gibbs Street, #2">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="21 Gibbs Street, #2"
            >
                21 Gibbs Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/219-freeman-street-2-2446/9441"
   @click="selectListing('9441')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_65215fc2ada5b64733.14035805.jpg" alt="219 Freeman Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="219 Freeman Street, #2"
            >
                219 Freeman Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/31-dwight-street-2-2446/11369"
   @click="selectListing('11369')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_38736082037c2e2528.35111520.jpg" alt="31 Dwight Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,600</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="31 Dwight Street, #2"
            >
                31 Dwight Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/66-egmont-street-2-2446/1630"
   @click="selectListing('1630')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_72215c33c11bde8293.39219083.jpg" alt="66 Egmont Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,975</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="66 Egmont Street, #2"
            >
                66 Egmont Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/94-pleasant-street-2-2446/1688"
   @click="selectListing('1688')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_56305c411a27d542a7.24341909.jpg" alt="94 Pleasant Street, #2">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="94 Pleasant Street, #2"
            >
                94 Pleasant Street, #2            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-202-2446/1685"
   @click="selectListing('1685')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_41775c40ff2b3daa91.86078703.jpg" alt="73 Thatcher Street, #202">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="73 Thatcher Street, #202"
            >
                73 Thatcher Street, #202            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/50-green-street-205-2446/1962"
   @click="selectListing('1962')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_27895c67268bcb0ee5.85206514.jpg" alt="50 Green Street, #205">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,150</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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 Green Street, #205"
            >
                50 Green Street, #205            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1630-commonwealth-avenue-23-2446/2080"
   @click="selectListing('2080')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_96255c94c0adddfe48.77942520.jpg" alt="1630 Commonwealth Avenue, #23">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1630 Commonwealth Avenue, #23"
            >
                1630 Commonwealth Avenue, #23            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/541"
   @click="selectListing('541')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_30745b911ce8035073.68163815.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1800-commonwealth-avenue-27-2446/1498"
   @click="selectListing('1498')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_97945bf53f54439093.69916582.jpg" alt="1800 Commonwealth Avenue, #27">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1800 Commonwealth Avenue, #27"
            >
                1800 Commonwealth Avenue, #27            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-28-2446/2096"
   @click="selectListing('2096')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_54335c94b1d73ee538.13995090.jpg" alt="1810 Commonwealth Avenue, #28">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #28"
            >
                1810 Commonwealth Avenue, #28            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/437"
   @click="selectListing('437')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52485b912465ed8860.85994422.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/438"
   @click="selectListing('438')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_58645b52550bea3e65.41609597.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/46-babcock-street-2nd-floor-2446/6756"
   @click="selectListing('6756')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_37415f3171f7d7dd85.69470703.jpg" alt="46 Babcock Street, #2nd floor">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,900</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="46 Babcock Street, #2nd floor"
            >
                46 Babcock Street, #2nd floor            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/385-harvard-street-2r-2446/5107"
   @click="selectListing('5107')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_99085ed7d41a7370e6.68763098.jpg" alt="385 Harvard Street, #2r">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,750</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="385 Harvard Street, #2r"
            >
                385 Harvard Street, #2r            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/10-fuller-street-3-2446/1625"
   @click="selectListing('1625')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50375c23762aa3c787.33259380.jpg" alt="10 Fuller Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="10 Fuller Street, #3"
            >
                10 Fuller Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1232-beacon-street-3-2446/6311"
   @click="selectListing('6311')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_22115f197b19d0aa49.00261791.jpg" alt="1232 Beacon Street, #3">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1232 Beacon Street, #3"
            >
                1232 Beacon Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        5                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/141-fuller-street-3-2446/3985"
   @click="selectListing('3985')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74045e9dceaf7258e5.60985791.jpg" alt="141 Fuller Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,800</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="141 Fuller Street, #3"
            >
                141 Fuller Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/535"
   @click="selectListing('535')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_15535b911c859f7b03.24571840.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/48-babcock-street-3-2446/6309"
   @click="selectListing('6309')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_57215f197a6d5d4499.69677164.jpg" alt="48 Babcock Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,300</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="48 Babcock Street, #3"
            >
                48 Babcock Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/60-egmont-street-3-2446/1633"
   @click="selectListing('1633')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_79455c34f390795ae8.35117854.jpg" alt="60 Egmont Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="60 Egmont Street, #3"
            >
                60 Egmont Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/62-egmont-street-3-2446/1629"
   @click="selectListing('1629')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_49915c33ac9b473968.69722474.jpg" alt="62 Egmont Street, #3">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="62 Egmont Street, #3"
            >
                62 Egmont Street, #3            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/73-thatcher-street-302-2446/1683"
   @click="selectListing('1683')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_52095c40f5f99d8704.73485871.jpg" alt="73 Thatcher Street, #302">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,100</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="73 Thatcher Street, #302"
            >
                73 Thatcher Street, #302            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/420-harvard-street-305-2446/2948"
   @click="selectListing('2948')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_75535db6f29f0cde24.88170690.jpg" alt="420 Harvard Street, #305">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,950</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="420 Harvard Street, #305"
            >
                420 Harvard Street, #305            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/125-pleasant-street-306-2446/6000"
   @click="selectListing('6000')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74635f09f121e7ff88.55061854.jpg" alt="125 Pleasant Street, #306">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="125 Pleasant Street, #306"
            >
                125 Pleasant Street, #306            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/457"
   @click="selectListing('457')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_25955b91235a96c379.41079118.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,695</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1800-commonwealth-avenue-33-2446/2195"
   @click="selectListing('2195')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_94915cab0d1f1c8628.19345815.jpg" alt="1800 Commonwealth Avenue, #33">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,825</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1800 Commonwealth Avenue, #33"
            >
                1800 Commonwealth Avenue, #33            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-36-2446/2095"
   @click="selectListing('2095')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51695c94b1f790aee7.11107072.jpg" alt="1810 Commonwealth Avenue, #36">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #36"
            >
                1810 Commonwealth Avenue, #36            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/435"
   @click="selectListing('435')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_51115b91244ed6e588.08181755.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/56-egmont-street-4-2446/1631"
   @click="selectListing('1631')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_93525c33ca3384de56.63978034.jpg" alt="56 Egmont Street, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,050</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="56 Egmont Street, #4"
            >
                56 Egmont Street, #4            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/94-pleasant-street-4-2446/1681"
   @click="selectListing('1681')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_47755c3fa30ca93aa8.23753631.jpg" alt="94 Pleasant Street, #4">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,600</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="94 Pleasant Street, #4"
            >
                94 Pleasant Street, #4            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.svg" alt="3dapartment bathrooms count">
                </figure>
                <div class="num">
                    2                </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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/536"
   @click="selectListing('536')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20255b911c960e98c4.11847520.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,275</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/452"
   @click="selectListing('452')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_20835b9122da873b62.02319974.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,895</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/330-saint-paul-street-5-2446/5485"
   @click="selectListing('5485')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63065eecef481892b2.61432191.jpg" alt="330 Saint Paul Street, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="330 Saint Paul Street, #5"
            >
                330 Saint Paul Street, #5            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/69-babcock-street-5-2446/1691"
   @click="selectListing('1691')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_39265c439f065bac83.14873480.jpg" alt="69 Babcock Street, #5">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$5,000</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="69 Babcock Street, #5"
            >
                69 Babcock Street, #5            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        4                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1232-beacon-street-6-2446/6690"
   @click="selectListing('6690')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_32055f2bec5e205dc6.63057791.jpg" alt="1232 Beacon Street, #6">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,700</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.svg" alt="view in 3D"></figure>
        </div>

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="1232 Beacon Street, #6"
            >
                1232 Beacon Street, #6            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/commonwealth-avenue/439"
   @click="selectListing('439')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_64285b9124799a6636.85971022.jpg" alt="Commonwealth Avenue">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="true">
                                    <div class="nofee">No Fee</div>
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="Commonwealth Avenue"
            >
                Commonwealth Avenue            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/48-babcock-street-6-2446/6308"
   @click="selectListing('6308')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_87615f197a143f0493.61231322.jpg" alt="48 Babcock Street, #6">
        </figure>

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

            </div>

    <div class="listing-card-content">
        <div class="location">
            <p
                class="address"
                title="48 Babcock Street, #6"
            >
                48 Babcock Street, #6            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </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/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/389-harvard-street-7-2446/4532"
   @click="selectListing('4532')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_31605ebdba0e6c7ad8.13120137.jpg" alt="389 Harvard Street, #7">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,050</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="389 Harvard Street, #7"
            >
                389 Harvard Street, #7            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/389-harvard-street-8-2446/5213"
   @click="selectListing('5213')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_46155edeb986ceda80.34727753.jpg" alt="389 Harvard Street, #8">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,995</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="389 Harvard Street, #8"
            >
                389 Harvard Street, #8            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/185-freeman-street-839-2446/174"
   @click="selectListing('174')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_63445b913b1ddf0434.89121435.jpg" alt="185 Freeman Street, #839">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$3,500</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="185 Freeman Street, #839"
            >
                185 Freeman Street, #839            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/1810-commonwealth-avenue-9-2446/417"
   @click="selectListing('417')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_74855b912521a13db1.96467165.jpg" alt="1810 Commonwealth Avenue, #9">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$1,875</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="1810 Commonwealth Avenue, #9"
            >
                1810 Commonwealth Avenue, #9            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/185-freeman-street-936-2446/173"
   @click="selectListing('173')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_50895b913b09bfa492.38384461.jpg" alt="185 Freeman Street, #936">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,525</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="185 Freeman Street, #936"
            >
                185 Freeman Street, #936            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        1                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/185-freeman-street-940-2446/176"
   @click="selectListing('176')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_92355b6324514d7b95.64718723.jpg" alt="185 Freeman Street, #940">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$4,325</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="185 Freeman Street, #940"
            >
                185 Freeman Street, #940            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        3                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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="/apartments-in-clifton-heights-massachusetts/61-babcock-street-b-2446/6450"
   @click="selectListing('6450')">
    <div class="listing-image">
        <figure class="image is-3by2">
            <img src="/spheres/listing_preview/listing_preview_82485f206491df65a4.27397546.jpg" alt="61 Babcock Street, #B">
        </figure>

        <div class="card-label blue-gradient">
            <div class="price">$2,150</div>
            <template v-if="false">
                            </template>
        </div>
        <div class="d-label">
            <figure class="image"><img src="/img/assets/home/assets/3d.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="61 Babcock Street, #B"
            >
                61 Babcock Street, #B            </p>
                        <p
                class="hood"
                title="Apartments in Clifton Heights, Massachusetts, Brookline"
            >
                Apartments in Clifton Heights, Massachusetts, Brookline            </p>

        </div>
        <div class="rooms">
            <div class="bed">
                                    <figure class="image is-24x24">
                        <img src="/img/assets/home/assets/bd.svg" alt="3dapartment bedrooms count">
                    </figure>
                    <div class="num">
                        2                    </div>
                            </div>
            <div class="bath">
                <figure class="image is-24x24">
                    <img src="/img/assets/home/assets/ba.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>

                                            </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>

                    <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": "Organization",
        "name": "3D Apartment",
        "url": "https://3dapartment.com/",
        "sameAs": [
            "https://www.youtube.com/c/3DAPARTMENT",
            "https://www.facebook.com/3Dapartments",
            "https://www.linkedin.com/company/3dapartment",
            "https://twitter.com/3dapartment"
        ],
        "logo": "https://3dapartment.com/img/assets/big-logo-blue.png"
    }
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Review",
  "reviewBody": "71 Apartments in Apartments in Clifton Heights, Massachusetts, Boston, MA.",
  "itemReviewed": {
    "@type": "Place",
    "image": "https://3dapartment.com/uploads/neighborhoods/header_5afc2490c451e5.03298728.jpg",
    "name": "Apartments in Clifton Heights, Massachusetts",
    "address":{
         "addressRegion": "MA",
         "addressLocality": "Apartments in Clifton Heights, Massachusetts, Boston"
    }
  },
  "publisher": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "author": {
    "@type": "Organization",
    "name": "3Dapartment"
  },
  "description":"No description",
  "url" : "http://3dapartment.com/n/greater-boston/north-brookline/42",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afc2490c43392.95228590.jpg ",
  "name": "3D Apartment | Apartments in Clifton Heights, Massachusetts"

}


</script>

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Place",
  "address":{
         "addressRegion": "MA",
         "addressLocality": "Apartments in Clifton Heights, Massachusetts, Boston"
    },
  "description":"No description",
  "url" : "http://3dapartment.com/n/greater-boston/north-brookline/42",
  "image" : "http://3dapartment.com/uploads/neighborhoods/main/main_5afc2490c43392.95228590.jpg ",
  "name": "3D Apartment | Apartments in Clifton Heights, Massachusetts"
}

</script>

<script src="/build/app.801b4dd2f257a817c590.js" async="async"></script>
<script type="text/javascript">
(function(){
    const map = {
        '8573056004': 'AW-611187644/1s_3CJTx2eYBELz3t6MC',
        '7866716029': 'AW-611187644/HothCM_MveYBELz3t6MC',
        '8447333385': 'AW-611187644/HPePCPru2eYBELz3t6MC',
    };

    document.addEventListener('click', ({ target }) => {
        if (typeof gtag !== 'undefined' && target && target.hasAttribute('href')) {
            Object.entries(map)
                .forEach(([tel, to]) => {
                    if (`tel:${tel}` === target.getAttribute('href')) {
                        gtag('event', 'conversion', { send_to: to });
                    }
                });
        }
    });
})();
</script>
</body>
</html>