@media screen and (min-width: 701px) 
{
	.grid2s, .grid4suo, .grid5suo, .grid6suo { grid-template-columns: minmax(min-content, max-content) auto }
	
	.mygrid								{ grid-template-columns: auto 150px; flex-flow: row nowrap }
	.prodgrid							{ grid-template-columns: 450px auto; flex-flow: row nowrap; margin: 15px 0 15px 0 }
	.fgrid								{ grid-template-columns: repeat(3, 1fr); justify-items: center }
	.egrid.apigroup						{ grid-template-columns: repeat(auto-fill, 160px); grid-auto-flow: row dense; max-width: 850px }
	.pdt								{ grid-template-columns: auto repeat(2, minmax(min-content, max-content)) 80px; grid-template-rows: 35px 35px; grid-auto-flow: column }
	.mwpre .cmtopic.m, .mwpre .intro	{ grid-row: 1 / span 2 }
	
	#api_payment_map .cmtopic.core 		{ border-bottom: 0 }
	.sleg								{ grid-template-columns: repeat(6, 1fr); }
	.grid2sint							{ grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr) }
	.grid4s								{ grid-template-columns: 120px minmax(100px, min-content) auto; grid-gap: 1px; width: 100%; }
	.grid3s								{ grid-template-columns: repeat(2, minmax(min-content, max-content)) auto }
	.grid4s								{ grid-template-columns: 25% 25% 25% 25%; }
	.grid4cs							{ grid-template-columns: auto repeat(3, minmax(min-content, max-content)); }
	.grid5s								{ grid-template-columns: repeat(4, 1fr) minmax(min-content, max-content); }
	.grid5sint							{ grid-template-columns: 400px auto; grid-gap: 10px; }
	.grid6s								{ grid-template-columns: repeat(3, minmax(min-content, max-content)) auto repeat(2, minmax(min-content, max-content)); margin-bottom: 10px }
	.grid6as							{ grid-template-columns: auto repeat(6, minmax(80px, min-content)); width: auto }
	.grid8s								{ grid-template-columns: minmax(min-content, max-content) auto repeat(6, minmax(min-content, 80px)) }
	.grid8os							{ grid-template-columns: repeat(3, minmax(min-content, max-content)) auto repeat(4, minmax(min-content, max-content)) }
	.grid8asi							{ grid-template-columns: 1fr 1fr; grid-column-gap: 5px }
	.grid9cs							{ grid-template-columns: 80px minmax(100px, max-content) auto repeat(6, minmax(min-content, max-content)) }
	.gridhelp							{ grid-template-columns: 100px auto 0px minmax(min-content, max-content) }
	.ngrids								{ grid-template-columns: 70% calc(30% - 10px); grid-gap: 10px; padding: 0 }
	.gr8code							{ grid-template-columns: auto repeat(3, min-content) auto repeat(3, min-content) }
	.itemticket							{ grid-template-columns: minmax(min-content, max-content) auto repeat(3, minmax(min-content, max-content)); }
	.userticket							{ grid-template-columns: minmax(min-content, max-content) auto repeat(3, minmax(min-content, max-content)); }
	.prnav								{ margin-top: 103px }
	.mb									{ display: none !important; }
	.grid2								{ grid-template-columns: 25% 75%; }
	.adlogos							{ grid-template-columns: repeat(3, minmax(auto, 1fr)); grid-column-gap: 10px }
	.adlog								{ grid-template-columns: auto repeat(3, minmax(min-content, max-content)); }
	.adlogmr							{ display: none; z-index: -50; opacity: 0; }
	.mobnav, #showmobmenu, .logo_body	{ display: none;}
	.mcor								{ padding: 30px 20px 30px 20px;  }
	.peuro								{ font-size: 22px; padding-left: 3px }
	.pcent								{ font-size: 15px; padding-right: 3px }

	.esgrid								{ grid-template-columns: repeat(3, minmax(min-content, auto));  }
	.gnw								{ grid-template-columns: repeat(3, 1fr);  }
	.nw_area + .nw_area					{ border-left: 2px solid rgba(77, 90, 104, .8); }
	.boxgrid							{ grid-template-columns: minmax(300px, min-content) auto; }
	.boxgtop, .boxgbot					{ }
	.footlink							{ grid-template-columns: repeat(5, 85px); grid-gap: 12px 2px }
	.gticks								{ grid-template-columns: minmax(min-content, max-content) auto repeat(3, minmax(min-content, max-content)); }
	.uticketsplit						{ grid-template-columns: 300px auto; }
	.adms								{ grid-template-columns: auto repeat(14, minmax(min-content, max-content)) }
	.egrid.rjoin						{ grid-template-columns: repeat(2, minmax(auto, 1fr)); grid-gap: 8px; align-items: start }
	[mb="1"]							{ display: none }
	[fe="1"]							{ }
	div[r="col"] > .tblnp				{ height: 22px; top: -18px; font-size: 12px; padding: 2px 4px 2px 4px;  }
	div[r="row"] > .tblnp				{ height: max-content; top: 0; left: -24px; writing-mode: vertical-rl; font-size: 12px; padding: 2px 4px 2px 4px;  }
}

