/* = !CONTENTS
---------------------------------------------------------------- */
/*
*
* Based on the work of:
* Normalize - https://github.com/necolas/normalize.css
* Bootstrap Sass - http://github.com/twbs/bootstrap-sass
*
* NORMALIZE.............Normalize our defaults
* TYPOGRAPHY............Import brand font files
* BASE..................Base typography & standard html elements
* BUTTONS...............Choose a Button set
* ICONS.................Choose an Icon set
* CLEARS & HELPERS......Clears, Selection colors, Helpers
* GRID/COLUMN SYSTEM....Choose a Grid system
* HEADER................Site Header styles
* CONTENT...............Site Content area styles
* FOOTER................Site Footer styles
* SHAME.................IE and IE related fixes
* RESPONSIVE............Site Responsive overrides
* RESPONSIVE UTILITIES..Site Responsive Visibility
* PRINT.................Site Print overrides
*
*/

.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row-flex{display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.row-flex.row:after, .row-flex.row:before { display: none; }


/* = !DEMO STYLES
---------------------------------------------------------------- */
.demo-item {
  margin-bottom: 15px;
}

.demo-item img {
  width: 50px;
  margin-right: 15px;
}

.slick .demo-item {
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick .mg-target {
  box-sizing: initial;
  height: 141px;
  overflow: hidden;
}

.slick .multiple-items {
  overflow: hidden;
  height: 141px;
}

.slick .slick-prev {
    left: 0;
    z-index: 9999;
}

.slick .slick-next {
    right: 0;
    z-index: 9999;
}

.slick .demo-item {
    margin-bottom: 0;
    text-align: center;
}

.slick .demo-item img { 
    width: auto;
    margin: 0 auto 15px;
    display: block;     
} 

@media (min-width: 479px) {
  .demo-item {
    margin-bottom: 25px;
  }  
  .demo-item img { 
    width: auto; 
  }
}

@media (min-width: 569px) {
  .demo-item {
    text-align: center;
  }
  .demo-item img {
    margin: 0 auto 15px;
    display: block;
  }
}

/* NO GRID */
.no-grid .wrapper {position:relative;max-width: 1600px;margin: 0 auto;}
.no-grid .mg-row{float: left;width: 100%;}
.no-grid .demo-item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding:0 12px;
}

@media (min-width: 569px) {
  .no-grid .demo-item {
      float: left;
      width: 25%;
      text-align: center;
      margin-bottom: 25px;
  }  
}

@media (min-width: 768px) { 
   .no-grid .mg-row{width: 33.33333%;}
}