@media screen and (min-width: 1600px) {
	.threesplit							{ display: grid; grid-template-columns: 1fr 1000px 1fr; width: 100%; height: inherit }
	/* .threesplit							{ display: grid; width: 100%; height: 100%; grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) } */
}

@media screen and (max-width: 1600px) {
	.threesplit							{ grid-template-columns: 1fr 1000px; margin: auto; max-width: 1500px; width: 100%; }
	.threeside							{ display: none; }
	#threesiderow						{ display: block; }
}

@media screen and (max-width: 1400px) {
	.threesplit							{ grid-template-columns: 100%; margin: auto; max-width: 1000px; width: 100%; }
	.threetop, .full					{ display: none; }
	#threetoprow, .narrow				{ display: block; }
	.grid.tournament					{ grid-template-columns: 150px auto }
}


@media screen and (min-width: 1000px) {
	.apanel								{ grid-template-columns: 1fr 1fr; grid-gap: 5px }
}

@media screen and (max-width: 1000px) {
	.apanel								{ grid-template-columns: 100% }
}

@media screen and (min-width: 870px) {
	#userbar							{ padding: 2px }
}

@media screen and (max-width: 870px) {
	/* #eitemtdbar								{ display: none } */
	.grid.gridlog							{ grid-template-columns: 240px auto; grid-gap: 5px }
	.grid.gridlog .logforget				{ grid-column: auto / span 2 }
	#userbar								{ z-index: 3; padding: 0; max-width: 100%; }
	.tmobmenu								{ max-height: 35px; margin: 5px; padding: 3px }
	/* #show_mob_menu							{ max-height: 35px; margin: 5px; padding: 3px } */
	#visitor								{ align-items: center }
	/* #navsplit								{ display: grid; grid-template-rows: 45px; max-width: 1000px; width: 100%; grid-template-columns: minmax(min-content, max-content) auto } */
	#navsplit								{ display: grid; grid-template-rows: 60px; max-width: 1000px; width: 100%; grid-template-columns: max-content auto }
	.mnav									{ text-align: left; padding: 0 } 
	.mnav a									{ font-size: 13px }
	#userbar, #visitor, .showmobmenuopen	{ height: 60px;  }

	.showmobmenuopen						{ display: block; position: absolute; width: 100%; z-index: 192; }
	.showmobmenu							{ display: block; min-width: 45px; max-width: 100%; }
	.grid.stgrid							{ grid-template-columns: auto max-content; }
	.grid.stmaps							{ grid-template-columns: auto max-content; }
	.labelval .mmq.mt						{ width: 100%; }
	.labelval .mmq.md						{ min-width: 200px; max-width: 200px; }
	.stcol4, .stcol6						{ grid-column: auto / span 2; }
	.grid.boxgrid							{ grid-template-columns: auto }
	.grid.stmaps .mob						{ display: block }
	.grid.fpad								{ grid-template-columns: repeat(5, 85px); justify-content: space-evenly;  }
	.stcol									{ justify-self: center; padding: 5px; font-size: 13px }
	.grid.stmaps .tdata:not(.mob), .grid.stmaps .mtitle			{ display: none }
	.mc5									{ grid-column: auto / span 5; }
	#cform .form_text						{ margin-bottom: 5px }
	.ilogo									{ max-width: 500px }
	.main_logo								{ height: calc(100vh - 120px);  }
	.tpage									{ padding: 20px 0 15px 0 }
	/* #tournamentbar .minit.ubr .eitem		{ height: 30px; font-size: 12px; padding: 1px 3px 1px 3px } */

}

@media screen and (max-width: 500px) {
	.grid.gridlog							{ grid-template-columns: 1fr; grid-gap: 5px }
	.labelval .mmq.md						{ min-width: 120px; max-width: 200px; }
	.ilogo									{ max-width: 300px }
	.tnorm									{ display: none }
	.tmobs, .ilogorow a						{ display: block }
	.ilogorow								{ flex-flow: column nowrap; align-items: center; justify-content: flex-start; row-gap: 10px }
	.ilogojoin								{ padding: 10px !important; width: 300px }
}

@media screen and (max-width: 800px) {
	.mnav:nth-child(1n+1)								{ border-top: unset !important }
	.mnav a, .mnavr a, .mnavs a							{ color: rgba(250, 250, 250, 1); }
	.mnav:hover, .mnav + .mnav, .mnavs + .mnavs, .mnavs	{ border-top: 1px solid rgba(255, 255, 255, 1); border-bottom: 0px solid rgba(59, 65, 72, 0.98);  }
	.mnavs a:hover, .mnav a:hover .mnavr a:hover 		{ color: rgba(250, 250, 250, .8);  }
}