Question: id like to know how i can check how many times the numbers i have stored in an array repeat them selves!
that's the code i have:

```
const int max = 15;
int a[max] = { 1, 2, 3, 2, 1, 3, 2, 4, 1, 1, 0, 8, 7, 1, 2 }; //Input array
map<int, int> m;

for (int i = 0; i<max; i++)
{
    m[a[i]]++;  //Increment the value of key for counting occurances
}

int mostNumTimes =0;
int number = -999; //-999 represents invalid number
map<int, int>::iterator it = m.begin();
    for (; it != m.end(); it++)  //Find the number which occurred 
    {                           //most number of times
        if (it->second > mostNumTimes)
        {
            mostNumTimes = it->second;
            number = it->first;
        }
    }

if (number != -999)   //Print number and number of times it occurred
{
    cout << "Number: " << number << endl;
    cout << "Number of times occured: " << mostNumTimes << endl;
}
else
{
    cout << "Input array is empty" << endl;
}

```

This code finds and prints the most repeated number and how many times repeated itself inside the array, 
i'd to change it so it shows the times any number repeates itself in the array. Thanks!

Answer: 
There are some pre-defined options defined in owl-carousels:

* itemDesktop - for screen size 1400px(default) and above
* itemsDesktopSmall- for screen size 1100px(default) and above
* itemsTablet- for screen size 700px(default) and above
* itemsMobile- for screen size 500px(default) and above

You could use the above options to set how many items would be shown according to the screen width. some what like this:

```
 $(".owl-carousel-product").owlCarousel({
                                items: 3,
                                itemsDesktop: [1400, 3],//1400:screen size, 3: number if items in the slide
                                itemsDesktopSmall: [1100, 2],
                                itemsTablet: [700, 1],
                                itemsMobile: [500, 1]
                              });

```

Also if you are using the carousels for images, then images might overlap at different screens. so you could make the width of images 100% in your css file.
i found this as best solution hope it helps,

```
$(".owl-class-name").owlCarousel({
    loop: true,
    margin: 0,
    nav: true,
    responsive : {
      //breakpoint from 0 and up
      0 : {
         items : 1,
      },
      // add as many breakpoints as desired , breakpoint from 480 up
      480 : {
         items:1,
      },
      // breakpoint from 768 up
      768 : {
          items:2,
      },
      992 :{
          items:3,
      },
  }
  });

```