diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
index d85da7b..a310256 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/all-pd/all-pd.component.html
@@ -122,11 +122,11 @@
             
              <!--Start Web View Code-->
              <div fxLayout="row wrap" *ngFor="let details of pagedList">
-            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
+            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="cell" style="justify-content:flex-end">
                 <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
                 <span mat-line class="cell">{{details.pd_type_name}}</span>
             </div>           
-            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
+            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="cell" style="justify-content:flex-end">
                 <span *ngIf="details.is_child" mat-line>
                     <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
                 </span>
@@ -135,7 +135,7 @@
                 <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
                 <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
             </div>
-            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
+            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="13.66" fxFlex.lg="13.66" fxFlex.xl="13.66" class="cell" style="justify-content:flex-end">
                 <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
                 <br>
                 <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
@@ -143,7 +143,7 @@
                 <span *ngIf="details.loan_amount" class="fontsize">
                     <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
             </div>
-            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
+            <div fxFlex.xs="40" fxFlex.sm="40"  fxFlex.md="15.66" fxFlex.lg="15.66" fxFlex.xl="15.66" class="cell center" style="justify-content:flex-end">
                 <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
                 <br>
                 <span class="fontsize" *ngIf="details.city_name">
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
index 8230e44..6294922 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/completed-pd/completed-pd.component.html
@@ -113,42 +113,57 @@
           
            <!--Start Web View Code-->
            <div fxLayout="row wrap" *ngFor="let details of pagedList">
-          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
-              <span mat-line class="cell">{{details.pd_type_name}}</span>
-          </div>           
-          <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span *ngIf="details.is_child" mat-line>
-                  <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
-              </span>
-              <br> 
-              <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
-              <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
-              <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
-          </div>
-          <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
-              <br>
-              <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
-              <br>
-              <span *ngIf="details.loan_amount" class="fontsize">
-                  <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
-          </div>
-          <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
-              <br>
-              <span class="fontsize" *ngIf="details.city_name">
-                  <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
-          </div>
-          <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
-              <span> {{details.pd_status}}</span><br>                    
-              <span class="fontsize" [matTooltip]="details.pd_status | titlecase" >{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}</span>
-              
-          </div> 
-          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
-            <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)" matTooltip="View" 
-            matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button> 
-          </div>             
+            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="cell" style="justify-content:flex-end">
+                <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
+                <span mat-line class="cell">{{details.pd_type_name}}</span>
+            </div>           
+            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="cell" style="justify-content:flex-end">
+                <span *ngIf="details.is_child" mat-line>
+                    <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
+                </span>
+                <br> 
+                <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
+                <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
+                <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
+            </div>
+            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="13.66" fxFlex.lg="13.66" fxFlex.xl="13.66" class="cell" style="justify-content:flex-end">
+                <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
+                <br>
+                <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
+                <br>
+                <span *ngIf="details.loan_amount" class="fontsize">
+                    <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
+            </div>
+            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="15.66" fxFlex.lg="15.66" fxFlex.xl="15.66" class="cell center" style="justify-content:flex-end">
+                <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
+                <br>
+                <span class="fontsize" *ngIf="details.city_name">
+                    <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
+            </div>
+            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
+                <span *ngIf="details.pd_status!='QC_COMPLETED'"> {{details.pd_status}}</span>
+                <span *ngIf="details.pd_status=='QC_COMPLETED'"> QC COMPLETED</span>
+                <br>
+                <span class="fontsize cell" *ngIf="details.pd_status!='SCHEDULED' &&  details.pd_status!='QC_COMPLETED'" [matTooltip]="details.pd_status | titlecase"
+                    matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                </span>
+                <span class="fontsize" *ngIf="details.pd_status=='QC_COMPLETED'" matTooltip="QC Completed" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                </span>
+                <span class="fontsize" *ngIf="details.pd_status=='SCHEDULED'" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{details.scheduled_on}}
+                </span>
+            </div> 
+            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
+                <a [style.visibility]="details.pd_status=='INITIATED' && details.encrypted_url!=null && details.encrypted_url!='' ? 'visible' : 'hidden'" [attr.href]="details.encrypted_url" target="_blank">
+                        <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary"
+                        matTooltip="Officer Tracking" matTooltipPosition="above">
+                        <mat-icon>my_location</mat-icon>
+                    </button>
+                </a>
+                <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
+                    matTooltip="View" matTooltipPosition="above">
+                    <mat-icon>visibility</mat-icon>
+                </button>
+            </div>           
           <mat-divider></mat-divider>
   </div> 
   <!--End Web View Code-->
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
index 51553e8..00725eb 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/inprogress-pd/inprogress-pd.component.html
@@ -112,41 +112,57 @@
             
              <!--Start Web View Code-->
              <div fxLayout="row wrap" *ngFor="let details of pagedList">
