.elementor-26869 .elementor-element.elementor-element-f795d96{--display:flex;}/* Start custom CSS for bzotech-heading-global, class: .elementor-element-28be7e2 *//* ========================================================= IMÓJÚ EYEWEAR ZENNY 1.7.4 - HOME 3 SLIDESHOW MOBILE HERO FIX ========================================================= */ @media (max-width: 767px) { /* Make the Zenny slideshow slide a vertical layout */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner, .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con { position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; } /* The main slide container */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; align-items: stretch !important; } /* ----------------------------------------------------- TEXT SIDE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con:first-child { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 30px 20px 0 !important; margin: 0 !important; order: 1 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- IMAGE SIDE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con:nth-child(2) { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 25px 0 0 !important; order: 2 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- INNER IMAGE CONTAINER ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con:nth-child(2) > .e-con { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- IMAGE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover !important; margin: 0 !important; } /* ----------------------------------------------------- TEXT WIDGETS ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner .elementor-widget { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Heading */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner h1, .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner h2, .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner h3 { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Paragraph */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner p { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ----------------------------------------------------- REMOVE DESKTOP HEIGHTS ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner, .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con, .elementor-26869 .elementor-element.elementor-element-28be7e2 .h3-slideshow-banner > .e-con > .e-con { min-height: 0 !important; height: auto !important; } }/* End custom CSS */ /* Start custom CSS for bzotech_list_link_global, class: .elementor-element-19087cf *//* ========================================================= IMÓJÚ EYEWEAR ZENNY 1.7.4 - HOME 3 SLIDESHOW MOBILE HERO FIX ========================================================= */ @media (max-width: 767px) { /* Make the Zenny slideshow slide a vertical layout */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner, .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con { position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; } /* The main slide container */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; justify-content: flex-start !important; align-items: stretch !important; } /* ----------------------------------------------------- TEXT SIDE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con:first-child { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 30px 20px 0 !important; margin: 0 !important; order: 1 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- IMAGE SIDE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con:nth-child(2) { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important; margin: 25px 0 0 !important; order: 2 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- INNER IMAGE CONTAINER ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con:nth-child(2) > .e-con { width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ----------------------------------------------------- IMAGE ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover !important; margin: 0 !important; } /* ----------------------------------------------------- TEXT WIDGETS ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner .elementor-widget { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Heading */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner h1, .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner h2, .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner h3 { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* Paragraph */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner p { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } /* ----------------------------------------------------- REMOVE DESKTOP HEIGHTS ----------------------------------------------------- */ .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner, .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con, .elementor-26869 .elementor-element.elementor-element-19087cf .h3-slideshow-banner > .e-con > .e-con { min-height: 0 !important; height: auto !important; } }/* End custom CSS */