@media screen and (max-width: 700px) 
{
	div[class^="mcsub"]						{ display: grid; width: auto; grid-row-gap: 6px; grid-auto-rows: minmax(10px, auto); grid-template-columns: 1fr; width: minmax(min-content, max-content) }
	div[class^="mcsub"] .placement			{ padding-top: 5px }
	.tgrp									{ padding: 10px; border-radius: 6px; background-color: rgba(250, 250, 250, 1); }
	.tblnp									{ display: none }
	div[class^=adm_tabledir_]				{ background: rgba(252, 252, 252, 1); border: 1px solid rgba(30, 30, 30, .3); padding: 10px }
	div[class^=adm_tbdir_]					{ margin: auto; }
	div[class^=adm_tbdir_] .seat			{ height: 30px; width:30px; font-size: 14px; text-align: center; line-height: inherit }
	.selfs									{ justify-content: start }
	.selfe									{ justify-content: end }
	.rjoin .core							{ border-top: 0 }
	.linknav, .grid .mtitle					{ display: none }
	
	.adms									{ grid-template-columns: minmax(min-content, max-content) repeat(4, minmax(min-content, auto)) }
	.adms .maincol14						{ grid-column: auto / span 4 }
	.adms .mc3								{ grid-column: auto / span 3 }
	.adms .mc4								{ grid-column: auto / span 4 }
	.adms .mr9								{ grid-row: auto / span 6; align-content: start }
	.adms .tcd:not(.n) input[type="button"].n	{ flex: unset }

	.grid2s, .grid3s, .grid4s, .grid4cs, .grid5s, .grid6as, .grid8s, .grid8os, .grid9cs, .pdt { 
		grid-template-columns: minmax(min-content, max-content) auto
	}
	.grid2sint, .ngrids, .grid5sint, .grid8asi, .rjoin, .tblsortp {
		grid-template-columns: 1fr
	}
	.grid3s .maincol3, .maincol4, .grid5s .maincol5, .grid8s .maincol8, .grid9cs .maincol9, .grid8os .maincol8, .gridhelp .maincol3, .gridhelp .maincol4 { 
		grid-column: auto / span 2 
	}
	
	.grid:not(.adm) .grid4suo				{ grid-template-columns: repeat(3, minmax(min-content, max-content)) auto; }
	.grid:not(.adm) .grid4suo .maincol4		{ grid-column: auto / span 4 }
	.grid:not(.adm) .grid5suo				{ grid-template-columns: repeat(4, minmax(min-content, max-content)) auto; }
	.grid6suo								{ grid-template-columns: repeat(5, minmax(min-content, max-content)) auto; }
	.grid6s									{ grid-template-columns: minmax(min-content, max-content) auto; margin-bottom: 10px }
	.grid4s .maincol3, .grid8s .maincol2	{ grid-column: auto }
	.mobarea								{ grid-template-columns: 25px minmax(100px, auto); }
	.grid4, .grid2							{ grid-template-columns: minmax(min-content, max-content) auto; }
	
	.uticketsplit							{ grid-row-gap: 5px }
	.uticketsplit .mend.soul				{ align-items: start }
	.gridhelp								{ grid-template-columns: 100px auto }
	.gr8code								{ grid-template-columns: auto repeat(3, min-content) }
	.gr8code .maincol4						{ grid-column: auto / span 4 }
	.sleg									{ grid-template-columns: repeat(3, 1fr); }
	.mwc.egrid.userticket					{ padding: 5px 4px 5px 4px; box-shadow: inset 0 3px 3px rgba(30, 30, 30, .3); }

	.egrid.apigroup							{ grid-template-columns: repeat(2, 1fr); grid-auto-flow: rows; justify-items: start; }
	#api_payment_map						{ padding: 10px }
	#api_payment_map .cmtopic.core			{ border-bottom: 1px solid rgba(7, 84, 180, 1); margin-bottom: 15px }
}

@media screen and (min-width: 100px) and (max-width: 700px)
{
	.userticket						{ grid-template-columns: repeat(3, minmax(min-content, auto)); }
	.itemticket 					{ grid-template-columns: repeat(4, minmax(min-content, auto)); }
	.mcol3 							{ grid-column: auto / span 3 !important }
	
	.uticketsplit .grid4suo 		{ grid-template-columns: repeat(4, auto); }
	.uticketsplit .grid5suo 		{ grid-template-columns: repeat(3, auto); }

	.mcol4							{ grid-column: auto / span 4 }
	.mcol2							{ grid-column: auto / span 2 }
	.mcol5							{ grid-column: auto / span 5 }
	.ticketsplit [class*=maincol], .uticketsplit [class*=maincol] { grid-column: auto }
}

@media screen and (max-width: 600px) {
	.pstock::before { display: none; opacity: 0; z-index: -99 }
	.pstock			{ padding: 0; }
}