@media screen and (min-width: 701px)  {
	[mb="1"]							{ display: none }
	.mobmap								{ display: none }
	.preusr								{ box-shadow: 0 4px 4px rgba(0, 0, 0, .4), inset 0 5px 5px rgba(30, 30, 30, .3); }
	#usrinfo							{ margin: auto 0 -35px 0;  }
	.prelink							{ padding: 0 10px 0 10px }
	.build.short						{ grid-template-columns: repeat(4, calc(100% - 76%)); }
	.container							{ max-width: 260px }
}

@media screen and (max-width: 700px) 
{
	.epmainlogo > img					{ max-height: 200px; max-width: calc(100vw - 40px); }
	.esgrid								{ grid-template-columns: 1fr 1fr; }
	.boxgrid							{ grid-template-columns: 1fr !important; }
	.boxgrid							{ grid-template-areas: "top" "bottom" }
	.gticks								{ grid-template-columns: 1fr; grid-template-rows: repeat(4, minmax(min-content, auto)); grid-auto-flow: row }
	/* .gticks								{ grid-template-rows: auto; grid-template-columns: repeat(4, minmax(min-content, auto)); grid-auto-flow: row } */
	.gticks .mtitle						{ display: none; opacity: 0; position: absolute }
	.gnw								{ grid-template-columns: 100%; grid-auto-flow: row dense; }
	.gnw								{ grid-column-gap: 0; grid-row-gap: 7px }
	
	.gnw .nw_area + .nw_area			{ border-top: unset; }
	.boxgtop							{ grid-area: top; }
	.boxgbot							{ grid-area: bottom; }
	.esgrid .maincol3					{ grid-column: auto }
	.esgrid .maincol2					{ grid-column: auto }
	.nw_area + .nw_area					{ border-top: 2px solid rgba(77, 90, 104, .8); }
	.footpad							{ flex-wrap: wrap; align-content: center !important; justify-content: center !important;  }
	.copyr1,.footlink,.fe				{ display: none }
	[fe="1"]							{ display: none !important; opacity: 0; position: absolute  }	
	[mb="1"], .mb						{ }
	.mobmap								{ display: block; padding: 10px }
	div[class^="sti stf stact"] 		{ border: 1px solid rgba(30, 30, 30, .7); }

	.tmt								{ min-width: 150px; }
	.showmobmenu						{ width: 55px; max-width: 100%; }
	.preusr								{ top: 55px; min-height: 33px; }
	.prnav								{ margin-top: 118px; }
	


	.linknav, .grid .mtitle				{ display: none }
	.mobnav								{ display: block; z-index: 190; }
	.admfr								{ width: 100% }
	.adlog,.adlogos,.esgrid				{ grid-template-columns: 100%; }
	div[nm="1"]							{ display: none !important; z-index: -50 !important; opacity: 0 !important; }
	.adlogmr							{ z-index: 1; opacity: 1; margin-right: 3px; padding: 4px 2px 4px 2px; width: 100%; }
	
	.mainbar							{ background-color: rgba(77, 82, 88, 1); font-size: 16px; border-right: 0; max-width: 100%; }
	.seat_stats .dmt.it					{ grid-column: auto / span 2; font-weight: bold; }
	.seat_stats .ga1					{ grid-column: auto / span 2; height: 20px; content: ' '; display: block; }
	.mcor								{ padding: 30px 0 30px 0; }
	.fgrid	img							{ max-width: 160px; }
	.tinfo_mob .title					{ font-size: 20px !important; font-weight: bold }
	#usrinfo							{ margin: 0 0 -32px 0;  }
	.build.short						{ grid-template-columns: 50% 50%; grid-auto-flow: row dense; }
}

