/* MEDIA QUERIES
--------------------------------------- */
/* Affichage tablette */
@media only screen and (min-width: 640px) {

  /* Zone "pleine largeur" ou "3 quarts" ou "2 tiers" - version tablette */
  .kit-body-wrap .small-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-8.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-8.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-8.module-zone .offers-module.offers-module-3 .offer {
    width: 50%;
  }

  /* Zone "2 colonnes" ou "tiers" ou "quart" - version tablette */
  .kit-body-wrap .small-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-4.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-4.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-4.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-3.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-3.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-3.module-zone .offers-module.offers-module-3 .offer {
    width: 100%;
  }

  /* 1 seule offre = affichage en pleine largeur - version tablette+desktop */
  .kit-body-wrap .small-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(1),
  .kit-body-wrap .medium-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(1),
  .kit-body-wrap .large-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(1) { 
    width: 100%;
  }
}

/* Affichage desktop */
@media only screen and (min-width: 1024px) {

  /* Zone "pleine largeur" ou "3 quarts" ou "2 tiers" - version desktop */
  .kit-body-wrap .small-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-12.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-9.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-8.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-8.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-8.module-zone .offers-module.offers-module-3 .offer {
    width: 33.33%;
  }

  /* Zone "2 colonnes" ou "tiers" ou "quart" - version desktop */
  .kit-body-wrap .small-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-6.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-3.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-3.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-3.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .small-4.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .medium-4.module-zone .offers-module.offers-module-3 .offer,
  .kit-body-wrap .large-4.module-zone .offers-module.offers-module-3 .offer {
    width: 100%;
  }

  /* 2 offres dans une zone "pleine largeur" ou "2 tiers" ou "3 quarts" = affichage en 50% - version desktop */
  .kit-body-wrap .small-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .small-12.module-zone .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1),
  .kit-body-wrap .medium-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .medium-12.module-zone .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1),
  .kit-body-wrap .large-12.module-zone .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .large-12.module-zone .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1) { 
    width: 50%;
  }

  /* 2 offres dans une zone "2 colonnes" ou "tiers" ou "quart" = affichage en 100% - version desktop */
  .kit-body-wrap .module-zone.columns:not(.small-12):not(.small-9):not(.small-8) .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .module-zone.columns:not(.small-12):not(.small-9):not(.small-8) .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1),
  .kit-body-wrap .module-zone.columns:not(.medium-12):not(.medium-9):not(.medium-8) .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .module-zone.columns:not(.medium-12):not(.medium-9):not(.medium-8) .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1),
  .kit-body-wrap .module-zone.columns:not(.large-12):not(.large-9):not(.large-8) .offers-module.offers-module-3 .offer:nth-child(1):nth-last-child(2),
  .kit-body-wrap .module-zone.columns:not(.large-12):not(.large-9):not(.large-8) .offers-module.offers-module-3 .offer:nth-child(2):nth-last-child(1) { 
    width: 100%;
  }
}