.qb-ad-banner {
  margin: 1.5em auto;
  text-align: center;
  max-width: 100%;
}

.qb-ad-banner img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.qb-banner-desktop {
  max-width: 1290px !important;
  padding: 0 25px;
}

.qb-banner-desktop {
  display: block;
}
.qb-banner-mobile {
  display: none !important;
}

.qb-ad-banner.qb-sidebar-banner img {
  margin-bottom: 20px;
}

/* Sur mobile (max-width: 768px), on inverse */
@media (max-width: 768px) {
  .qb-banner-desktop {
      display: none !important;
  }
  .qb-banner-mobile {
      display: block !important;
    margin:
auto;
	  padding: 0 25px;
  }
	
	.qb-banner-mobile-only {
	max-width: 90% !important;
    margin:
auto;
}
}

/* Sidebar => on n'affiche que la mobile 
 (on a mis un fallback si mobile n'existe pas)
*/
.qb-banner-mobile-only {
  display: block;
}

.qb-banner-desktop-fallback {
  display: block;
}

/* S'il faut styliser la bannière différemment en sidebar */
.qb-sidebar-banner {
  margin: 1em 0;
}
