/* 480 - 639 */
@media screen and (max-width:639px){
	header{width:100%; margin-left:.5em;}
	header .logo {display:none;}
	header .logomobi {
		display:block; 
		width:28.16901408450704% !important; /*180/639*/	
	}

	header .logomobi img {
		width:97.67441860465116%; /*210/215*/
		height: 101px;
		padding:0 0 0 5px;
	}

	header .hcontainer {width:68.70109546165884%; /*439/639*/}
	header .hcontainer .xslogan {display:none;}

	header .hcontainer .mfriendly{
		width:32.80182232346241%;/*144/439*/
		margin-left:3px;
		/*border:1px solid;/**/
	}

	header .hcontainer .links768 {
		margin:0;
		margin-left:.5em;
		width: 27.33485193621868%; /*120/439*/
	}

	header .hcontainer .links768 li a {font-size:90%;}

	header .hcontainer .lngbox {
		width: 32.57403189066059%; /*143/439*/
		/*border:1px solid;/**/
		margin-right:3px;
		overflow:none;
	}

	header .hcontainer .lngbox .languages li{margin-right:2px;}

	header .hcontainer .bottomline {border-top:0;}

	#overlay div {width:90%;}

	section nav {display:none;}

	section article {margin-left:.5em; width:99.06103286384977%; /*633/639*/}

	section article select.navmobi {
		display:block;
		border:1px solid #888;
		margin:3px auto;
		width:90%;
		height:1.5em;
		font-size:1.1em;
	}

	section article select.navmobi option {
		margin:.5em 0;
	}

	section article .slogan li {
		line-height:1em;
	}

	section article .h3tableh table {width:75%;}

	section article .statbox {width:91.62717219589258%;/* 540/633*/}
	section article .statbox .col {
		width: 46.60347551342812%;/*295/633*/
		height:auto;
	}

	section article .infoPar .body p, section article .infoPar .body2 p, section article .infoPar .body ul li, section article .infoPar .body2 ul li{
		text-align:left;
		font-size:.9em;
	}

	section article .pbox .lele {width:18.95734597156398%; /* 120 / 633 */}
	section article .pbox .cele {width:55.29225908372828%; /* 350 / 633 */}
	section article .pbox .rele {width:11.05845181674566%; /* 70 / 633 */}

	section article .btnBack {width:45%;}

	.rnavbtn, .lnavbtn {width:20.85308056872038%; /*132/633*/}
	.banner468 {width:73.93364928909953%;/*468/633*/}
	.banner331 {width:52.29067930489731%; /*331/633*/}
	.link {font-size:.9em;}
	.smallLink {font-size:.70em;}

	footer .ftable {
		width: 92.73301737756714%;/*587/633*/
		margin:0 auto;
	}

	footer .ftable li {font-size:.85em;}

	.breakpoint{display:none;width:350px;}
}

@media screen and (max-width:514px) {
	section article .statbox .col {
		height:305px;
	}
	
}


/* 480-320*/
@media screen and (max-width:479px){
	header{width:100%; margin-left:.5em;}
	header .logomobi {width:41.00227790432802% !important; /*180/479*/}
	header .hcontainer {
		width:54.27974947807933%; /*260/479*/
		height:123px !important;
	}
	header .hcontainer .mfriendly{display:none;}
	
	header .hcontainer .links768{
		width: 48.07692307692308%; /*125/260*/
		min-width:105px;
		-border:1px solid #ddd;
		margin-bottom:0.078125em;
		-khtml-border-top-right-radius: 15px; -rim-border-top-right-radius: 15px; -ms-border-top-right-radius: 15px;	-o-border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; border-top-right-radius: 15px;
	}

	header .hcontainer .links768 li {
		margin: .234375em;
		padding: .15125em;
		text-align:center;
		border-bottom:1px solid #ddd;
		-khtml-border-radius: 5px;-rim-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
		
		background:none;
		background-color: #fef8f0;
		/*background: -moz-linear-gradient(right,  #fff 0%, #ddd 100%);background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd));-background: -webkit-linear-gradient(right,  #fff 0%,#ddd 100%);background: -o-linear-gradient(right,  #fff 0%,#ddd 100%);background: -ms-linear-gradient(right,  #fff 0%,#ddd 100%);background: linear-gradient(right,  #fff 0%,#ddd 100%);*/
	}

	header .hcontainer .links768 li a{
		color:#000;
		font-size:.65em;
		height:20px;
		font-family:Verdana, helvetica, sans-serif;
	}

	header .hcontainer .links768 li a .bigt{display:none;}
	header .hcontainer .links768 li a .smallt{display:inline;}

	header .hcontainer .links768 li.joinlt320 {display:block;}
	header .hcontainer .lngbox {
		width: 42.30769230769231%;/*110/260*/
	}

	header .hcontainer .lngbox .languages li{
		min-width:24px; /* actual size is now the only suitable*/
		float:left;
	}

	header .hcontainer .imgjoin{display:none;}

	header .hcontainer .bottomline {margin-top:2px;}

	.breakpoint{display:none;}

	section article {width:97%;}
	.additional {display:none;}

	section article .hnav600 .vbar {display:none;}

	section article .hnav600 a {
		display:inline-block;
		margin:.5em;
		text-decoration:none;
		width:23%;
		vertical-align:top;
		border:1px dotted #999;
		-khtml-border-radius: 5px;-rim-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
		line-height:1.4em;
	}

	section article .slogan li {
		width:41.75365344467641%; /*200/479*/
		line-height:1.3em;
				
	}

	section article .h3tableh table {width:95%;}
	section article .h3tableh table tr th, section article .h3tableh table tr td.first{font-weight:normal;}

	section article .statbox .header {
		font-size:1.2em;
		letter-spacing:.2em;
	}

	section article .statbox .col {
		width: 45.92901878914405%; /*220/479*/
		min-height:240px;
	}

	h1 {
		font-family: Arial, helvetica, sans-serif;
		/*font-size:1.4em;*/
	}

	h2, h3 {font-size:1.2em; -margin-top:1em;}
	h3 {font-size:1.15em;}

	section article .pbox {display:table;}
	section article .pbox .lele {width:25.05219206680585%; /* 120 / 479 */}
	section article .pbox .cele {width:68.89352818371608%; /* 330 / 479 */ line-height:2em;}
	section article .pbox .rele {display:none;}
	section article .pbox .cele .additional {display:none;}
	section article .btnBack {width:50%;}

	table.afro {width:90%;}

	.rnavbtn, .lnavbtn {width:27.55741127348643%; /*132/479*/}
	.banner468 {width:97.7035490605428%;/*468/479*/}
	.banner331 {width:69.10229645093946%; /*331/479*/}
	.link {font-size:.85em;}
	.smallLink {font-size:.70em;}

	footer .ftable {
		width: 83.50730688935282%;/*400/479*/
		margin:0 6.68058455114823%; /*32/479*/
	}
}

