

.wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
  display: grid;
  grid-template-rows: max-content;
}

@supports not ( display: grid ) {
  .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
    display: block;
  }
  .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list::after { /* Clearfix */
    content: '';
    display: table;
    clear: both;
  }
}

.wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-list {
  display: block;
}
.wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-list::after { /* Clearfix */
  content: '';
  display: table;
  clear: both;
}

@media screen and ( min-width: 1440px ) {
  @supports not ( display: grid ) {
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-item {
      width: 20%;
      float: left;
    }
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-item {
    width: 20%;
    float: left;
  }
}

@media screen and ( min-width: 1024px) and ( max-width: 1439px ) {
  .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
    grid-template-columns: repeat( 4, 1fr ) !important;
  }
  @supports not ( display: grid ) {
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-item {
      width: 25%;
      float: left;
    }
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-item {
    width: 25%;
    float: left;
  }
}

@media screen and ( min-width: 512px ) and ( max-width: 1023px ) {
  .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
    grid-template-columns: repeat( 2, 1fr ) !important;
  }
  @supports not ( display: grid ) {
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
      display: block;
    }
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-item {
      width: 50%;
      float: left;
    }
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-list {
    display: block;
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-item {
    width: 50%;
    float: left;
  }
}

@media screen and ( max-width: 511px ) {
  .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
    grid-template-columns: repeat( 1, 1fr ) !important;
  }
  @supports not ( display: grid ) {
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-list {
      display: block;
    }
    .wp-block-giunone-showcase.grid-showcase .wp-block-giunone-showcase-item {
      width: 100%;
    }
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-list {
    display: block;
  }
  .wp-block-giunone-showcase.grid-showcase.no-grid .wp-block-giunone-showcase-item {
    width: 100%;
  }
}
