/* ==========================================================
   FROGINDIA.ORG  |  TABLET + MOBILE RESPONSIVE FIXES
   Added by Decode Digital, Nov 2026.
   Every rule sits inside a max-width media query (1024px or
   less), so the desktop layout (1025px and up) is untouched.
      ========================================================== */

/* ---------- TABLET + MOBILE (1024px and below) ---------- */
@media (max-width: 1024px) {

	/* Side breathing room: content was touching the screen edges */
	body .elementor:not(.elementor-2384):not(.e-loop-item) > .e-con.e-parent {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	/* Header: logo | menu | social icons on one line */
	body .elementor-25 .elementor-element.elementor-element-f2d9a03 > .e-con-inner { flex-wrap: nowrap; gap: 16px; }
	body .elementor-25 .elementor-element.elementor-element-b23a86b { --width: auto; flex: 0 0 auto; }
	body .elementor-25 .elementor-element.elementor-element-b23a86b img { max-width: 150px; height: auto; }
	body .elementor-25 .elementor-element.elementor-element-df4469c { --width: auto; flex: 1 1 auto; min-width: 0; }
	body .elementor-25 .elementor-element.elementor-element-a864f84 { --width: auto; flex: 0 0 auto; }
	body .elementor-25 .elementor-element.elementor-element-49269ce .elementor-social-icons-wrapper { flex-wrap: nowrap; display: flex; gap: 4px; }
	body .elementor-25 .elementor-element.elementor-element-25bc6ae .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; }
	body .elementor-25 .elementor-element.elementor-element-25bc6ae .elementor-nav-menu--main .elementor-item { white-space: nowrap; }

	/* Hero banners: page title on its own line, Discover / Describe / Conserve under it */
	body .elementor .elementor-element.elementor-element-1bd38fe, body .elementor .elementor-element.elementor-element-40d0605, body .elementor .elementor-element.elementor-element-487dadd,
	body .elementor .elementor-element.elementor-element-40d0605 > .e-con-inner, body .elementor .elementor-element.elementor-element-487dadd > .e-con-inner {
		flex-direction: column !important;
		justify-content: flex-end !important;
		align-items: stretch !important;
	}
	body .elementor .elementor-element.elementor-element-f8460ea, body .elementor .elementor-element.elementor-element-e864bab, body .elementor .elementor-element.elementor-element-437f91c,
	body .elementor .elementor-element.elementor-element-1251be1, body .elementor .elementor-element.elementor-element-e1ab153, body .elementor .elementor-element.elementor-element-8ef76e1 {
		--width: 100% !important;
		width: 100% !important;
		flex: 0 0 auto !important;
		padding: 0 !important;
	}
	body .elementor .elementor-element.elementor-element-f8460ea, body .elementor .elementor-element.elementor-element-e864bab, body .elementor .elementor-element.elementor-element-437f91c { justify-content: flex-end !important; align-items: flex-start !important; margin-bottom: 8px; }
	body .elementor .elementor-element.elementor-element-1251be1, body .elementor .elementor-element.elementor-element-e1ab153, body .elementor .elementor-element.elementor-element-8ef76e1, body .elementor .elementor-element.elementor-element-0f94d6c, body .elementor .elementor-element.elementor-element-7638211 { align-items: flex-start !important; justify-content: flex-end !important; padding: 0 0 30px 0 !important; }
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list,
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list > .elementor-widget-container { padding: 0 !important; margin: 0 !important; }
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list .elementor-inline-items { justify-content: flex-start !important; margin-left: 0 !important; margin-right: 0 !important; column-gap: 28px; flex-wrap: wrap; }
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list .elementor-inline-items .elementor-icon-list-item { margin-left: 0 !important; margin-right: 0 !important; white-space: nowrap; }
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list .elementor-inline-items .elementor-icon-list-item:after { display: none; }

	/* Home intro: give text more width at tablet */
	body .elementor-23 .elementor-element.elementor-element-5f32023 > .e-con-inner { gap: 30px; }

	/* People: no mid-word breaks in member names */
	body .elementor-79 .elementor-element.elementor-element-856e9f4 .elementor-heading-title, body .elementor-79 .elementor-element.elementor-element-db7f950 .elementor-heading-title { word-break: normal !important; overflow-wrap: normal !important; }

	/* Research: illustrations used negative margins/offsets and spilled off screen */
	body .elementor-2452 .elementor-element.elementor-element-45ec826 img, body .elementor-2452 .elementor-element.elementor-element-102b034 img, body .elementor-2452 .elementor-element.elementor-element-e52feec img, body .elementor-2452 .elementor-element.elementor-element-2c1726a img { max-width: 100%; height: auto; }
	body .elementor-2452 .elementor-element.elementor-element-bd51c24, body .elementor-2452 .elementor-element.elementor-element-0025b85, body .elementor-2452 .elementor-element.elementor-element-273b610, body .elementor-2452 .elementor-element.elementor-element-25fa0a0 { margin: 0 !important; --e-transform-translateX: 0px; --e-transform-translateY: 0px; transform: none !important; }
	body .elementor-2452 .elementor-element.elementor-element-bd51c24 > .elementor-widget-container, body .elementor-2452 .elementor-element.elementor-element-0025b85 > .elementor-widget-container,
	body .elementor-2452 .elementor-element.elementor-element-273b610 > .elementor-widget-container, body .elementor-2452 .elementor-element.elementor-element-25fa0a0 > .elementor-widget-container { margin: 0 !important; }
	body .elementor-2452 .elementor-element.elementor-element-45ec826, body .elementor-2452 .elementor-element.elementor-element-102b034, body .elementor-2452 .elementor-element.elementor-element-e52feec, body .elementor-2452 .elementor-element.elementor-element-2c1726a { overflow: hidden; }
	body .elementor-2452 .elementor-element.elementor-element-45ec826 > .e-con-inner, body .elementor-2452 .elementor-element.elementor-element-102b034 > .e-con-inner, body .elementor-2452 .elementor-element.elementor-element-e52feec > .e-con-inner, body .elementor-2452 .elementor-element.elementor-element-2c1726a > .e-con-inner { gap: 30px; align-items: center; }
	body .elementor-2452 .elementor-element.elementor-element-45ec826 > .e-con-inner > .e-con, body .elementor-2452 .elementor-element.elementor-element-102b034 > .e-con-inner > .e-con, body .elementor-2452 .elementor-element.elementor-element-e52feec > .e-con-inner > .e-con, body .elementor-2452 .elementor-element.elementor-element-2c1726a > .e-con-inner > .e-con { flex-shrink: 1 !important; min-width: 0; }
	body .elementor-2452 .elementor-element.elementor-element-9f53335 { --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; }

	/* Footer: copyright line was squeezed into narrow columns */
	body .elementor-36 .elementor-element.elementor-element-07428da { flex-wrap: wrap; row-gap: 6px; }
	body .elementor-36 .elementor-element.elementor-element-4864a51, body .elementor-36 .elementor-element.elementor-element-737999f, body .elementor-36 .elementor-element.elementor-element-638bbd7 { --container-widget-width: auto !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; white-space: nowrap; }
}

