.show-980	{display: none}

#l2-4mb,
#l2-3mb		{display: none !important}

@media (max-width: 1700px) 
{
	#l2-2	{top: -9vw;}
}

@media (max-width: 1280px) 
{
	.doors			{right: 0; margin-right: 0; overflow: hidden; width: 43vw; height: 625px; max-width: unset}
	.doors #l2-4	{position: absolute; left: 0; width: 575px; height: auto;}
	
	#l2-3	{right: 0}
}

@media (max-width: 1100px) 
{
	.single-text.under-door .text-col	{width: 63%;}
	.doors #l2-4						{width: 51vw;}
	#l2-3								{width: calc(100% - 40px); right: 20px; top: 100px;}
}

@media (max-width: 1050px) 
{
	.single-text.under-door .text-col	{width: 690px;}
}
	
@media (max-width: 1000px) 
{
	#l2-2	{top: 0;}
}

@media (max-width: 990px) 
{
	.section-door .text-col				{width: 55vw}

}

@media (max-width: 959px) 
{	
	#l2-3mb,
	#l2-4mb	{display: block !important}
	
	#l2-4mb	{width:600px; max-width: 100%; margin: 20px auto;}
	
	.section-door				{display: flex; flex-direction: column-reverse; align-items: center; margin-bottom: 20px}
	.doors						{position: relative; width: 600px; max-width: 100%; left: auto; top: auto; height: auto; margin: 20px 0 40px}
	.doors #l2-4				{width: 100%; height: auto; position: relative; z-index: 2}
	.section-door .text-panel	{padding: 0}
	
	#l2-3mb	{position: absolute; left: 0; top:100px; width: 100%; height: auto;}
	
	.single-text.under-door .text-col,
	.esg-last-section .text-col,
	.section-door .text-col		{width:600px; max-width:100%;}
	
	.section-door .cols			{justify-content: center}
	#l2-3			{display: none !important;}
	
	#textTop	{display: none}
				
	
	.esg-last-section .text-col,
	.single-text.under-door .text-col		{margin: auto;}
	
	.esg-last-section .text-panel,
	.single-text.under-door .text-panel		{padding: 0}

	
	.esg-last-section	{background-image: none}		

}

@media (max-width: 700px) 
{
	.article-esg .intro-section .text-col				{position: relative; z-index: 2}
	.article-esg .intro-section .text-col:last-child	{margin-top: -80px; margin-bottom: -40px;}
	.article-esg .intro-section lottie-player			{width:414px; max-width: 100%; margin: auto; top:auto;}
	
	.piggy-bank	{display: flex; flex-direction: column-reverse}
	#l2-2		{position: relative; width: calc(100% - 50px); height: auto; margin-top: -12vw; z-index: 1;}
	.piggy-bank .text-col	{position: relative; z-index: 2}
}

@media (max-width: 550px) 
{	
	.doors #l2-4	{width: 550px; left: 50%; margin-left: -275px}
}

@media (max-width: 500px) 
{	
	.article-esg .blockquote-container	{width: 100%;  margin-left: 0;}
	#l2-2		{width: calc(100% - 20px);}

}
	
@media (max-width: 414px) 
{	
		.doors #l2-4	{width: 436px; left: 50%; margin-left: -218px}
		#l2-3mb			{top:70px}


}	
	
@media (max-width: 375px) 
{	
		.doors #l2-4	{width: 360px; left: 50%; margin-left: -180px}
		#l2-3mb			{top:70px}


}