@media only screen and ( max-width: 1220px ) {
	.globalWrapper		{padding: 0 10px;}
	#inner				{padding: 40px 10px 60px;}
	#home				{padding: 50px 10px;}
}

@media only screen and ( max-width: 1150px ) {
	#mainNav ul li a	{padding: 10px 18px;}
}

@media only screen and ( max-width: 1000px ) {
	#mainHeader				{display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column;}
	#mainHeader	#mainNav	{float: none; -webkit-order: 1; order: 1; text-align: center; margin: 20px 0;}
	#mainHeader	#mainNav ul	li:not(.mobile)	{float: none; display: inline-block;}
	#mainHeader	#logo			{float: none; -webkit-order: 2; order: 2; margin: 12px 0 20px;}
	#mainHeader	#logo img		{display: block; max-width: 100%; height: auto; margin: 0 auto;}
	#mainHeader	#search			{float: none;  -webkit-order: 3; order: 3; margin-bottom: 20px;}
	#mainHeader	#search input[type=text]		{width: 100%; padding: 12px 40px; box-sizing: border-box;}
	#mainHeader #search .search-clear			{position: absolute; margin: 0; padding: 12px;}
	.pageBannerWrapper #bannerFlex .flex-title	{font-size: 32px;}
}

@media only screen and ( max-width: 900px ) {
	.pageBannerWrapper #fundWholesaler					{display: block; position: absolute; bottom: 37px; right: 10px; z-index: 10;}
	.pageBannerWrapper #fundWholesaler .relative		{background: none; padding: 0;}
	.pageBannerWrapper #fundWholesaler .relative img	{display: none;}
	.pageBannerWrapper #fundWholesaler .relative span	{position: static; padding: 11px 10px 10px; box-sizing: border-box;}
	body.single-cpt_funds #content #breadcrumbs.hasWholesaler + h1:after	{display: none;}
	.pageBannerWrapper #bannerFlex.three #fundDate		{padding-left: 0;}
	.pageBannerWrapper #bannerFlex.three .flex-title	{font-size: 38px; padding-left: 30px;}
	body.single-cpt_funds #breadcrumbs					{width: auto;}

	#content tr.row-detail ul	{padding-left: 0 !important;}
}

@media only screen and ( max-width: 800px ) {
	#mainHeader				{flex-direction: row; -webkit-flex-direction: row;}
	#mainHeader #logo		{order: unset;}
	#headerMenu				{align-items: flex-start; justify-content: center;}
	#openMobileMenu,
	#mobileMenuWrapper		{display: block;}
	#mainNav				{display: none;}
	#mainHeader #search		{display: none;}

	#inner.sidebar #content	{margin-left: 0; padding: 0 10px; box-sizing: border-box;}
	#sidebar				{display: none;}
	body.single-cpt_funds #inner.sidebar	{flex-direction: column;}
	body.single-cpt_funds #sidebar			{display: block; width: 100%;}
	.pageBannerWrapper #bannerFlex.three				{-webkit-justify-content: space-between; justify-content: space-between;}
	.pageBannerWrapper #bannerFlex.three > div			{width: 50%;}
	.pageBannerWrapper #bannerFlex.single-find > div	{width: 100%;}
	.pageBannerWrapper #bannerFlex.three .flex-title	{padding-left: 0; padding-right: 30px; width: 100%;}
	.pageBannerWrapper #bannerFlex.three #fundDate		{width: 25%; min-width: 150px;}
	.pageBannerWrapper #bannerFlex.three #bannerLeft	{display: none;}

	body.blog #sidebar,
	body.category #sidebar,
	body.single-post #sidebar	{display: block; width: 100%;}
	body.blog #inner,
	body.category #inner,
	body.single-post #inner		{flex-direction: column-reverse;}

	#content article.hentry .flex				{flex-wrap: wrap;}
	#content article.hentry .post-thumbnail		{width: 100%; text-align: center;}
	#content article.hentry .post-thumbnail img	{margin: 0 auto;}

	#flexMap	{-webkit-flex-direction: column; flex-direction: column;}
	#flexMap #mapWrapper	{display: none;}
	#flexMap #repWrapper	{width: 100%; padding: 0; overflow: overlay; overflow-y: overlay; max-height: none; height: auto;}

	#fundWrapper .fund,
	#fundWrapper .fund:hover,
	#fundWrapper .fund .card,
	#fundWrapper .fund .card .side		{-webkit-transform: none!important; -moz-transform: none!important; -o-transform: none!important; -ms-transform: none!important; transform: none!important;}
	#fundWrapper .fund					{width: 100%; height: auto; margin: 12px 0;}
	#fundWrapper .fund .card .side		{position: static;}
	#fundWrapper .fund .card .card-back	{display: none;}
	#fundWrapper .fund .card .card-front .title	{text-align: left;}
	#fundWrapper .fund.has-thumbnail .card .card-front	{padding-bottom: 50%;}
	#fundWrapper .fund.bigFund			{width: 100%; height: 100%;}
	#fundWrapper .fund.bigFund .card .card-front .title	{text-align: center;}
	#fundWrapper .fund .card .side		{height: auto;}
	body:not(.home) #fundWrapper .fund .card-back .back-inner:after,
	body:not(.home) #fundWrapper .fund .card-back .back-inner .subTitle	{display: none;}
	#fundWrapper .fund .card-back span.listItem	{margin-right: 0;}

	.pageBannerWrapper #fundExternal									{bottom: 0px;}
	.pageBannerWrapper #fundExternal .relative							{width: 200px;}
	.pageBannerWrapper #fundExternal .relative img						{display: none;}
}