/* Preparing to the iPhone limit */
@media screen and (max-width:408px){
	header .hcontainer .lngbox {
		width: 21.15384615384615%;/*55/260*/
	}

	header .hcontainer .lngbox .languages li{
		clear:both;
		float:left;
		margin-left:-10px;
	}

	section article p {
		text-rendering: optimizeLegibility;
		text-align:left;
		font-size:1em;
		line-height:1.3em;
		text-indent:.5em;
	}

	section article .normal li {
		text-rendering: optimizeLegibility;
		font-size:.83em;
		font-size:.9em;
	}

	section article .normal li b{
		font-weight:normal;
	}

	section article .slogan li {
		width:36.53444676409186%; /*175/479*/
		font-weight:normal;
		font-family:Arial, helvetica, sans-serif;
		font-size:.9em;
		margin-bottom:1.3em;
		/*height:70px;/**/
	}

	section article .statbox .header {
		line-height:1.2em;
		letter-spacing:0.05em;
	}

	section article .statbox .col {
		width: 44.88517745302714%; /*215/479*/
		min-height:320px;
	}

	section article .pbox .cele {line-height:1em;}

	a.lgnd img {
		width:80%;
	}

	h2{margin-top:.8em;}

	section article .faq {text-align:left;}
	table.afro {width:96%;}
	section article .btnBack {width:75%;}
	section article .btnJoin {width:55%;}

	.rnavbtn, .lnavbtn {width:45%;height:18px;}
	.rnavbtn a, .lnavbtn a {line-height:1em;}
	
	.banner468 {width:99%;/*max possible*/}
	.banner331 {width:88.97849462365591%; /*331/372*/}
	.link {font-size:.75em;}
	.smallLink {font-size:.65em;}

	footer .ftable {
		width: 84.67741935483871%;/*315/372*/
		margin:0 4.3010752688172%; /*16/372*/
	}
}

/* Last resolution, smaller than the iPhone */
@media screen and (max-width:319px) {
	header{
		width:100%; 
		margin:0;
		padding:0;
		/*border:1px solid;/**/
	}
	
	header .logomobi {
		width:75.235109717868338557993730407524% !important; /*180/319*/
		float:none;
		margin:0 auto;
	}

	header .hcontainer {
		clear:both;
		float:none;
		width:81.50470219435737%; /*260/319*/
		height:100px !important;	
		margin:0 auto;
		border:0;
		/*border:1px solid;/**/
	}
		
	header .hcontainer .links768{
		width: 69.23076923076923%; /*180/260*/
		/*border:1px solid;/**/
		float:none;
		margin:0 auto;
		clear:both;
	}

	header .hcontainer .lngbox, header .hcontainer .bottomline {display:none;}

	section article p {
		text-indent:0;
	}
	
	section article {
		width:94%;
		margin:0 auto;
		float:none;
	}

	.social {
		margin:0 auto;
		width:auto;
		min-width:50%;
		display:table;
	}
	
	section article .hnav600 a {
		width:auto;
		padding:0 1px;
	
	}

	/* Hide useless links for this resolution */
	section article .hnav600 a#sitemap, section article .hnav600 a#pub, .pp {display:none;}

	section article .slogan{
		margin:0 auto;
	}

	section article .slogan li {
		float:none;
		width:auto;
		height:36px;
		line-height:1.5em;
		overflow:none;
	}

	section article .slogan li:last-child{height:24px;}

	section article .statbox {
		border:1px dotted #aaa;
	}

	section article .statbox .header {
		font-size:1.1em;
		letter-spacing:.2em;
	}

	section article .statbox .col {
		width: 94%;
		border:0;
		min-height:0;
		height:auto;
		margin:0;
		padding:0 auto;
	}

	section article .pbox .lele {width:37.61755485893417%; /* 120 / 319 */}
	section article .pbox .cele {
		width:59.56112852664577%; /* 190 / 319 */
		font-size:.85em;
	}

	section article .pps {display:block;}
	section article .pps img {max-width:100%;}

	section article .extralinks {/* automatically block element*/}
	section article .extradots {display:none;}

	.banner468 {width:100%;/*max possible*/}
	.banner331 {width:100%; /*331/372*/}
	.menu:link, .menu:visited, .menu:active, .menu:hover {
		font-size:.75em;
	}

	footer{margin:5px 0 10px;}

	.ftable li#it1, .ftable li#it3 {display:none;}

	.ftable li#it2 {
	float:none;
	width:100%;
	font-family:garamond, serif;
	font-size:.95em;
}

	.breakpoint{display:none;}
}