diff --git a/package-lock.json b/package-lock.json
index 3c2c4cc..4352cff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4917,9 +4917,9 @@
       "dev": true
     },
     "http-proxy": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.0.tgz",
-      "integrity": "sha512-84I2iJM/n1d4Hdgc6y2+qY5mDaz2PUVjlg9znE9byl+q0uC3DeByqBGReQu5tpLK0TAqTIXScRUV+dg7+bUPpQ==",
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
       "dev": true,
       "requires": {
         "eventemitter3": "^4.0.0",
diff --git a/src/app/app.component.css b/src/app/app.component.css
index 9a1a574..10355b1 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,87 +1,73 @@
 .header {
-  display: flex;
-  align-items: center;
-  min-height: 50px;
-  padding: 0.5rem 1rem;
-  background-image: linear-gradient(to right, #c3002f, #dd0031);
-  color: #fff;
-  margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    min-height: 50px;
+    padding: 0.5rem 1rem;
+    background-image: linear-gradient(to right, #c3002f, #dd0031);
+    color: #fff;
+    margin-bottom: 1rem;
 }
 
 .header a {
-  color: #fff;
-  text-decoration: none;
+    color: #fff;
+    text-decoration: none;
 }
 
 .header-title {
-  font-size: 1.2rem;
-  font-weight: normal;
+    font-size: 1.2rem;
+    font-weight: normal;
 }
 
 .header-title::after {
-  content: ' ▸ ';
-  padding: 0 0.5rem;
+    content: ' ▸ ';
+    padding: 0 0.5rem;
 }
 
 .header-subtitle {
-  font-size: 1.2rem;
+    font-size: 1.2rem;
 }
 
 .container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 1rem;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 1rem;
 }
 
 .search-panel {
-  display: flex;
+    display: flex;
 }
 
 .search-panel__filters {
-  flex: 1;
+    flex: 1;
 }
 
 .search-panel__results {
-  flex: 3;
+    flex: 3;
 }
 
 .searchbox {
-  margin-bottom: 2rem;
+    margin-bottom: 2rem;
 }
 
 .pagination {
-  margin: 2rem auto;
-  text-align: center;
-}
-
-.hit-description {
-  font-size: 12px;
-  line-height: 24px;
-  color: #878f96;
-  text-transform: uppercase;
+    margin: 2rem auto;
+    text-align: center;
 }
 
 .doctor_pic {
-  width: 80px;
-  height: 80px;
-  border-radius: 40px;
+    width: 80px !important;
+    height: 80px !important;
+    border-radius: 40px;
 }
 
-.top-head {
+.hit-bookmark{
   font-size: 12px;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-  padding: 8px 30px;
-  background-color: #143f52;
-  color: #fff;
-}
-
-.section-padding {
-  padding: 30px 25px;
-}
-
-.owl-item {
-  border-bottom-right-radius: 5px;
-  background-color: #fafafa;
+  color: #d39f93;
 }
 
+.hit-features{
+  color: #878f96;
+  font-size: 13px;
+  line-height: 22px;
+  margin-top: 10px;
+}
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index e5fedbe..28761cf 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,73 +1,53 @@
 <div class="container mx-auto">
-  <div class="w-full h-12">
-    <ais-instantsearch [config]="config">
-      <div class="">
-        <div class="">
-          <ais-current-refinements></ais-current-refinements>
-          <ais-refinement-list attribute="brand"></ais-refinement-list>
-          <ais-configure [searchParameters]="{ hitsPerPage: 5, aroundLatLng: '40.71, -74.01',
+    <div class="w-full h-12">
+        <ais-instantsearch [config]="config">
+            <ais-current-refinements></ais-current-refinements>
+            <ais-refinement-list attribute="brand"></ais-refinement-list>
+            <ais-configure [searchParameters]="{ hitsPerPage: 5, aroundLatLng: '40.71, -74.01',
               maxFacetHits: 5, restrictSearchableAttributes: ['specialties']}"></ais-configure>
-          <ais-search-box></ais-search-box>
-          <ais-hits>
-            <ng-template let-hits="hits">
-              <div class="ais-Hits-list">
-                <owl-carousel-o [options]="customOptions">
-                    <ng-container *ngFor="let hit of hits">
-                        <ng-template carouselSlide [id]="hit.name">
-                          <!-- <img [src]="slide.src" [alt]="slide.alt" [title]="slide.title"> -->
-                          <div class="top-head">
-                              HSS, Sports Medicine 541 E 71st St
-                            </div>
-                            <div class="section-padding">
-                              <div class="flex flex-wrap">
-                                <div class="w-1/5">
-                                  <img src="{{hit.photo_url}}" alt="{{hit.name}}" class="doctor_pic" />
-                                </div>
-                                <div class="w-4/5">
-                                  <div class="hit-name">
-                                    {{hit.name}}
-                                  </div>
-                                  <div class="hit-description">
-                                    <ais-highlight attribute="specialties" [hit]="hit"></ais-highlight>
-                                  </div>
-                                </div>
-                              </div>
-                            </div>
-                        </ng-template>
-                      </ng-container>
-                </owl-carousel-o>
-                    <!-- <div *ngFor="let hit of hits" class="ais-Hits-item item">
-                      <div class="top-head">
-                        HSS, Sports Medicine 541 E 71st St
-                      </div>
-                      <div class="section-padding">
-                        <div class="flex flex-wrap">
-                          <div class="w-1/5">
-                            <img src="{{hit.photo_url}}" alt="{{hit.name}}" class="doctor_pic" />
-                          </div>
-                          <div class="w-4/5">
-                            <div class="hit-name">
-                              {{hit.name}}
-                            </div>
-                            <div class="hit-description">
-                              <ais-highlight attribute="specialties" [hit]="hit"></ais-highlight>
-                              <ais-highlight attribute="description" [hit]="hit"></ais-highlight>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="hit-price">${{hit.price}}</div>
-                    </div> -->
-              </div>
-            </ng-template>
-          </ais-hits>
-        </div>
-        <div class="">
-          <br />
-          <app-geo-search></app-geo-search>
-          <!-- <ais-pagination></ais-pagination> -->
-        </div>
-      </div>
-    </ais-instantsearch>
-  </div>
+            <ais-search-box></ais-search-box>
+            <app-geo-search></app-geo-search>
+            <ais-hits>
+                <ng-template let-hits="hits">
+                    <div class="ais-Hits-list my-5 py-5">
+                        <owl-carousel-o [options]="customOptions">
+                            <ng-container *ngFor="let hit of hits">
+                                <ng-template carouselSlide [id]="hit.name">
+                                    <!-- <img [src]="slide.src" [alt]="slide.alt" [title]="slide.title"> -->
+                                    <div class="top-head">
+                                        HSS, Sports Medicine 541 E 71st St
+                                    </div>
+                                    <div class="section-padding">
+                                        <div class="flex flex-wrap">
+                                            <div class="w-2/6">
+                                                <img src="{{hit.photo_url}}" alt="{{hit.name}}" class="doctor_pic" />
+                                            </div>
+                                            <div class="w-4/6">
+                                                <h3 class="hit-name">
+                                                    {{hit.name}}
+                                                </h3>
+                                                <div class="hit-description">
+                                                  <span *ngFor="let specialty of hit.specialties">
+                                                    {{specialty}}, 
+                                                  </span>
+                                                    <!-- <ais-highlight attribute="specialties" [hit]="hit"></ais-highlight> -->
+                                                </div>
+                                                <div class="hit-bookmark">Save</div>
+                                            </div>
+                                            <div class="hit-features">"Very professional. Dr Kelly & his staff are very responsive and in tune with their patient's recoveries."</div>
+                                            <hr class="w-full my-3" />
+                                            <a href="#" class="bg-red-500 text-white inline-block align-middle text-center select-none border font-normal whitespace-no-wrap py-2 px-4 rounded text-base leading-normal no-underline">
+                                                Book Appointment
+                                            </a>
+                                        </div>
+                                    </div>
+                                </ng-template>
+                            </ng-container>
+                        </owl-carousel-o>
+                    </div>
+                </ng-template>
+            </ais-hits>
+            
+        </ais-instantsearch>
+    </div>
 </div>
\ No newline at end of file
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 948acd6..cbbe9e0 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -17,12 +17,10 @@ const searchClient = algoliasearch(
 export class AppComponent {
   customOptions: OwlOptions = {
     loop: true,
-    mouseDrag: false,
-    touchDrag: false,
-    pullDrag: false,
     dots: false,
+    center: true,
     navSpeed: 700,
-    navText: ['', ''],
+    navText: ['<', '>'],
     responsive: {
       0: {
         items: 1
@@ -34,7 +32,7 @@ export class AppComponent {
         items: 3
       },
       940: {
-        items: 4
+        items: 3
       }
     },
     nav: true
diff --git a/src/styles.css b/src/styles.css
index 183960a..a44a969 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -23,4 +23,49 @@ body {
   max-width: 1560px;
   overflow: hidden;
   margin: 0 auto
-}                                                                                                                                                                               
\ No newline at end of file
+}
+
+.owl-item {
+	opacity: 0.5;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    background-color: #fafafa !important;
+}
+
+.owl-item.center {
+	opacity: 1 !important;
+    border-radius: 5px;
+    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
+}
+
+.owl-item .top-head {
+    font-size: 12px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    padding: 8px 30px;
+    background-color: #143f52;
+    color: #fff;
+}
+
+.owl-item .section-padding {
+    padding: 30px 25px;
+}
+
+.owl-item .hit-name {
+    font-size: 18px;
+}
+
+.owl-item .hit-description {
+    font-size: 12px;
+    line-height: 18px;
+    color: #878f96;
+    text-transform: uppercase;
+}
+
+.owl-theme .owl-nav [class*=owl-] {
+    background: #143f52 !important;
+}
+
+.sebm-google-map-container{
+	height: 300px !important;
+}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 50e5a31..fcd4ed4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,13 @@
 # yarn lockfile v1
 
 
+"@agm/core@^1.0.0-beta.7":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@agm/core/-/core-1.1.0.tgz#6f8dcbac068f681fe4fa9b0a0cbf660588025911"
+  integrity sha512-cMvmm3+3/uuVFurLv1FKhE0/6ssIlDvYBjQFCi8ELg7h0OY2MkIU1MXWr7z+f/xZ08E936I4eeddni6k4yUTIA==
+  dependencies:
+    tslib "^1.9.0"
+
 "@angular-devkit/architect@0.13.8":
   version "0.13.8"
   resolved "https://registry.yarnpkg.com/@angular-devkit/architect/-/architect-0.13.8.tgz#c3b7469e15e2710d48b6fe4e54efea26b557bf14"
@@ -1819,7 +1826,7 @@ compressible@~2.0.13:
 
 compression@^1.5.2:
   version "1.7.2"
-  resolved "http://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69"
+  resolved "https://registry.npmjs.org/compression/-/compression-1.7.2.tgz#aaffbcd6aaf854b44ebb280353d5ad1651f59a69"
   integrity sha1-qv+81qr4VLROuygDU9WtFlH1mmk=
   dependencies:
     accepts "~1.3.4"
@@ -2543,10 +2550,10 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-eventemitter3@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.0.tgz#090b4d6cdbd645ed10bf750d4b5407942d7ba163"
-  integrity sha512-ivIvhpq/Y0uSjcHDcOIccjmYjGLcP09MFGE7ysAwkAvkXfpZlC985pH2/ui64DKazbTW/4kN3yqozUxlXzI6cA==
+eventemitter3@^4.0.0:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
+  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
 events@^1.0.0, events@^1.1.0, events@^1.1.1:
   version "1.1.1"
@@ -2903,11 +2910,9 @@ flush-write-stream@^1.0.0:
     readable-stream "^2.0.4"
 
 follow-redirects@^1.0.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.0.tgz#234f49cf770b7f35b40e790f636ceba0c3a0ab77"
-  integrity sha512-fdrt472/9qQ6Kgjvb935ig6vJCuofpBUD14f9Vb+SLlm7xIe4Qva5gey8EKtv8lp7ahE1wilg3xL1znpVGtZIA==
-  dependencies:
-    debug "^3.1.0"
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.13.0.tgz#b42e8d93a2a7eea5ed88633676d6597bc8e384db"
+  integrity sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==
 
 for-in@^0.1.3:
   version "0.1.8"
@@ -3454,11 +3459,11 @@ http-proxy-middleware@~0.18.0:
     micromatch "^3.1.9"
 
 http-proxy@^1.13.0, http-proxy@^1.16.2:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.17.0.tgz#7ad38494658f84605e2f6db4436df410f4e5be9a"
-  integrity sha512-Taqn+3nNvYRfJ3bGvKfBSRwy1v6eePlm3oc/aWVxZp57DQr5Eq3xhKJi7Z4hZpS8PC3H4qI+Yly5EmFacGuA/g==
+  version "1.18.1"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
+  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
   dependencies:
-    eventemitter3 "^3.0.0"
+    eventemitter3 "^4.0.0"
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
@@ -4993,6 +4998,13 @@ neo-async@^2.5.0:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.5.1.tgz#acb909e327b1e87ec9ef15f41b8a269512ad41ee"
   integrity sha512-3KL3fvuRkZ7s4IFOMfztb7zJp3QaVWnBeGoJlgB38XnCRPj/0tLzzLG5IB8NYOHbJ8g8UGrgZv44GLDk6CxTxA==
 
+ngx-owl-carousel-o@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ngx-owl-carousel-o/-/ngx-owl-carousel-o-2.1.1.tgz#49df7f90797d4679ed0f7deec8cc027d739b0fa6"
+  integrity sha512-1HRJdrOFvaol0yeVRpLC31fQhizb4eQHeKtLoWMj7VjlKh5WhZbrI7C3yIY0iTz8ZxCHZywspXFZH9dej7RjRQ==
+  dependencies:
+    tslib "^1.9.0"
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"