/* @media (orientation: landscape) { body{background-size: 100% auto;} } */
@media screen and (min-width: 540px)
{
	body{font-size: 14.5px;}
	#headwrapmiddle{ width: 322px;}
	#wrap{ width: 540px;}
	.ftleft{float: left; width: 30%; height: 200px;}
	.ftright{float: right; width: 30%; height: 200px;}
	.ftmiddle{float: right; width: 30%; height: 200px;}
	.forappSingel{
		width: 253px;
		height: 180px;
	}
	.forappDouble{
		width: 518px;
		height: 180px;
	}
	.forappTriple{
		width: 518px;
		height: 366px;
	}
		
}
@media screen and (min-width: 640px)
{
	body{font-size: 15px;}
	#headwrapmiddle{ width: 420px;}	
	.piomtxt{ width: 270px; }
	#wrap{ width: 640px;}
	.forappSingel{
		width: 201px;
		height: 200px;
	}
	.forappDouble{
		width: 414px;
		height: 200px;
	}
	.forappTriple{
		width: 626px;
		height: 200px;
	}	
	.line100{margin: 8px 0px; }
	.dlglinepart{width: 46%; float: left;}
	.functionsline{grid-template-columns:3fr 1fr ;}
	.linepartForFindU4{ grid-template-columns: 1fr 1fr;}
	.linepartForFindU3{ grid-template-columns: 1fr 1fr;}
	.formWorkPart{grid-template-columns: 1fr 1fr; padding-right: 0.2em;}
	.bworkreplistGrid{ grid-template-rows: 1fr; 	grid-template-columns:3fr 6fr 18fr 15fr 14fr;}
	.bbillinllistGrid{ grid-template-rows: 1fr; grid-template-columns:1fr 5fr 3fr 1fr;}
	.bbillinllist{ grid-template-rows: 1fr; grid-template-columns:1fr 5fr 5fr 4fr 1fr;}
	.listline4grid{ grid-template-rows: 1fr; grid-template-columns:2fr 10fr 6fr 3fr; }
	.listlineGrid{ grid-template-rows: 1fr; grid-template-columns:1fr 6fr 4fr 1fr; }
	.billlistline{ grid-template-rows: 1fr; grid-template-columns:1fr 1fr 5fr 4fr 4fr 1fr; }
	.bbillinllistGrid2{ grid-template-rows: 1fr; grid-template-columns:1fr 1.3fr 5fr 4fr 1.3fr; }
	.billtemplistline{ grid-template-rows: 1fr; grid-template-columns:1fr 5fr 5fr 4fr 1fr; }
	.offerlistline{ grid-template-rows: 1fr; grid-template-columns:1fr 1fr 4fr 4fr 4fr 1fr; }
	.billfunctionsgrid{ grid-template-columns:3em 3em 3em;}
}

@media screen and (min-width: 800px)
{
	body{font-size: 15.5px;}
	#headwrapmiddle{ width: 320px; margin-top: 20px; }	
	#wrap{ width: 800px;}
	.forappSingel, .forappDouble, .forappTriple{ border: 4px solid var(--main-dialoghead-color); }
	.forapps{ margin: 5px 0px 7px 9px;}
	.forappSingel{
		width: 248px; 
		height: 220px;
	}
	.forappDouble{
		width: 513px;
		height: 220px;
	}
	.forappTriple{
		width: 778px;
		height: 220px;
	}	
	.line100{margin: 9px 0px; }	
	#tehWCamViewRight{ grid-template-columns:1fr 1fr 1fr;}
	.forViewWCPicComand{ display: grid; grid-template-rows: 1fr; grid-template-columns:3fr 2fr 1fr 2fr 3fr;}
	.lineadrNewslatter{	grid-template-rows: 1fr; grid-template-columns: 2fr 4fr 5fr 1fr; }
	.lineNewslatter{ grid-template-rows: 1fr; grid-template-columns: 2fr 3fr 8fr; }
	.lineNewNewslatter{grid-template-rows: 1fr; grid-template-columns: 8em auto;}
	.forviewWRHead{
		grid-template-rows: 1fr; 
		grid-template-columns: 7fr 6fr; 
	}
	.forviewWRsignature{
		grid-template-rows: 1fr; 
		grid-template-columns: 1fr 1fr; 
	}
	.viewWRComp{width: 100%;}
}

@media screen and (min-width: 1100px)
{
	body{font-size: 16px;}
	#wrap{ width: 1100px;}
	.forappSingel, .forappDouble, .forappTriple{ border: 5px solid var(--main-dialoghead-color); }
	.forapps{ margin: 6px 0px 8px 10px;}
	.forappSingel{
		width: 344.5px; 
		height: 250px;
	}
	.forappDouble{
		width: 709.5px;
		height: 250px;
	}
	.forappTriple{
		width: 1074px;
		height: 250px;
	}	
	.line100{margin: 12px 0px; }	
	.functionsline{grid-template-columns:4fr 1fr ;}
	.linepartForFindU4{ grid-template-columns: 1fr 1fr 1fr 1fr;}
	.linepartForFindU3{ grid-template-columns: 1fr 1fr 1fr;}
	.billfunctionsgrid{ grid-template-columns:3em 3em 3em 3em 3em 3em;}
}
}
@media screen and (min-width: 1400px)
{
	body{font-size: 16.5px;}
	#wrap{ width: 1400px;}
	.forappSingel, .forappDouble, .forappTriple{ border: 5px solid var(--main-dialoghead-color); }
	.forapps{ margin: 6px 0px 9px 11px;}
	.forappSingel{
		width: 444px; 
		height: 280px;
	}
	.forappDouble{
		width: 908px;
		height: 280px;
	}
	.forappTriple{
		width: 1372px;
		height: 280px;
	}	
	.line100{margin: 12px 0px; }	
	#tehWCamViewRight{ grid-template-columns:1fr 1fr 1fr 1fr;}
}

@media screen and (min-width: 1600px)
{
	body{font-size: 17px;}
	#wrap{ width: 1600px;}
	.forappSingel, .forappDouble, .forappTriple{ border: 5px solid var(--main-dialoghead-color); }
	.forapps{ margin: 6px 0px 9px 11px;}
	.forappSingel{
		width: 509.5px; 
		height: 300px;
	}
	.forappDouble{
		width: 1040px;
		height: 300px;
	}
	.forappTriple{
		width: 1570px;
		height: 300px;
	}	
	.line100{margin: 12px 0px; }	
}