@media screen and (max-width:1366px) 
{
	.Nav
	{
		gap: 40px;
		margin-left: 0 !important;
	}
}
@media screen and (max-width:1200px) 
{
    .HeroContainer 
	{
        grid-template-columns: auto;
        gap: 5px;
    } 
	.HeroQuote
	{
		margin: 34px 0;
	}
    .HeroPicture
	{
        right: auto;
        position: relative !important;
        bottom: 0;
        height: auto;
	} 
}
@media screen and (max-width:1080px) 
{
	.Hero
	{
		background-size: auto;
	}
    .EventSlider 
	{
        max-width: 520px;
        padding: 0 0 50px;
    }
    .HeroPictureWrap 
	{
        max-width: 100%;
    }
	.MissionStats 
	{
		padding: 0;
	}
	.MissionText
	{
		max-width: 100%;
	}
}
@media screen and (max-width:960px) 
{
	.EventPanel
	{
		background-position: 0% 100%;
	}
	.InfoDetail 
	{
		display: block;
	}
	.InfoDetail .Detail
	{
		width:100%;
	}
	.InfoDetail .NewsList
	{
		width:100%;
	}
	.InfoDetail .NewsList .Box .Item .Item_Inner .Image
	{
        width: 180px;
        min-width: 180px;
	}
}
@media screen and (max-width:560px) 
{
	.InfoDetail .NewsList .Box .Item
	{
		margin: 0 0 25px;
	}
	.InfoDetail .NewsList .Box .Item .Item_Inner
	{
		display: block !important;
	}
	.InfoDetail .NewsList .Box .Item .Item_Inner .Image
	{
        width: 100%;
        min-width: 100%;
		margin:0 0 20px;
	}
	.InfoDetail .NewsList .Box .Item .Item_Inner .Desc
	{
		padding:0;
	}
}