_initGallery: function(settings){
            var self = this;

            var HTML = "", HTMLmobile = "";

            var desktopContainer = document.createElement('div')
            var mobileContainer = document.createElement('div')

            desktopContainer.className = "app-desktop";
            mobileContainer.className = "app-mobile";

            var colums = settings.colums;
            $(settings.id).addClass('row');
            var collections = $(settings.id).find('.grid-item');
            var galleryTitle = $('#app-title').text()

            var itemsInColums = collections.length / colums;
            var subArraySize = Math.ceil(itemsInColums);

            var array = self._colSplit(collections, colums)
            var blockArray = self._colSplit(array, 3)

            var arrayMobile = self._colSplit(collections, settings.responsive.mobile.colums)
            var blockArrayMobile = self._colSplit(arrayMobile, 1);



            function renderApp(arr) {

              for(var k = 0; k < arr.length; k++) { // 3 lG COLUMN


                if(k == 1) {
                  HTML = HTML + `<div class="column-lg column-middle">`;

                  HTML = HTML + `<div class="row-grid">`

                      for(var s = 0; s < arr[k].length; s++) { // 3 COLUMN
                        HTML = HTML + `<div class="${ self._columnOptions(colums) }">`
                        for(var z = 0; z < 1; z++) { // 9 COLUMN
                          HTML = HTML + `<div class="grid-item">${arr[1][s][z].innerHTML}</div>`
                        }
                        HTML = HTML + `</div>`
                      }

                  HTML = HTML + `</div>`

                  HTML = HTML + `<div class="row-grid gallery-title">${galleryTitle}</div>`



                  HTML = HTML + `<div class="row-grid">`
                    for(var s = 0; s < arr[k].length; s++) { // 3 COLUMN
                        HTML = HTML + `<div class="${ self._columnOptions(colums) }">`
                        for(var z = 1; z < arr[k][s].length; z++) { // 9 COLUMN
                          HTML = HTML + `<div class="grid-item">${arr[1][s][z].innerHTML}</div>`
                        }
                        HTML = HTML + `</div>`
                    }
                  HTML = HTML + `</div>`

                } else {
                  HTML = HTML + `<div class="column-lg">`;
                    for(var s = 0; s < arr[k].length; s++) { // 3 COLUMN
                  HTML = HTML + `<div class="${ self._columnOptions(colums) }">`
                  for(var z = 0; z < arr[k][s].length; z++) { // 9 COLUMN
                    HTML = HTML + `<div class="grid-item">${arr[k][s][z].innerHTML}</div>`
                  }
                    HTML = HTML + `</div>`
                  }
                }


                HTML = HTML + `</div>`
              }

            }


            function renderAppMobile(arr) {

              for(var k = 0; k < arr.length; k++) { // 3 lG COLUMN


                      HTMLmobile = HTMLmobile + `<div class="column-lg">`;
                      HTMLmobile = HTMLmobile + `<div class="row-grid">`
                      for(var s = 0; s < arr[k].length; s++) { // 3 COLUMN


                      HTMLmobile = HTMLmobile + `<div class="column">`
                      for(var z = 0; z < 1; z++) { // 9 COLUMN
                        if(arr[k][0]) {
                          HTMLmobile = HTMLmobile + `<div class="grid-item">${arr[k][s][z].innerHTML}</div>`
                        }

                      }
                      HTMLmobile = HTMLmobile + `</div>`
                    }


                HTMLmobile = HTMLmobile + `</div>`
                HTMLmobile = HTMLmobile + `<div class="row-grid gallery-title">${galleryTitle}</div>`

                HTMLmobile = HTMLmobile + `<div class="row-grid">`
                    for(var s = 0; s < arr[k].length; s++) { // 3 COLUMN
                      HTMLmobile = HTMLmobile + `<div class="column">`
                        for(var z = 1; z < arr[k][s].length; z++) { // 9 COLUMN
                          HTMLmobile = HTMLmobile + `<div class="grid-item">${arr[k][s][z].innerHTML}</div>`
                        }
                        HTMLmobile = HTMLmobile + `</div>`
                    }
                    HTMLmobile = HTMLmobile + `</div>`
                HTMLmobile = HTMLmobile + `</div>`
              }

            }

            // Cleaning APP Container and push new structure
            renderApp(blockArray, blockArray.length)
            renderAppMobile(blockArrayMobile, blockArrayMobile.length)

              $(settings.id).empty();
              $('#app-gallery').append(desktopContainer);
              $('#app-gallery').append(mobileContainer);
              $('.app-desktop').append(HTML);
              $('.app-mobile').append(HTMLmobile);


        },