-            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
-                <span mat-line class="cell">{{details.pd_type_name}}</span>
-            </div>           
-            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                <span *ngIf="details.is_child" mat-line>
-                    <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
-                </span>
-                <br> 
-                <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
-                <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
-                <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
-            </div>
-            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
-                <br>
-                <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
-                <br>
-                <span *ngIf="details.loan_amount" class="fontsize">
-                    <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
-            </div>
-            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
-                <br>
-                <span class="fontsize" *ngIf="details.city_name">
-                    <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
-            </div>
-            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
-                <span> {{details.pd_status}}</span><br>                    
-                <span class="fontsize" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}</span>
-                
-            </div> 
-            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
-                <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)" matTooltip="View" matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button>
-            </div>             
+                <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="cell" style="justify-content:flex-end">
+                    <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
+                    <span mat-line class="cell">{{details.pd_type_name}}</span>
+                </div>           
+                <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="cell" style="justify-content:flex-end">
+                    <span *ngIf="details.is_child" mat-line>
+                        <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
+                    </span>
+                    <br> 
+                    <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
+                    <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
+                    <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
+                </div>
+                <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="13.66" fxFlex.lg="13.66" fxFlex.xl="13.66" class="cell" style="justify-content:flex-end">
+                    <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
+                    <br>
+                    <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
+                    <br>
+                    <span *ngIf="details.loan_amount" class="fontsize">
+                        <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
+                </div>
+                <div fxFlex.xs="40" fxFlex.sm="40"  fxFlex.md="15.66" fxFlex.lg="15.66" fxFlex.xl="15.66" class="cell center" style="justify-content:flex-end">
+                    <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
+                    <br>
+                    <span class="fontsize" *ngIf="details.city_name">
+                        <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
+                </div>
+                <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
+                    <span *ngIf="details.pd_status!='QC_COMPLETED'"> {{details.pd_status}}</span>
+                    <span *ngIf="details.pd_status=='QC_COMPLETED'"> QC COMPLETED</span>
+                    <br>
+                    <span class="fontsize cell" *ngIf="details.pd_status!='SCHEDULED' &&  details.pd_status!='QC_COMPLETED'" [matTooltip]="details.pd_status | titlecase"
+                        matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                    </span>
+                    <span class="fontsize" *ngIf="details.pd_status=='QC_COMPLETED'" matTooltip="QC Completed" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                    </span>
+                    <span class="fontsize" *ngIf="details.pd_status=='SCHEDULED'" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{details.scheduled_on}}
+                    </span>
+                </div> 
+                <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
+                    <a [style.visibility]="details.pd_status=='INITIATED' && details.encrypted_url!=null && details.encrypted_url!='' ? 'visible' : 'hidden'" [attr.href]="details.encrypted_url" target="_blank">
+                            <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary"
+                            matTooltip="Officer Tracking" matTooltipPosition="above">
+                            <mat-icon>my_location</mat-icon>
+                        </button>
+                    </a>
+                    <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
+                        matTooltip="View" matTooltipPosition="above">
+                        <mat-icon>visibility</mat-icon>
+                    </button>
+                </div>           
             <mat-divider></mat-divider>
     </div> 
     <!--End Web View Code-->
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.scss b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.scss
index 8a4c290..acb2f11 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.scss
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/list-pd.component.scss
@@ -24,4 +24,5 @@
  .mat-fab.mat-accent{
      color:#e00201 !important;
      background-color: #fff !important;
+     float: right;
  }
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
index fe69d6d..a528de3 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/qc-completed-pd/qc-completed-pd.component.html
@@ -114,41 +114,57 @@
           
            <!--Start Web View Code-->
            <div fxLayout="row wrap" *ngFor="let details of pagedList">
