@media screen and (min-width: 999px)
{
	div[m="1"], div[mtm="1"], #rsearch_area2	{ display: none }
	
	#footer						{ color: #ddd; line-height: 20px; width: 100%; }
	#footer	a 					{ color: #fff; }
	#content					{ min-height: 100%; width: 100%; }
	#rssfeed					{ max-width: 1000px; margin: auto; }
	.rssbig						{ max-width: 1000px; margin: auto; padding: 15px; grid-row-gap: 7px;  }
	.logo						{ margin: 5px 0 5px 0; }
	/* .ebig						{ grid-template-columns: repeat(4, 1fr) } */
	.ebg						{ grid-template-columns: auto minmax(min-content, 300px); margin-top: 5px }
	.ebdark > img				{ max-height: 250px; max-width: 250px; transform: scale(1); position: relative; z-index: 2 }
	.grid.deb					{ grid-template-columns: minmax(min-content, max-content) auto repeat(4, minmax(min-content, max-content)) 95px; }
	.grid.tps					{ grid-template-columns: repeat(2, minmax(min-content, 1fr)); column-gap: 4px }
	.eb							{ margin-bottom: 0; position: relative }
	div[n="1"], .cornav, .logot	{ }
	.grid.tps > .ttd			{ align-content: flex-start !important; }
	.rsa						{ margin: auto 10px auto 0 }
	.endnav						{ margin-left: auto !important }
	#rsearch_area1				{ display: inline-block;  }
}

@media screen and (min-width: 700px)  {
	.rssbig								{ padding: 7px; grid-template-columns: 150px auto; grid-row-gap: 4px; }
	.eclick.ebot						{ padding: 15px 45px 15px 45px; }
}

@media screen and (max-width: 700px)
{
	.rssbig								{ padding: 10px 4px 10x 4px; grid-template-columns: 1fr; grid-gap: 0; }
	.ebigi, .ebigd						{ width: 100%; }
	.ebigd								{ margin-bottom: 10px }
	.eclick.ebot						{ padding: 10px 20px 10px 20px }
}

@media screen and (min-width: 521px) and (max-width: 999px)
{
	div[n="1"], div[mtm="1"], #rsearch_area2, .ebig .container .contdata	{ display: none }
	
	body, html							{ width: 100%; }
	#content							{ padding: 10px 0 10px 0; margin: auto; min-height: 100%; }
	div[mm="1"]							{ padding: 10px 3px 10px 3px }
	.logo								{ margin-right: 0 !important; }
	.logot								{ display: block; margin-right: 0 !important; margin: auto !important; margin-bottom: 20px !important; max-height: 60px !important; }
	#footer a							{ color: #fff; }
	#logoheader 						{ margin: auto; padding: 5px }
	/* .ebig								{ grid-template-columns: repeat(2, 1fr) } */
	/* .ebig .container					{ max-width: unset; width: calc(100% - 10px); margin: auto } */
	#rsearch_f1							{ max-width: min-content; margin-right: 10px }
	.usernd								{ padding: 2px 10px 2px 10px }
	.ebg								{ grid-template-columns: auto minmax(min-content, 150px); margin-top: 5px }
	.ebdark > img						{ max-height: 120px; max-width: 120px; }
	.grid.debm							{ grid-template-columns: minmax(min-content, max-content) auto 85px repeat(4, minmax(min-content, max-content)) }
	.ttd .labeldark, .ttd .labelorange	{ width: auto; min-width: 100px }
	.ttd, .cks							{ font-size: 12px }
	.ttr, .ttrs							{ font-size: 13.5px }
	.ck									{ font-size: 12.5px; padding: 4px 3px 4px 3px;  }
	.ck + .ck							{ margin: 0 0 4px 3px; }
	.ttc, .emtitle						{ font-size: 12px }
	.cornav								{ padding-left: 5px }
	.endnav								{ margin-left: auto !important }
	.rsa								{ margin: auto 15px auto 0 }
	#rsearch_area1						{ display: inline-block }
	/* .grid.tps							{ grid-template-columns: 1fr; column-gap: 4px } */
	/* .grid.tps > .ttd					{ align-content: flex-start !important; } */
}

@media screen and (max-width: 520px)
{
	div[n="1"], div[non="1"], .emtitle, #rsearch_area1, #rsearch_area2	{ display: none }
	div[mtm="1"]						{ display: block }
	div[mm="1"]							{ padding: 10px 3px 10px 3px }
	.cks.w:not(.w2)						{ width: auto }
	.ttd .labeldark, .ttd .labelorange	{ display: inline-block; min-width: 120px }
	.ttc								{ font-size: 12px }
	.ttr								{ font-size: 13px }
	.tsh								{ padding: 3px 4px 7px 4px; }
	#rsearch_area2						{ text-align: left }
	.grid.debm							{ grid-template-columns: 100px auto }
	.grid.debm a.w > .cks.labelblue.w				{ width: auto !important }
	.rsa {
		width: 100%; left: 0; 
		line-height: 20px;
		background: rgba(150, 150, 150, .9);
		top: 50px;
		margin: 0 0 0 0;
		padding: 3px 10px 3px 15px;
		border: 1px solid rgba(100, 100, 100, .9);
	}

	.endnav								{ margin-left: auto !important; margin-right: 15px }
	#footer 							{ line-height: 20px; margin: auto; text-align: center; width: 100%; }
	#footer a 							{ color: #fff; }
	#content 							{ padding: 10px 0 10px 0; margin: auto; min-height: 100%; width: 100%; max-width: 100%; }
	.logo								{ margin: 50px 0 0 0; }
	.logot 								{ display: block; margin-right: 0 !important; margin: auto !important; margin-bottom: 20px !important; max-height: 60px !important; }
	#logoheader							{ margin: auto; padding: 5px; }
}