/* ---------- SMALL TABLET (900px and below) ---------- */
@media (max-width: 900px) {

	/* Header: tighter menu so it stays on one line */
	body .elementor-25 .elementor-element.elementor-element-25bc6ae .elementor-nav-menu--main .elementor-item { font-size: 13px !important; padding-left: 10px !important; padding-right: 10px !important; }
	body .elementor-25 .elementor-element.elementor-element-b23a86b img { max-width: 120px; }
	body .elementor-25 .elementor-element.elementor-element-49269ce .elementor-social-icon { font-size: 14px !important; }

	/* Home: stack intro text above the video */
	body .elementor-23 .elementor-element.elementor-element-5f32023 > .e-con-inner { flex-direction: column; align-items: stretch; }
	body .elementor-23 .elementor-element.elementor-element-8b6e191, body .elementor-23 .elementor-element.elementor-element-451821b { --width: 100%; }
	body .elementor-23 .elementor-element.elementor-element-8b6e191 { max-width: 560px; margin: 0 auto; }
	body .elementor-23 .elementor-element.elementor-element-95d27df img { max-width: 340px !important; }
	body .elementor-23 .elementor-element.elementor-element-451821b { max-width: 600px; margin: 0 auto; }

	/* People: Biju profile row, bio moves under photo + details */
	body .elementor-79 .elementor-element.elementor-element-fd9e0d3 > .e-con-inner { flex-wrap: wrap; row-gap: 20px; }
	body .elementor-79 .elementor-element.elementor-element-d2f2ac1 { --width: 26%; }
	body .elementor-79 .elementor-element.elementor-element-2e1cb96 { --width: calc(74% - 20px); padding-left: 20px; }
	body .elementor-79 .elementor-element.elementor-element-59be4fd { --width: 100%; }

	/* People: wider photo/name column in member cards */
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:first-child > .e-con:first-child { --width: 36% !important; flex: 0 0 36% !important; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:first-child > .e-con:nth-child(2) { --width: auto !important; flex: 1 1 0 !important; min-width: 0; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:nth-child(2) { --width: 36% !important; flex: 0 0 36% !important; }

	/* People: former members in 2 columns instead of 3 */
	body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner { grid-template-columns: repeat(2, 1fr) !important; }

	/* Research: stack text and illustration */
	body .elementor-2452 .elementor-element.elementor-element-45ec826 > .e-con-inner, body .elementor-2452 .elementor-element.elementor-element-102b034 > .e-con-inner,
	body .elementor-2452 .elementor-element.elementor-element-e52feec > .e-con-inner, body .elementor-2452 .elementor-element.elementor-element-2c1726a > .e-con-inner { flex-direction: column !important; align-items: stretch; }
	body .elementor-2452 .elementor-element.elementor-element-c802f05, body .elementor-2452 .elementor-element.elementor-element-e705695, body .elementor-2452 .elementor-element.elementor-element-024036c, body .elementor-2452 .elementor-element.elementor-element-8ac270c,
	body .elementor-2452 .elementor-element.elementor-element-a6042a4, body .elementor-2452 .elementor-element.elementor-element-55dfe5b, body .elementor-2452 .elementor-element.elementor-element-fa8e258, body .elementor-2452 .elementor-element.elementor-element-4729a1c { --width: 100% !important; width: 100% !important; }
	body .elementor-2452 .elementor-element.elementor-element-c802f05, body .elementor-2452 .elementor-element.elementor-element-8ac270c, body .elementor-2452 .elementor-element.elementor-element-a6042a4, body .elementor-2452 .elementor-element.elementor-element-4729a1c { align-items: center !important; justify-content: center !important; }
	body .elementor-2452 .elementor-element.elementor-element-bd51c24, body .elementor-2452 .elementor-element.elementor-element-0025b85, body .elementor-2452 .elementor-element.elementor-element-273b610, body .elementor-2452 .elementor-element.elementor-element-25fa0a0 { max-width: 340px !important; width: 100% !important; --container-widget-width: 100%; }
	/* text first, drawing after, in every block */
	body .elementor-2452 .elementor-element.elementor-element-c802f05, body .elementor-2452 .elementor-element.elementor-element-a6042a4 { order: 2; }
	body .elementor-2452 .elementor-element.elementor-element-aa49721 { margin-top: 0 !important; }
	body .elementor-2452 .elementor-element.elementor-element-aa49721 > .elementor-widget-container { margin-top: 0 !important; }
	body .elementor-2452 .elementor-element.elementor-element-e813c1a { align-items: flex-end !important; }

	/* Footer: stack the two halves */
	body .elementor-36 .elementor-element.elementor-element-3a463c3 > .e-con-inner { flex-direction: column; row-gap: 16px; }
	body .elementor-36 .elementor-element.elementor-element-725f2df, body .elementor-36 .elementor-element.elementor-element-07428da { --width: 100%; }
	body .elementor-36 .elementor-element.elementor-element-07428da { justify-content: flex-start !important; }
}

/* ---------- MOBILE (767px and below) ---------- */
@media (max-width: 767px) {

	body .elementor:not(.elementor-2384):not(.e-loop-item) > .e-con.e-parent {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* Header: logo left, social icons + menu button right, single row */
	body .elementor-25 .elementor-element.elementor-element-f2d9a03 > .e-con-inner { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px; }
	body .elementor-25 .elementor-element.elementor-element-b23a86b { order: 1; flex: 1 1 auto !important; min-width: 0; }
	body .elementor-25 .elementor-element.elementor-element-b23a86b img { max-width: 140px; }
	body .elementor-25 .elementor-element.elementor-element-a864f84 { order: 2; }
	body .elementor-25 .elementor-element.elementor-element-df4469c { order: 3; flex: 0 0 auto !important; position: static; }
	body .elementor-25 .elementor-element.elementor-element-f2d9a03 { position: relative; }
	body .elementor-25 .elementor-element.elementor-element-25bc6ae .elementor-menu-toggle { margin: 0 !important; }
	body .elementor-25 .elementor-element.elementor-element-49269ce .elementor-social-icons-wrapper { gap: 2px; }
	body .elementor-25 .elementor-element.elementor-element-49269ce .elementor-social-icon { font-size: 14px !important; padding: 6px !important; }
	body .elementor-25 .elementor-element.elementor-element-49269ce .elementor-grid-item { margin: 0 !important; }

	/* Hero banners: smaller type so each line fits */
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list .elementor-icon-list-text { font-size: 20px !important; line-height: 1.2 !important; }
	body .elementor .e-con.e-parent:first-child .elementor-widget-icon-list .elementor-inline-items { column-gap: 16px; }
	body .elementor .elementor-element.elementor-element-1251be1, body .elementor .elementor-element.elementor-element-e1ab153, body .elementor .elementor-element.elementor-element-8ef76e1, body .elementor .elementor-element.elementor-element-0f94d6c, body .elementor .elementor-element.elementor-element-7638211 { padding-bottom: 20px !important; }

	/* "Journey of S. D. Biju" / "Poster" links: keep both on screen */
	body .elementor-2384 .elementor-element.elementor-element-75b5e810 { flex-direction: row !important; justify-content: center !important; flex-wrap: nowrap; gap: 24px; }
	body .elementor-2384 .elementor-element.elementor-element-4e93b769, body .elementor-2384 .elementor-element.elementor-element-57d50a2a { --container-widget-width: auto !important; width: auto !important; flex: 0 1 auto !important; }
	body .elementor-2384 .elementor-element.elementor-element-4e93b769 .elementor-image-box-img, body .elementor-2384 .elementor-element.elementor-element-57d50a2a .elementor-image-box-img { width: 56px !important; margin: 0 auto 6px !important; }

	/* Justified paragraphs leave big word gaps on phones: left-align body copy */
	body .elementor .elementor-widget-text-editor,
	body .elementor .elementor-widget-text-editor p,
	body .elementor .elementor-widget-theme-post-content,
	body .elementor .elementor-widget-theme-post-content p { text-align: left !important; }

	/* People: Biju profile */
	body .elementor-79 .elementor-element.elementor-element-d2f2ac1 { --width: 38%; }
	body .elementor-79 .elementor-element.elementor-element-2e1cb96 { --width: calc(62% - 14px); padding-left: 14px; }

	/* People: member cards keep photo beside text (photo no longer fills the screen) */
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner, body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner { grid-template-columns: 1fr !important; row-gap: 28px !important; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con, body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner > .e-con { flex-direction: row !important; flex-wrap: wrap !important; row-gap: 8px !important; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:first-child,
	body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner > .e-con > .e-con:first-child { --width: 100% !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 14px !important; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:first-child > .e-con:first-child,
	body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner > .e-con > .e-con:first-child > .e-con:first-child { --width: 36% !important; flex: 0 0 36% !important; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:first-child > .e-con:nth-child(2),
	body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner > .e-con > .e-con:first-child > .e-con:nth-child(2) { --width: auto !important; flex: 1 1 auto !important; min-width: 0; }
	body .elementor-79 .elementor-element.elementor-element-856e9f4 > .e-con-inner > .e-con > .e-con:nth-child(2),
	body .elementor-79 .elementor-element.elementor-element-db7f950 > .e-con-inner > .e-con > .e-con:nth-child(2) { --width: 36% !important; flex: 0 0 36% !important; }

	/* Novelties: the four category shortcuts in one row, galleries in 2 columns */
	body .elementor-2632 .elementor-element.elementor-element-9204d9b > .e-con-inner { flex-direction: row !important; flex-wrap: wrap; }
	body .elementor-2632 .elementor-element.elementor-element-3717b2c, body .elementor-2632 .elementor-element.elementor-element-1ec7c43, body .elementor-2632 .elementor-element.elementor-element-c29867d, body .elementor-2632 .elementor-element.elementor-element-15b8872 { --width: 25% !important; }
	body .elementor-2632 .elementor-element.elementor-element-34706ae, body .elementor-2632 .elementor-element.elementor-element-88c70b9 { display: none !important; }
	body .elementor-2632 .elementor-element.elementor-element-9204d9b .elementor-image-box-title { font-size: 13px !important; line-height: 1.2; }
	body.page-id-2632 .elementor-image-gallery .gallery { display: flex; flex-wrap: wrap; margin: 0 !important; }
	body.page-id-2632 .elementor-image-gallery .gallery-item { max-width: 50% !important; width: 50% !important; flex: 0 0 50%; padding: 0 4px 10px !important; box-sizing: border-box; }

	/* Footer: centred stack */
	body .elementor-36 .elementor-element.elementor-element-07428da { justify-content: center !important; column-gap: 18px !important; }
	body .elementor-36 .elementor-element.elementor-element-b90ccd3 { justify-content: center !important; }
}