.hero-product-container{margin:0 24px;border-radius:10px}
.hero-product-content{top:50%;transform:translateY(-50%);padding-left:64px;padding-right:32px;position:absolute}
.product-bg-img{height:460px;width:100%;border-radius:10px}
.hero-product-image{width:100%}
@media only screen and (max-width:767px){.hero-product-container{margin:0 16px}
.hero-product-content{padding:16px 16px 0;width:100%;top:initial;bottom:0;transform:none}
.product-bg-img{height:600px}
}
@media only screen and (min-width:768px) and (max-width:1279px){.hero-product-content{padding:0 0 0 24px;top:50%;width:60%}
}
.hero-brand-variant{top:0;right:0;margin-right:80px}
.hero-brand-img,.owl-carousel img.hero-brand-img{width:460px;height:460px}
@media only screen and (min-width:320px) and (max-width:413px){.hero-brand-variant{width:100%;margin-right:0;padding-top:16px}
.hero-brand-img,.owl-carousel img.hero-brand-img{width:auto;height:260px}
}
@media only screen and (min-width:414px) and (max-width:767px){.hero-brand-variant{width:100%;margin-right:0}
.hero-brand-img,.owl-carousel img.hero-brand-img{width:auto;height:330px}
}
@media only screen and (min-width:768px) and (max-width:1279px){.hero-brand-variant{margin-right:8px}
.hero-brand-img,.owl-carousel img.hero-brand-img{width:280px;height:349px}
.product-bg-img{height:349px}
}
@media only screen and (min-width:1280px) and (max-width:1599px){.heroProductBrand .hero-product-content{width:63%}
}
@media only screen and (min-width:1600px){.hero-brand-variant{margin-right:160px}
}
.hero-offer-variant{top:0;gap:8px;right:0;margin-right:80px;width:360px}
.device-content{width:201px;padding:32px 0}
.lozenge-img{width:150px;height:150px;margin-top:64px}
.lozenge-text{margin-top:-115px;height:80px}
@media only screen and (min-width:320px) and (max-width:413px){.hero-offer-variant{gap:0}
.device-content{width:130px;padding:48px 0}
.lozenge-img{margin-top:45px}
}
@media only screen and (min-width:414px) and (max-width:767px){.device-content{width:175px;padding:24px 0}
}
@media only screen and (max-width:767px){.hero-offer-variant{width:100%;margin-right:0}
.offer-device-name{display:none}
}
@media only screen and (min-width:768px) and (max-width:1279px){.hero-offer-variant{margin-right:4px}
.device-content{width:125px;padding:75px 0}
.offer-device-name{display:none}
.lozenge-img{margin-top:100px}
}
@media only screen and (min-width:1280px) and (max-width:1599px){.heroProductOffer .hero-product-content{width:67%}
.offer-fg-img{padding-bottom:24px}
}
@media only screen and (min-width:1600px){.hero-offer-variant{margin-right:160px}
.offer-fg-img{padding-bottom:24px}
}
.hero-duo-variant{top:0;gap:8px;right:0}
.duo-device-img{padding:24px 0}
@media only screen and (min-width:320px) and (max-width:413px){.duo-device-img,.owl-carousel img.duo-device-img{width:144px}
}
@media only screen and (min-width:414px) and (max-width:767px){.duo-device-img,.owl-carousel img.duo-device-img{width:160px}
}
@media only screen and (max-width:767px){.hero-duo-variant{gap:0;width:100%}
.duo-device-details{display:none}
}
@media only screen and (min-width:768px) and (max-width:1279px){.hero-duo-variant{padding:41px 0;gap:0}
.duo-device-img,.owl-carousel img.duo-device-img{width:136px}
.duo-device-details{display:none}
}
@media only screen and (min-width:1280px) and (max-width:1599px){.heroProductDuo .hero-product-content{width:61%}
.hero-duo-variant{margin-right:80px}
}
@media only screen and (min-width:1600px){.hero-duo-variant{margin-right:160px}
}
.hero-trio-variant{right:0;top:0;margin-right:16px}
.trio-device-img{padding:24px 0}
@media only screen and (min-width:320px) and (max-width:413px){.trio-device-img,.owl-carousel img.trio-device-img{width:95px;padding:75px 0}
}
@media only screen and (min-width:414px) and (max-width:767px){.trio-device-img,.owl-carousel img.trio-device-img{width:127px;padding:64px 0}
}
@media only screen and (max-width:767px){.hero-trio-variant{width:100%;margin-right:0}
.trio-device-details{display:none}
}
@media only screen and (min-width:768px) and (max-width:1279px){.heroProductTrio .hero-product-content{width:50%}
.hero-trio-variant{margin-right:8px}
.trio-device-img,.owl-carousel img.trio-device-img{width:113px;margin:60px 0}
.trio-device-details{display:none}
}
@media only screen and (min-width:1280px) and (max-width:1599px){.heroProductTrio .hero-product-content{width:50%}
}
@media only screen and (min-width:1600px){.hero-trio-variant{margin-right:80px}
}