-          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
-              <span mat-line class="cell">{{details.pd_type_name}}</span>
-          </div>           
-          <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span *ngIf="details.is_child" mat-line>
-                  <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
-              </span>
-              <br> 
-              <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
-              <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
-              <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
-          </div>
-          <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
-              <br>
-              <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
-              <br>
-              <span *ngIf="details.loan_amount" class="fontsize">
-                  <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
-          </div>
-          <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-              <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
-              <br>
-              <span class="fontsize" *ngIf="details.city_name">
-                  <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
-          </div>
-          <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
-              <span> QC COMPLETED</span><br>                    
-              <span class="fontsize" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}</span>
-              
-          </div> 
-          <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
-            <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)" matTooltip="View" matTooltipPosition="above" color="primary"><mat-icon>visibility</mat-icon></button>
-        </div>             
+            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="cell" style="justify-content:flex-end">
+                <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
+                <span mat-line class="cell">{{details.pd_type_name}}</span>
+            </div>           
+            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="cell" style="justify-content:flex-end">
+                <span *ngIf="details.is_child" mat-line>
+                    <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
+                </span>
+                <br> 
+                <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
+                <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
+                <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
+            </div>
+            <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="13.66" fxFlex.lg="13.66" fxFlex.xl="13.66" class="cell" style="justify-content:flex-end">
+                <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
+                <br>
+                <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
+                <br>
+                <span *ngIf="details.loan_amount" class="fontsize">
+                    <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
+            </div>
+            <div fxFlex.xs="40" fxFlex.sm="40"  fxFlex.md="15.66" fxFlex.lg="15.66" fxFlex.xl="15.66" class="cell center" style="justify-content:flex-end">
+                <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
+                <br>
+                <span class="fontsize" *ngIf="details.city_name">
+                    <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
+            </div>
+            <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
+                <span *ngIf="details.pd_status!='QC_COMPLETED'"> {{details.pd_status}}</span>
+                <span *ngIf="details.pd_status=='QC_COMPLETED'"> QC COMPLETED</span>
+                <br>
+                <span class="fontsize cell" *ngIf="details.pd_status!='SCHEDULED' &&  details.pd_status!='QC_COMPLETED'" [matTooltip]="details.pd_status | titlecase"
+                    matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                </span>
+                <span class="fontsize" *ngIf="details.pd_status=='QC_COMPLETED'" matTooltip="QC Completed" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                </span>
+                <span class="fontsize" *ngIf="details.pd_status=='SCHEDULED'" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{details.scheduled_on}}
+                </span>
+            </div> 
+            <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
+                <a [style.visibility]="details.pd_status=='INITIATED' && details.encrypted_url!=null && details.encrypted_url!='' ? 'visible' : 'hidden'" [attr.href]="details.encrypted_url" target="_blank">
+                        <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary"
+                        matTooltip="Officer Tracking" matTooltipPosition="above">
+                        <mat-icon>my_location</mat-icon>
+                    </button>
+                </a>
+                <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
+                    matTooltip="View" matTooltipPosition="above">
+                    <mat-icon>visibility</mat-icon>
+                </button>
+            </div>          
           <mat-divider></mat-divider>
   </div> 
   <!--End Web View Code-->
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
index 3cd7a18..3289b5d 100755
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/scheduled-pd/scheduled-pd.component.html
@@ -112,41 +112,57 @@
                     
                      <!--Start Web View Code-->
                      <div fxLayout="row wrap" *ngFor="let details of pagedList">