@media only screen and ( max-width: 700px ) {
	#content img						{display: inline-block; max-width: 100%; height: auto;}
	#content img.alignleft,
	#content img.alignright,
	#content .wp-caption.alignleft,
	#content .wp-caption.alignright		{float: none; display: block; margin: 0 auto 1.1em; width: auto!important; max-width: 100%; height: auto;}

	#content .iq-filter {width: 100%; box-sizing: border-box;}
	#content .iq-filter + .iq-filter {margin-left: 0; margin-top: 12px;}

	#mainFooter #credits ul.menu		{justify-content: center;}
	#mainFooter #credits,
	#mainFooter #copyrights				{float: none; margin: 10px; text-align: center;}
}

@media only screen and ( max-width: 650px ) {
	.gallery .gallery-item 			{width: 33.33%; -webkit-width: calc(100% * (1/3) - 10px); width: calc(100% * (1/3) - 10px); text-align: center;}

	.pageBannerWrapper #bannerFlex						{-webkit-flex-direction: column; flex-direction: column;}
	.pageBannerWrapper #bannerFlex > div				{padding-left: 0!important; padding-right: 0!important; width: 100%!important;}
	.pageBannerWrapper #bannerFlex > div.flex-title		{padding: 40px 0;}
	.pageBannerWrapper #bannerFlex #fundDate			{text-align: left; padding-top: 20px;}
	.pageBannerWrapper #bannerFlex .flex-title			{padding-bottom: 0;}
	.pageBannerWrapper #fundWholesaler					{bottom: 0; left: 0; right: 0; width: 100%;}
	.pageBannerWrapper.orange.hasWholesaler .bannerInner{height: auto;}
	.pageBannerWrapper.hasWholesaler #bannerFlex > div.flex-title		{padding-bottom: 0;}
	.pageBannerWrapper.hasWholesaler .bannerInner		{padding-bottom: 79px;}
	#bannerText											{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
	#bannerText .banner-title							{display: block; position: static; transform: none; padding: 20px 0}
}

@media only screen and ( max-width: 550px ) {
	#fundList .row .desc			{margin-left: 0;}
	#fundList .row > a.logoWrap		{display: none;}
	#fundList .row .logoWrap.mobile	{display: block; overflow: auto; margin-bottom: 12px;}
	#fundList .row .logoWrap		{width: 160px;}
	.pageBannerWrapper #bannerFlex.two				{-webkit-align-items: center; align-items: center; height: 100%;}
	.pageBannerWrapper #bannerFlex.two .flex-title	{padding-left: 0; padding-right: 0; width: 100%;}
	.pageBannerWrapper #bannerFlex.two #bannerRight	{display: none;}
	#flexMap #repWrapper ul li,
	#flexMap #repWrapper ul li a					{word-wrap: break-word;}
	#bannerVideo									{height: 350px;}
	.pageBannerWrapper .bannerInner					{height: 100%;}
	.pageBannerWrapper .bannerInner iframe			{height: 100%;}
	#partnerWrapper .partner > a.partner-image		{display: none;}
	#partnerWrapper .partner .partner-content		{margin-left: 0;}
	#partnerWrapper	.partner .mobile.partner-image	{display: block;}
	#partnerWrapper .partner .partner-image	> img	{margin: 12px auto;}

	body.single-cpt_partners #content > img.partner-image	{display: block; float: none; margin: 0 auto 1.1em;}
	.pageBannerWrapper.orange .banner-title 				{font-size: 32px;}

	#mainFooter #credits ul.menu	{-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center;}

	#mainFooter #credits	{float: none; text-align: center;}
}

@media only screen and ( max-width: 450px ) {
	#fundNextPrev										{-webkit-align-items: center; align-items: center; margin-bottom: 20px;}
	#fundNextPrev > * > a:first-of-type					{margin-left: 0 !important;}
	#content #fundNextPrev #nextPrevFav a,
	#content #fundNextPrev #nextPrevCore a				{font-size: 16px;}
	#breadcrumbs										{display: none;}
	#bannerVideo										{height: 250px;}
	.gallery .gallery-item 								{width: 50%; -webkit-width: calc(100% * (1/2) - 10px); width: calc(100% * (1/2) - 10px); text-align: center;}
}

@media only screen and ( max-width: 380px ) {
	.gallery .gallery-item 								{width: 100%; -webkit-width: calc(100% * (1/1) - 10px); width: calc(100% * (1/1) - 10px); text-align: center;}
}