diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
index 6d2bd2762..6729a36d9 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/family-details/family-details.component.html
@@ -246,120 +246,10 @@
                     </div>
                 </ng-template>
             </mat-tab>
-
-            <mat-tab label="Docs">
-                <ng-template matTabContent>
-                    <div fxLayout="row wrap">
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face2.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div fxFlex="25" class="m-gap p-gap">
-                            <div class="p-list-main mb-2">
-                                <div class="p-list">
-
-                                    <div class="top"><img src="./../../../../../../../assets/images/face1.jpg" alt="" /></div>
-                                    <div class="bottom">
-                                        <div class="left">
-                                            <div class="details">
-                                                <small>Nivi SKM</small>
-                                                <!-- <p>{{docs.pd_document_name}}</p> -->
-                                            </div>
-                                            <!-- <div class="buy"><i class="material-icons">add_shopping_cart</i></div> -->
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                    </div>
-
-                </ng-template>
-            </mat-tab>
-            
+                      
         <mat-tab label="Docs">
                       <ng-template matTabContent>
+                          <div ngxViewer>
                                  <div fxLayout="row wrap" style="padding:20px;">
                                 <div fxFlex="100">
                                   <div fxFlex="20" class="m-gap p-gap">
@@ -449,7 +339,8 @@
                                           </div>                                    
                                    </div>
                                 </div>                                 
-                              </div>                                            
+                              </div>    
+                          </div>                                        
                              </ng-template>
                     </mat-tab>