-                    <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                        <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
-                        <span mat-line class="cell">{{details.pd_type_name}}</span>
-                    </div>           
-                    <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                        <span *ngIf="details.is_child" mat-line>
-                            <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD'}}</b>
-                        </span>
-                        <br> 
-                        <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
-                        <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
-                        <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
-                    </div>
-                    <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                        <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
-                        <br>
-                        <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
-                        <br>
-                        <span *ngIf="details.loan_amount" class="fontsize">
-                            <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
-                    </div>
-                    <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell" style="justify-content:flex-end">
-                        <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
-                        <br>
-                        <span class="fontsize" *ngIf="details.city_name">
-                            <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
-                    </div>
-                    <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
-                        <span> {{details.pd_status}}</span><br>                    
-                        <span class="fontsize">{{details.scheduled_on}}</span>
-                        
-                    </div> 
-                    <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
-                        <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)" color="primary" matTooltip="View" matTooltipPosition="above"><mat-icon>visibility</mat-icon></button>
-                    </div>  
+                        <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="12" fxFlex.lg="12" fxFlex.xl="12" class="cell" style="justify-content:flex-end">
+                            <div [ngStyle]="{'color': '#e00201','font-weight': 'bold','font-size':'16px'}" mat-line>{{details.pd_sno}}</div>
+                            <span mat-line class="cell">{{details.pd_type_name}}</span>
+                        </div>           
+                        <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="25" fxFlex.lg="25" fxFlex.xl="25" class="cell" style="justify-content:flex-end">
+                            <span *ngIf="details.is_child" mat-line>
+                                <b>{{details.is_child == 0 ? details.applicant_name : 'Add On PD' }}</b>
+                            </span>
+                            <br> 
+                            <span class="fontsize" *ngIf="!details.lender_applicant_id"> Not Provided</span>
+                            <span class="fontsize" *ngIf="details.lender_applicant_id"> {{details.lender_applicant_id}}</span>
+                            <span class="fontsize" *ngIf="details.customer_segment_abbr">-({{details.customer_segment_abbr}} )</span>
+                        </div>
+                        <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="13.66" fxFlex.lg="13.66" fxFlex.xl="13.66" class="cell" style="justify-content:flex-end">
+                            <span *ngIf="details.lender_short_name" mat-line> {{details.lender_short_name}} </span>
+                            <br>
+                            <span *ngIf="details.product_abbr" mat-line class="fontsize"> {{details.product_abbr}}<span *ngIf="details.subproduct_abbr">/{{details.subproduct_abbr}}</span></span>
+                            <br>
+                            <span *ngIf="details.loan_amount" class="fontsize">
+                                <i class="fa-1x fa fa-rupee"></i> {{details.loan_amount}}</span>
+                        </div>
+                        <div fxFlex.xs="40" fxFlex.sm="40" fxFlex.md="15.66" fxFlex.lg="15.66" fxFlex.xl="15.66" class="cell center" style="justify-content:flex-end">
+                            <span matTooltip="Initiated Date" matTooltipPosition="above">{{details.pd_date_of_initiation}}</span>
+                            <br>
+                            <span class="fontsize" *ngIf="details.city_name">
+                                <i class="fa-1x fa fa-map-marker"> </i> {{details.city_name}}-{{details.pincode_id == 1 ? details.other_pincode : details.pincode }} </span>
+                        </div>
+                        <div fxFlex.xs="30" fxFlex.sm="30" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="center no-pad cell" style="justify-content:flex-end">
+                            <span *ngIf="details.pd_status!='QC_COMPLETED'"> {{details.pd_status}}</span>
+                            <span *ngIf="details.pd_status=='QC_COMPLETED'"> QC COMPLETED</span>
+                            <br>
+                            <span class="fontsize cell" *ngIf="details.pd_status!='SCHEDULED' &&  details.pd_status!='QC_COMPLETED'" [matTooltip]="details.pd_status | titlecase"
+                                matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                            </span>
+                            <span class="fontsize" *ngIf="details.pd_status=='QC_COMPLETED'" matTooltip="QC Completed" matTooltipPosition="above">{{ (details.updatedon)? (details.updatedon | slice:0:10):(details.updatedon) }}
+                            </span>
+                            <span class="fontsize" *ngIf="details.pd_status=='SCHEDULED'" [matTooltip]="details.pd_status | titlecase" matTooltipPosition="above">{{details.scheduled_on}}
+                            </span>
+                        </div> 
+                        <div fxFlex.xs="20" fxFlex.sm="20" fxFlex.md="16.66" fxFlex.lg="16.66" fxFlex.xl="16.66" class="cell center" style="justify-content:flex-end">
+                            <a [style.visibility]="details.pd_status=='INITIATED' && details.encrypted_url!=null && details.encrypted_url!='' ? 'visible' : 'hidden'" [attr.href]="details.encrypted_url" target="_blank">
+                                    <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary"
+                                    matTooltip="Officer Tracking" matTooltipPosition="above">
+                                    <mat-icon>my_location</mat-icon>
+                                </button>
+                            </a>
+                            <button mat-button mat-icon-button class="mr-1 mb-1 hover-icon" type="button" color="primary" (click)="viewPD(details.is_child == 0 ? details.pd_id : details.parent_pd_id,details.random_string)"
+                                matTooltip="View" matTooltipPosition="above">
+                                <mat-icon>visibility</mat-icon>
+                            </button>
+                        </div>   
                     <mat-divider></mat-divider>
             </div> 
             <!--End Web View Code-->
diff --git a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/form/form.component.html b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/form/form.component.html
index 2f8360b..cc626a9 100644
--- a/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/form/form.component.html
+++ b/ng6-seed/src/app/personal-discussion/manage-pd/list-pd/start-pd/forms/form/form.component.html
@@ -31,8 +31,8 @@
             <textarea matInput placeholder="Remarks" formControlName="common_remarks"></textarea>
         </mat-form-field>
     </div> -->
-  <div fxFlex="100" align="end">
-    <button type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit"
+  <div fxFlex="100" align="end" >
+    <button style="float: right;" type="submit" class="mr-1 mb-1 hover-icon" mat-raised-button mat-icon-button matTooltip="Submit"
         matTooltipPosition="above" (click)="saveForm()" [disabled]="disableAfterSubmit===true">
         <mat-icon>save</mat-icon>
     </button>
diff --git a/ng6-seed/src/assets/styles/scss/material/_cards.scss b/ng6-seed/src/assets/styles/scss/material/_cards.scss
index 68fcb43..881871c 100755
--- a/ng6-seed/src/assets/styles/scss/material/_cards.scss
+++ b/ng6-seed/src/assets/styles/scss/material/_cards.scss
@@ -64,7 +64,11 @@ body {
             padding: $gutter;
             margin-bottom: 0;
             position: relative;
+            @media(max-width:600px) {
+                padding: 0.5rem;
+            }
         }
+        
         [mat-fab-card-float] {
             top: -36px;
             position: absolute;