@media screen and (max-width: 520px)
{
	body, html, #usrinfo, .mwcore		{ width: 100%; max-width: 100vw }
	body  *								{ max-width: 100vw !important }
	.prebar								{ line-height: 20px }
	.cooknote							{ max-width: 80% }
	.maparea, .sitemap					{ width: 470px !important; margin: 0 auto 0 auto }
	.mobmap								{ width: calc(100% - 10px); max-width: 100vw; margin: 0 auto 0 auto }
	.gticklist							{ padding: 15px 7px 7px 7px }
	.mwa, .mwt							{ padding: 7px }
	.tesome								{ padding: 8px 4px 4px 4px }
	.cmtopic.core.ar					{ line-height: 28px }
	.prebar > div[id=et_state]			{ display: none }
	.mwc								{ width: 100% }
	.someauth, .disbauth				{ max-width: 70px !important }
	.fgrid								{ grid-template-columns: 1fr; grid-row-gap: 15px; justify-items: center }
	.fgrid img							{ max-width: 300px; margin: auto; }
	.fgrid a + a						{ border-top: 1px solid rgba(30, 30, 30, .5) !important; padding-top: 10px  }
	.build.short						{ grid-template-columns: 100%; grid-auto-flow: row dense; }
	.build.short, .container			{ width: 100% }
	.container,	.container *			{ width: 100%; max-width: 100% }
	.contimage							{ background-size: cover; mxa-width: 100%; max-height: 100% }
	#usrinfo							{ margin: 0 0 -52px 0;  }
}


@media (pointer: fine) 
{
	input[type="button"].orange:hover	{ background: rgba(208, 101, 31, .8);  }
	div.e.orange:hover					{ background: rgba(208, 101, 31, .8);  }
	.bgred:hover						{ background: rgba(221, 78, 61, .8); }
	.active:hover						{ background: rgba(34, 168, 50, .8) !important; }
	.seat:hover							{ background: rgba(26, 58, 97, .5); cursor: pointer }
	.tnav.prime:hover					{ background: rgba(31, 135, 208, .9);  }
	a:hover								{ text-decoration: none; }
	a.fmidc:hover						{ text-decoration: underline; }
	.udn a:hover, .adnv a:hover			{ background: rgba(31, 135, 208, .7); }
	.esome a:hover						{ text-decoration: none !important }
	.somereg .lognav:hover				{ box-shadow: 2px 0 7px 7px rgba(0, 0, 0, .3); filter: brightness(1.1); }
	input[type="button"].dblue:hover	{ background: rgba(7, 84, 180, .8); }
	.tag.darkblue:hover					{ background: rgba(60, 90, 150, .8); }
	.tag.md:hover						{ background: rgba(22, 28, 34, .6); }
	.darkact:hover						{ background: rgba(31, 135, 208, .9); }
	.mildgrey:hover						{ background: rgba(90, 90, 90, .8); }
	.topic.dblue:hover					{ color: rgba(7, 84, 180, .8); }
	.mobnav a.ma:hover					{ background: rgba(63, 81, 90, 1); }
	.mwc.b.sdark .eline					{ border-top: 1px solid rgba(40, 40, 40, .2) !important; width: 100% }
	.seat:hover, .tag.md:hover, .btn.md:hover {
		color: rgba(255, 255, 255, 1);
	}
	
	.topic.dblue:hover				{ background: rgba(255, 255, 255, 1); }
	.apipt:hover					{ background: rgba(250, 250, 250, 1); box-shadow: 0 3px 3px rgba(30, 30, 30, .25), 0 -2px 2px rgba(30, 30, 30, .25); } 
	[class="btn"]:hover				{ background: rgba(235, 241, 246, 1); }
	input[class^=btn]:hover			{ filter: brightness(1.1); }
	.nw_area:hover					{ background: rgba(245, 245, 245, 1); }
	.btn.md:hover					{ background: rgba(22, 28, 34, .6); }
	.cmtopic:not(.white)			{ color: rgba(7, 84, 180, 1); border-bottom: 1px solid rgba(30, 30, 30, .3); }
	.cmtopic:not(.white):hover		{ color: rgba(7, 84, 180, .8); }
	.mwc							{ border: 1px solid rgba(30, 30, 30, .3); }
	.tcd							{ color: rgba(0, 0, 0, 1); }
	[class="btn"]					{ background: rgba(235, 241, 246, .8); border: 1px solid rgba(22, 28, 34, .4); }

	input[type="button"]:not(.tag):not(.ebtn):not(.btn)	{ border: 0 }
}
