/* ******************************************************************************************* */
/* Website Max Size ************************************************************************** */
/* ******************************************************************************************* */
html.max section:not(.full-grid),
html.max .section:not(.full-grid),
html.max-xtn section:not(.full-grid),
html.max-xtn .section:not(.full-grid)	{max-width:320px}
	
html.max-tn section:not(.full-grid),
html.max-tn .section:not(.full-grid)	{max-width:414px}
	
html.max-xxs section:not(.full-grid),
html.max-xxs .section:not(.full-grid)	{max-width:568px}
	
html.max-xs section:not(.full-grid),
html.max-xs .section:not(.full-grid)	{max-width:667px}
	
html.max-sm section:not(.full-grid),
html.max-sm .section:not(.full-grid)	{max-width:768px}
	
html.max-md section:not(.full-grid),
html.max-md .section:not(.full-grid)	{max-width:812px}
	
html.max-lg section:not(.full-grid),
html.max-lg .section:not(.full-grid)	{max-width:992px}
	
html.max-xl section:not(.full-grid),
html.max-xl .section:not(.full-grid)	{max-width:1280px}
	
html.max-xxl section:not(.full-grid),
html.max-xxl .section:not(.full-grid)	{max-width:1366px}
	
html.max-wd section:not(.full-grid),
html.max-wd .section:not(.full-grid)	{max-width:1440px}
	
html.max-xwd section:not(.full-grid),
html.max-xwd .section:not(.full-grid)	{max-width:1600px}
	
html.max-hd section:not(.full-grid),
html.max-hd .section:not(.full-grid)	{max-width:1920px}
	
html.max-xhd section:not(.full-grid),
html.max-xhd .section:not(.full-grid)	{max-width:2048px}
	
html.max-xxhd section:not(.full-grid),
html.max-xxhd .section:not(.full-grid)	{max-width:2560px}


/* ******************************************************************************************* */
/* Safe Area + Scroll on Orientation Change ************************************************** */
/* ******************************************************************************************* */
@supports(padding: max(0px)) {
	.touch footer {padding-bottom:max(2rem,env(safe-area-inset-right))!important}
}

@media (orientation: landscape) {
	@-webkit-keyframes fixWebkitOverflowScroll	{0%{padding-bottom:1px}100%{padding-bottom:0px}}
			@keyframes fixWebkitOverflowScroll	{0%{padding-bottom:1px}100%{padding-bottom:0px}}
					   .touch .scrollfix		{-webkit-animation:fixWebkitOverflowScroll 1s}

	.touch main > section:not(.full-grid),
	.touch header,
	.touch footer {padding-left:max(.75rem,env(safe-area-inset-left))!important;padding-right:max(.75rem,env(safe-area-inset-right))!important}
}

@media (print),(prefers-reduced-motion:reduce)	{
	.animated	{
				-webkit-animation-duration			:1ms!important;
				-webkit-animation-iteration-count	:1!important;
				-webkit-transition-duration			:1ms!important;
						animation-duration			:1ms!important;
						animation-iteration-count	:1!important;
						transition-duration			:1ms!important
				}
}