@media screen and (min-width: 900px)
{
	div[mw="1"]						{ width: 900px; }
	/* .gridspl						{ grid-template-columns: 130px auto 130px; width: 800px; } */
	.gridspl						{ grid-template-columns: 50% 50%; width: 800px; }
	.pollselect						{ display: flex; flex-flow: row wrap; }
	.tcate							{ padding: 30px 0 0 0; width: 100% }
	.pollanswer						{ width: 100px; }
	.npsanswer						{ width: 70px; }
	.noter							{ width: 800px }
	.gspc							{ width: 650px }
	
}

@media screen and (max-width: 900px)
{
	#root, .tb.rshadow							{ max-width: 900px; }

	div[mw="1"]									{ max-width: 900px }
	.tqrow										{ padding: 0 15px 0 15px }
	.pollselect									{ display: flex; flex-flow: row wrap; justify-content: center }
	.noter										{ width: 100%; }
	.gspc										{ grid-column: auto / span 2 }
	.pollselect input[class^="cbtn_"]			{ width: auto; }
	.pollanswer, .npsanswer						{ width: auto; flex: auto }
	.gspc										{ max-width: 650px }
}

@media screen and (max-width: 700px) {
	#content									{ max-width: 700px; }
	#votearea 									{ padding: 10px }
	.ttext										{ display: none }
	.noterow > *								{ font-size: 13.5px; padding: 0 5px 0 5px; }
	.start										{ display: inline-block; font-size: 20px; margin-top: 10px; height: 40px; padding: 9px; }
	.welcome									{ font-size: 20px }
	#startarea									{ font-size: 13.5px }
	.gspc										{ max-width: 550px }
}

@media screen and (min-width: 480px) {
	#root										{ min-width: 500px; }
}