Responsive fix

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

src/app/demo/view/mediademo.component.ts

@@ -30,7 +30,7 @@ export class MediaDemoComponent implements OnInit {
       },
       {
           breakpoint: '768px',
-          numVisible: 1
+          numVisible: 3
       },
       {
           breakpoint: '560px',