diff --git a/src/app/demo/view/mediademo.component.html b/src/app/demo/view/mediademo.component.html
index 5eb034e..74ffe0e 100644
--- a/src/app/demo/view/mediademo.component.html
+++ b/src/app/demo/view/mediademo.component.html
@@ -37,7 +37,7 @@
         <div class="card">
             <h5>Galleria</h5>
             <p-galleria [value]="images" [responsiveOptions]="galleriaResponsiveOptions"
-                        [containerStyle]="{'max-width': '800px', 'margin':'auto'}" [numVisible]="7" [circular]="true">
+                        [containerStyle]="{'max-width': '800px', 'margin':'auto'}" [numVisible]="6" [circular]="true">
                 <ng-template pTemplate="item" let-item>
                     <img [src]="item.itemImageSrc" style="width: 100%; display: block;"/>
                 </ng-template>
@@ -49,4 +49,4 @@
             </p-galleria>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/demo/view/mediademo.component.ts b/src/app/demo/view/mediademo.component.ts
index d7e6324..f73d653 100644
--- a/src/app/demo/view/mediademo.component.ts
+++ b/src/app/demo/view/mediademo.component.ts
@@ -30,7 +30,7 @@ export class MediaDemoComponent implements OnInit {
       },
       {
           breakpoint: '768px',
-          numVisible: 1
+          numVisible: 3
       },
       {
           breakpoint: '560px',