/* EBSOUQ_BACKEND_RIGHT_SNIPPETS_BAYZON_STYLE */
/* Only homepage banner/snippet area. Does not touch grey/header/search/logo/cart/menu. */

@media screen and (min-width: 992px) {
  .oi-banner-and-offers {
    width: 84% !important;
    max-width: 1280px !important;
    margin: 18px auto 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 22px !important;
    clear: both !important;
    overflow: visible !important;
  }

  .oi-banner-wrap {
    width: calc(100% - 315px) !important;
    max-width: 970px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
  }

  .oi-banner-wrap #main_slider,
  .oi-banner-wrap .flexslider,
  .oi-banner-wrap #main_slider img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .oi-banner-wrap #main_slider img {
    display: block !important;
  }

  .oi-banner-offers {
    width: 295px !important;
    max-width: 295px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .oi-banner-offers .oi-offer-1,
  .oi-banner-offers .oi-offer-2,
  .oi-banner-offers .home-right-banner-single {
    width: 100% !important;
    height: 215px !important;
    max-height: 215px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    display: block !important;
  }

  .oi-banner-offers .oi-offer-1 a,
  .oi-banner-offers .oi-offer-2 a,
  .oi-banner-offers .home-right-banner-single a,
  .oi-banner-offers .oi-offer-1 img,
  .oi-banner-offers .oi-offer-2 img,
  .oi-banner-offers .home-right-banner-single img {
    width: 100% !important;
    height: 215px !important;
    max-height: 215px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  .oi-banner-offers a,
  .oi-banner-offers img {
    position: static !important;
  }
}

@media screen and (max-width: 991px) {
  .oi-banner-and-offers {
    width: 100% !important;
    display: block !important;
    margin-top: 10px !important;
  }

  .oi-banner-wrap,
  .oi-banner-offers,
  .oi-banner-offers .oi-offer-1,
  .oi-banner-offers .oi-offer-2,
  .oi-banner-offers .home-right-banner-single {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  .oi-banner-wrap img,
  .oi-banner-offers img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}