/* Responsiveness for Custom website */
/* Breakpoints (Elementor): Mobile <=767 | Tablet 768-1024 (Hamburger) | Tablet Extra 1025-1200 | Laptop 1201-1366 | Desktop >1366 (1440 = Figma) */

/* Laptop: 1201 - 1366 (1366 / 1280) */
@media (min-width: 1201px) and (max-width: 1320px) {
	body .hm-stat-1{left:-40px}
	body .hm-stat-3{right:-16px}
}

/* Tablet Extra: 1025 - 1200 (small laptops, iPad Air/Pro landscape) */
@media (max-width: 1200px) {
	body .hm-hero{min-height:0}
	body .hm-phone-card{height:560px;border-radius:48px 48px 0 0}
	body .hm-phone-card .hm-phone-img{width:360px;height:502px;top:48px}
	body .hm-stat{padding:8px 12px!important}
	body .hm-stat-1{left:-30px;top:120px;min-width:0}
	body .hm-stat-2{left:-10px;top:400px;min-width:0}
	body .hm-stat-3{right:-16px;top:270px;min-width:0}
	body .hm-member-img{flex:0 0 190px}
	body .hm-steps::before{display:none}
	body .hm-steps{flex-wrap:wrap!important;row-gap:40px!important}
	body .hm-steps>.hm-step{flex:1 1 calc(50% - 12px)}
	body .hm-f-cols{flex-wrap:wrap!important}
	body .hm-f-brand{width:100%!important}
	body .hm-f-col{width:calc(33.33% - 27px)!important;flex:0 0 auto!important}
}

/* Tablet: 768 - 1024 (iPad portrait + landscape) */
@media (max-width: 1024px) {
	/* Header: hamburger right aligned */
	body .hm-header .elementor-widget-button{order:2;margin-left:auto}
	body .hm-header .elementor-widget-nav-menu{order:3;flex:0 0 auto!important;width:auto!important;--flex-grow:0}
	body .hm-header .elementor-menu-toggle{margin:0 0 0 auto}
	body .hm-header .elementor-nav-menu--dropdown{background:var(--e-global-color-secondary);border-top:1px solid color-mix(in srgb,var(--e-global-color-cn300) 15%,transparent);box-shadow:0 20px 40px rgba(0,0,0,.35)}
	body .hm-header .elementor-nav-menu--dropdown a{padding:14px 20px!important;border-bottom:1px solid color-mix(in srgb,var(--e-global-color-cn300) 10%,transparent)}
	body .hm-header .elementor-nav-menu--dropdown a:hover,body .hm-header .elementor-nav-menu--dropdown a.elementor-item-active{color:var(--e-global-color-accent)!important}
	body .hm-phone-card{align-self:center;width:100%!important;max-width:554px;height:560px}
	body .hm-phone-card .hm-phone-img{width:380px;height:530px}
	body .hm-stat-1{left:-20px;top:140px}
	body .hm-stat-2{left:0;top:420px}
	body .hm-stat-3{right:-20px;top:290px}
	body .hm-inds>.hm-ind{flex:0 0 28%;width:28%!important}
	body .hm-inds>.hm-ind-sep{display:none}
	body .hm-steps::before{display:none}
	body .hm-steps>.hm-step{flex:1 1 calc(50% - 12px)}
	body .hm-member-img{flex:0 0 254px}
	body .hm-f-col{width:calc(50% - 24px)!important}
	body .hm-footer-bottom{flex-direction:column!important;align-items:flex-start!important}
}

/* Mobile: <= 767 */
@media (max-width: 767px) {
	body .hm-header .elementor-widget-nav-menu{margin-left:auto}
	body .hm-phone-card{height:440px;border-radius:40px 40px 0 0}
	body .hm-phone-card .hm-phone-img{width:300px;height:400px;top:36px}
	body .hm-stat-1{left:-6px;top:100px}
	body .hm-stat-2{left:-6px;top:320px}
	body .hm-stat-3{right:-6px;top:210px}
	body .hm-inds>.hm-ind{flex:0 0 45%;width:45%!important}
	body .hm-grid2>.hm-card{flex:1 1 100%}
	body .hm-steps>.hm-step{flex:1 1 100%}
	body .hm-member-img{flex:0 0 auto}
	body .hm-member>.e-con:last-child{flex:1 1 auto;width:100%}
	body .hm-feat:not(:last-child)::after{display:none}
	body .hm-f-col{width:100%!important}
}
