@media screen and (min-width: 1200px) {
	.displayed--home #logo{
		margin-top: -40px;
		width: 310px;
	}
	.displayed--home #logo_img{
		background-size: 94px 94px;
		width: 94px;
		height: 94px;
	}

	.displayed--home #logo_title{
		font-size: 30px;
		line-height: 29px;
	}

	.displayed--home #header_disclaimer_title{
		font-size: 35px;
		line-height: 40px;
		margin-top: -45px;
		width: 280px;
	}
}

@media screen and (max-width: 1024px) {
	/*small flags*/
	#regions_bubbles #flag--aquitaine{ background-position:-58px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--poitou-charentes{ background-position:-87px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--pays-de-la-loire{ background-position:-58px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--bretagne{ background-position:-116px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--lorraine{ background-position:-29px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--rhone-alpes{ background-position:-116px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}
	#regions_bubbles #flag--provence-alpes-cote-dazur{ background-position:-87px 0; background-size:146px 47px; width:29px; height:47px; margin-top:-23px;}

	#regions_bubbles #flag--auvergne{ background-position:-105px 0; background-size:175px 56px; width:35px; height:56px; margin-top:-28px;}
	#regions_bubbles #flag--corse{ background-position:-70px 0; background-size:175px 56px; width:35px; height:56px; margin-top:-28px;}
	#regions_bubbles #flag--bourgogne{ background-position:-35px 0; background-size:175px 56px; width:35px; height:56px; margin-top:-28px;}
	#regions_bubbles #flag--centre{ background-position:-140px 0; background-size:175px 56px; width:35px; height:56px; margin-top:-28px;}
	#regions_bubbles #flag--picardie{ background-position:-105px 0; background-size:175px 56px; width:35px; height:56px; margin-top:-28px;}

	/*big flags*/
	#regions_bubbles #flag--limousin{ background-position:0px 0; background-size:210px 67px; width:42px; height:67px; margin-top:-34px;}
	#regions_bubbles #flag--franche-comte{ background-position:-84px 0; background-size:210px 67px; width:42px; height:67px; margin-top:-34px;}
	#regions_bubbles #flag--midi-pyrenees{ background-position:-168px 0; background-size:210px 67px; width:42px; height:67px; margin-top:-34px;}

}

@media screen and (max-width: 500px) and (orientation: portrait) {
/*--------------------------
                STYLE
    ----------------------------*/
	#Header{
		height: 30px;
        opacity: 1;
	}
    .languages_home {
    }
    .filling{
        height: 37px;
    }
	.filling:after{
		border-bottom: 15px solid transparent;
    		border-left: 11px solid #4d90c7;
    		border-top: 15px solid transparent;
	}
    .header_share{
        right: 30px;
        top: 5px;
    }
    .border_top,
    .border_top:after{
        height: 30px;
    }
    .home_link:before{
        top: -2px;
    }
    #nav-languages{
        display:block;
    }
    #home_nav-languages{
        display:none;
    }
    #Header .lang_link{
        display: table;
        margin: 10px 0;
        font-size: 18px;
        width: 100%;
    }
    .languages .lang_link,
    .languages_home .lang_link {
        display: list-item;
        cursor: pointer;
        font-size: 18px;
        margin: 10px auto;
        color: white;
    }
    .languages,
    .languages_home{
        right: 0;
        top: 30px;
        width: 100%;
        height: 435px;
        background-color: rgba(0,0,0,0.8);
        display:none;
        z-index: 300;
    }
    .angle-up{
        display:block;
    }
    .slide {
        padding-top: 0;
    }
    .slide_form{
        left: 5%;
    	 top: 70px;
    }
    label {
        font-size: 12px;
    }
    .you_enumerator_label {
        font-size: 11px;
    }
    .survey_action{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        width: 80px;
        
        top: 410px;
	/*bottom:30px;        */
        right:30px;
    }
    .survey_action.conclusion_share,
    .survey_action.congratulations_valid{
	position: absolute;

    }
    .survey_action:after{
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 14px solid #05bfd0;
    }
    .survey_action.country_think_valid{
        /*top: 500px;*/
    }
    #Congratulations .survey_line{
        width: 90%;
    }
    .congratulations_title {
        font-size: 24px;
        width: 90%;
        text-align: center;
    }
    .congratulations_subtitle{
        padding-top: 20px;
    }
    #Congratulations .congratulations_me{
        bottom: 72px !important;
        margin-left: -3px !important;
    }
    .congratulations_illu_planet--pink,
    .congratulations_illu_planet--blue{
        background-size: 86px 86px;
        width: 86px;
        height: 86px;
        bottom: 0px;
    }
    a.survey_action.congratulations_valid{
        right: 40%;
            top: 250px;
    }
	.survey_action.survey_action_realitylabel.reshousehold_income_think_valid{
	    top: 400px;
    }
	.res_menu{
		font-size: 11px;
        margin: 0 8px;
    }
	.conclusion_back{
		left: 10%;
        font-size: 12px;
    }
	#Conclusion .slide_form {
		text-align: center;
		left: 5%;
		width: 90%;
		top: 50px;
	}
	label.res_label{
		font-size: 14px;
        width: 90%;
	}
	.rescountry_label {
		width: 90%;
	}
	.conclusion_illu{
	    background-size: 120px 120px;
		width: 120px;
		height: 120px;
		right: 60%;
		bottom: 80px;
	}
	.conclusion_bottom_mailto{
		font-size: 11px;
		left: 5%;
		width: 90%;
		bottom: 20px;
	}
	#Conclusion .household_me{
		bottom: 78px !important;
		background-size: 16px 33px;
		width: 16px;
		height: 33px;
		margin-left: 0;
	}
	.conclusion_select_valid{
		margin-top: 5px;
	}
	.conclusion_where{
    margin-bottom: 0px;
		font-size: 14px;
	}
	.survey_action.conclusion_share{
		top: 340px;
	}
/*--------------------------
                SOCIETY
    ----------------------------*/
    .pyramid_result[data-step="reality"] .pyramid_text.cl, .pyramid_result[data-step="reality"] .pyramid_text.kr, .pyramid_result[data-step="reality"] .pyramid_text.jp, .pyramid_result[data-step="reality"] .pyramid_text.tr{
        width: 200px;
        left: -20%;
    }
	#ResSociety .society_planet {
		right: 200px;
		bottom: 60px;
	}
    .society_ray{
        height: 30px;
		bottom: 30px;
    }
    .society_think_label{
        width: 90%;
        text-align: justify;
    }
    #Society .survey_line {
        width: 90%;
        margin: 0;
        top: 40px;
    }
	.society_planet {
		width: 60px;
		height: 60px;
		bottom: 20px;
		right: 200px;
	}
    #Society .society_planet{
		width: 60px;
		height: 60px;
		bottom: 40px;
		right: 200px;
    }
	#ResSociety .pyramid_result{
		left: 35%;
		top: 150px;
	}
	#ResSociety .slide_form{
		left: 5%;
		width: 90%;
	}
	.pyramid_result .pyramid_text{
		top: 0%;
		left: 0;
	}
    .society_planet:after{
		width: 30px;
		height: 60px;
    }
    .pyramid{
        width: 50px;
        margin: 0 7px 0 0;
    }
    .pyramids_container {
        width: 100%;
        margin: 30px 0 0 25%;
    }
    .pyramids_legend{
        left: 0px;
    }
    .pyramids_legend:before{
        width: 230px;
    }
    .pyramids_legend[data-wealth="high"] .legend_title {
        top: -20px;
    }
    .pyramids_legend[data-wealth="average"] {
        top: 21px;
    }
    .pyramids_legend[data-wealth="average"] .legend_title {
        top: -10px;
    }
    .pyramids_legend[data-wealth="low"] {
        top: 42px;
    }
    .pyramids_legend[data-wealth="low"] .legend_title {
        top: 0;
    }
    .legend_title{
        font-size: 10px;
        line-height: 1.1;
        left: -80px;
        width: 55px;
    }  
    .pyramid_text{    
            top: 40px;
        width: 130px;
        padding-top: 42px;
        font-size: 10px;
        left: -80px;
    }
    .pyramid_text:before{
        top: 20px;
        left: 80%;
    }
    .pyramid_line{
        height: 6px;
    }
	.pyramid_result .pyramid_text:before{     top: -30px; display:none;}
	
	
    .pyramid_bar[data-size="1"]{ width: 6px;}
	.pyramid.selected .pyramid_bar[data-size="1"]:before{ width: 8px;}
	.pyramid_bar[data-size="2"]{width: 12px;}
	.pyramid.selected .pyramid_bar[data-size="2"]:before{ width: 15px;}
	.pyramid_bar[data-size="3"]{width: 19px;}
	.pyramid.selected .pyramid_bar[data-size="3"]:before{ width: 21px;}
	.pyramid_bar[data-size="4"]{ width: 25px;}
	.pyramid.selected .pyramid_bar[data-size="4"]:before{ width: 27px;}
	.pyramid_bar[data-size="5"]{ width: 32px; }
	.pyramid.selected .pyramid_bar[data-size="5"]:before{ width: 34px;}
	.pyramid_bar[data-size="6"]{width: 38px;}
	.pyramid.selected .pyramid_bar[data-size="6"]:before{ width: 40px;}
	.pyramid_bar[data-size="7"]{width: 45px;}
	.pyramid.selected .pyramid_bar[data-size="7"]:before{ width: 47px;}
    
    .survey_action.society_think_valid{    top: 400px;    }

/*--------------------------
                RAYS
    ----------------------------*/
    .home_ray {
        height: 70px;
    	left: 95px;
    	bottom: 80px;
    }
    .home_ray_mini {
        height: 1px;
        left: 50px;
        bottom: 35px;
    }
    .you_ray{
	height: 35px;
	bottom:0;
    }
    .cloud{
        background-size: 21px 12px;
        width: 21px;
        height: 12px;
    }
    .cloud {
    	background-size: 12px 11px;
    	width: 12px;
    	height: 11px;
    }
    .cloud[data-size="2"] {
    	background: url("../img/cloud.svg") no-repeat 0 0;
    	background-size: 25px 15px;
    	width: 25px;
    	height: 15px;
    }
    .cloud[data-size="3"][data-color="pink"] {
        background: url("../img/cloud--pink.svg") no-repeat 0 0;
        background-size: 21px 12px;
    }
    .cloud[data-size="4"][data-color="pink"] {
        background: url("../img/cloud--pink.svg") no-repeat 0 0;
        background-size: 14px 8px;
    }
    .household_ray{
    	height: 50px;
    	left: 50%;
    	bottom: 0px;
    }
    .country_ray_cloud{
		height: 60px;
		bottom: 35px;
    }
    .cloud[data-size="2"][data-color="pink"]{ 
		background-size: 25px 15px;
    }
	.society_ray_cloud {
		height: 50px;
		bottom: 30px;
	}
	.congratulations_ray_cloud {
		height: 50px;
		left: 50%;
		bottom: 40px;
	}
	.household_poor_ray {
		height: 10px;
		left: 12%;
		bottom: 45px;
	}
	.household_rich_ray {
		height: 50px;
		left: 87%;
		bottom: 50px;
	}
	.cloud[data-size="4"][data-color="yellow"] {
		background-size: 14px 7px;
	}
	.conclusion_ray {
		height: 50px;
		right: 76%;
		bottom: 120px;
	}
	.conclusion_ray_mini{
		height: 10px;
	    right: 73%;
        bottom: 193px;
	}
 /*--------------------------
                PERSONAS
    ----------------------------*/
    .persona[data-gender="m"][data-wealth="poor"][data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-wealth="poor"][data-size="3"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="3"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="3"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="3"]{
        background-size: 12px 31px;
    }
    .persona[data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-size="3"],
    .persona[data-gender="f"][data-size="3"]{
        width: 12px;
        height: 31px;
    }
    .persona.household_poor_member[data-num="4"][data-size="3"]{
        -webkit-transform: translate(154%, -40%) rotate(69deg);
        -ms-transform: translate(154%, -40%) rotate(69deg);
        transform: translate(154%, -40%) rotate(69deg);
    }
    .persona.household_poor_member[data-num="5"][data-size="3"]{
        -webkit-transform: translate(-267%, -50%) rotate(-63deg);
        -ms-transform: translate(-267%, -50%) rotate(-63deg);
        transform: translate(-267%, -50%) rotate(-63deg);
    }
    .persona.household_rich_member[data-num="5"][data-size="3"]{
        -webkit-transform: translate(-276%, -78%) rotate(-34deg);
        -ms-transform: translate(-276%, -78%) rotate(-34deg);
        transform: translate(-276%, -78%) rotate(-34deg);
    }
    .persona.household_rich_member[data-num="4"][data-size="3"] {
        -webkit-transform: translate(201%, -73%) rotate(35deg);
        -ms-transform: translate(201%, -73%) rotate(35deg);
        transform: translate(201%, -73%) rotate(35deg);
    }
    .persona[data-gender="m"][data-size="4"],
    .persona[data-gender="f"][data-size="4"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
    .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
        background-size: 10px 25px;
        width: 10px;
        height: 25px;
    }
	#Society .persona[data-gender="m"][data-size="4"],
	#Society .persona[data-gender="f"][data-size="4"],
	#Society .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
	#Society .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
	#Society .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
	#Society .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
			background-size: 9px 24px;
			width: 9px;
			height: 24px;
	}
	#ResSociety .persona[data-gender="m"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
	#ResSociety .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
	#ResSociety .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
			background-size: 9px 24px;
			width: 9px;
			height: 24px;
	}
  /*--------------------------
                HOUSEHOLD
    ----------------------------*/
    #Household .survey_line {
        width: 90%;    
        text-align: center;
	left: 5%;
	top: 40px;
    }
    .household_circular{
        margin: 25px 60px 5px;
    }
    .household_income_label{
        width: 90%;
	margin-bottom: 0;
    }
    .household_stage{
        bottom: 0px;
    	left: -40%;
        font-size: 14px;
    }
    .household_stage.displayed{
        left: -10px;
    }
    .household_periodicity {
    	margin: 0;
    }
    .household_income_tooltip{
        font-size: 10px;
        text-align: justify;
        width: 100%;
        margin: 0px 0.5%;
        line-height: 12px;
        padding: 0;
        position: initial;
        opacity: 1;
    }
    .survey_action.youpeople_valid,
    .survey_action.household_income_valid,
    .survey_action.household_think_valid {
	
        top: 410px;
	/*bottom:-50%;*/
    	right: 40px;
    }
    #Household .household_think .survey_line{
        width: 80%;
        margin: 20px 10%;
        text-align: justify;
        left: 0;
    }
    .slider_container{
        width: 80%;
        margin: 20px 10%;
    }
    .household_planets .household_planet--rich{
        left: 87%;
        bottom: 10px;
        width: 75px;
        height: 75px;
    }
    .household_planets .household_planet--poor {
        left: 12%;
        bottom: 30px;
        width: 25px;
        height: 25px;
        border-radius: 50px;
    }
    
    .household_planet{
        width: 80px;
        height: 80px;
        border-radius: 60px;
        bottom: -80px;
    }
    .planet_income_container--rich {
        left: 87%;
        bottom: 10px;
        width: 75px;
        height: 65px;
    }
    .planet_income_container--poor {
        left: 12%;
        bottom: 30px;
        width: 25px;
        height: 5px;
    }
    .planet_income_container--poor .planet_income {
        border-radius: 25px;
        width: 25px;
        height: 25px;
    }
    .household_planet:after{
        width: 40px;
        height: 80px;
    }
    .household_planet--poor:after {
        width: 12px;
        height: 25px;
    }
    .household_planet--rich:after {
        width: 37px;
        height: 75px;
        border-radius: 0px 150px 150px 0px;
    }
    .household_planetincome{
        width: 80px;
        height: 80px;
    }
    .household_house{
        left: 20px;
        margin-left: 60px;
    }
    .household_planets{
        bottom: 80px;
    }
    .household_planetincome_container{
        bottom: -80px;
        width: 80px;    
        height: 50px;
    }
    .household_planetincome:after{
        width: 40px;
        height: 80px;
    }
    .planet_income_container--rich .planet_income {
        width: 75px;
        height: 75px;
    }
    .household_house_income, .poverty_value {
        top: 40%;
        font-size: 12px;
        width: 70px;
    }
    .poor_border{ 
        bottom: 100px;
    }
    .household_house.scaleless{
        margin-top: -150px;
    }
	.res_arrow_legend{
		bottom: -50px;
    }
	.res_arrow_legend[data-type="poor"]{
	        left: 20px;
        width: 90px;
        bottom: -60px;
        font-size: 12px;
    }
	.res_arrow_legend[data-type="rich"]{
	    left: -20px;
    }
    .res_arrow_legend .bigger{
        font-size: 12px;
    }
    .res_slider_legend .bigger{
        font-size: 12px;
    }
	#ResHousehold .info_tooltip{
	    top: -25px;
    }
    .poor_value .poor_value_display{
        top: -15px;
        font-size: 12px;
    }
	.poor_border .poor_value{
		bottom: 0;
		top: -40px;
	}
	.poor_border .poor_value:before{
		height: 130px;
	}
	#ResHousehold .res_arrows {
		    top: 200px;
	}
   /*--------------------------
                HOME
    ----------------------------*/
    #App{
        width: 100%; 
    	max-width: 100%;
	height: 100%;
    	max-height: inherit;

    }  
    .home_languages{
        display:none;
    }
    .home_title{
        margin: 40px auto 10px;
        font-size: 16px;
        text-align: center;
        left:0;
        position: initial;
    }
    .home_disclaimer {
        margin: 0 10%;
        font-size: 11px;
        font-weight: 100;
        line-height: 1.2em;
        width: 80%;
        text-align: justify;
        position: initial;
    }

    .home_steps {
        padding: 0;
        width:80%;
        margin: 20px 10%;
        position: initial;
        font-size: 12px;
    }
    .home_step{
        height: 100%;
        padding-left: 30px;
        margin: 10px 0;
    }
    .home_step .puce{
        height: 21px;
        width: 21px;
        line-height: inherit;
        border-radius: 21px;
        font-size: 12px;
    }
    .home_start{
        position: absolute;
        left: 10% !important;
        top: 75% !important;
    }
    a.survey_action.home_start{
	
    }
    .survey_action:after {
	left: 99.6%;
    }
	
    .home_illu{
        right: -60px;
    	bottom: -100px;
    	width: 200px;
    	height: 200px;
    }
    .home_illu_bg{
        background-size: 200px 200px;
    	right: 0;
    	top: 0;
    }
    .fr .oecd_logo,
    .es .oecd_logo,
    .it .oecd_logo,
    .kr .oecd_logo,
    .cz .oecd_logo,
    .dk .oecd_logo,
    .jp .oecd_logo,
    .de .oecd_logo,
    .oecd_logo{
        left: 10%;
        bottom: 5%;
        width: 120px;
    	height: 37.5px;
        background-size: 120px 37.5px;
    }
    #extra_info{
    	margin: 600px auto 200px;
	width: 80%;
    }
    /*--------------------------
                COUNTRY
    ----------------------------*/
    #Country .survey_line {
        width: 90%;
    }
    .country_choice_slider_container, .country_think_slider_container{
        margin: 20px 5%;
    }
    .planet_pie{
        bottom: 60px; 
        right: 160px;
        width: 80px;
        height: 80px;
    }
    .country_ray{
        bottom: 40px;
		height: 40px;
    }
    .country_think_slider_bound, .country_choice_slider_bound{
	font-size: 11px;
    }
	#ResCountry .res_sliders{
		width: 90%;
		left: 5%;
		top: 230px;
    }
	#ResCountry .slide_form{
		left: 5%;
		width: 90%;
		top: 40px;
    }
	 {
		left: 5%;
		width: 90%;
		top: 40px;
    }
    #ResCountry .info_tooltip_text {
        display: block;
        font-size: 12px;
        width: 290px;
        left: 0%;
        margin: auto;
        bottom: 45px;
    }
    #ResHousehold .info_tooltip_text {
        display: block;
        width: 270px;
        left: 0%;
        margin: auto;
        top: -30px;
    }
	.res_slider_legend{
		font-size: 12px;
            top: 5px;
	}
	.rescountry_label{
		width: 100%;
	}
    #ResHousehold .info_tooltip_text[data-step="poverty"]{
        margin: auto;
        width: 200px;
        top: -35px;
        font-size: 10px;
    }
    /*--------------------------
                YOU
    ----------------------------*/
     #You .slide_form {
    	width: 90%;
    	margin: 60px 5%;
     	position: initial;
     }
     .survey_action.you_valid{    
        
        top: initial;
	bottom:-160%;
        right: 40px;
		
     }
     .gender_radio{
         font-size: 16px;
     }
    .you_stage {
        left: -20%;
    }
    .you_enumerator_label .you_enumerator_label--other{
        width: 70%;
        line-height: 1.5;
    }
    .you_planet{ 
        width: 80px;
    	height: 80px;
    	border-radius: 40px;
    	bottom: -50px;
    }
    .you_planet:after{ 
        width: 40px;
    	height: 80px;
    }
    .you_planet .you_bushes, .household_planet .household_bushes{
        left: 20px;
    	top: 0px;
    	background-size: 39px 9px;
    	width: 39px;
    	height: 9px;;
    }

    .you_ray{
        height: 100px;
        bottom: -30px;
    }
    .you_flag, .household_flag{
        background-size: 20px 20px;
    	width: 20px;
    	height: 20px;
    	left: 10px;
    	top: -20px;
    }
    .you_flag:after, .household_flag:after{
        height: 30px;
    }
    
    .you_me, .household_me, .congratulations_me,
    .you_me[data-aging="old"], .household_me[data-aging="old"],
    .you_me[data-gender="f"], .household_me[data-gender="f"],
    .you_me[data-gender="f"][data-aging="old"], .household_me[data-gender="f"][data-aging="old"]{
		background-size: 24px 50px;
		width: 24px;
		height: 50px;
		bottom: 0px;
	}
    #You .you_me, #You .household_me, #You .congratulations_me,
    #You .you_me[data-aging="old"], #You .household_me[data-aging="old"],
    #You .you_me[data-gender="f"], #You .household_me[data-gender="f"],
    #You .you_me[data-gender="f"][data-aging="old"], #You .household_me[data-gender="f"][data-aging="old"]{
		bottom: 28px;
	}
    .you_me[data-aging="young"], .household_me[data-aging="young"],
	.you_me[data-gender="f"][data-aging="young"], .household_me[data-gender="f"][data-aging="young"]{
		background-size: 22px 57px;
		width: 22px;
		height: 57px;
	}
    .you_stage[data-step="youpeople"] .you_me[data-aging="young"], .household_stage[data-step="youpeople"] .household_me[data-aging="young"], .congratulations_me[data-aging="young"], .conclusion_illu .household_me[data-aging="young"],
	.you_stage[data-step="youpeople"] .you_me[data-gender="f"][data-aging="young"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"][data-aging="young"], .congratulations_me[data-gender="f"][data-aging="young"], .conclusion_illu .household_me[data-gender="f"][data-aging="young"]{
		background-size: 28px 59px;
		width: 28px;
		height: 59px;
		margin-left: -3px;
	}
            
    .you_stage[data-step="youpeople"] .you_me, .household_stage[data-step="youpeople"] .household_me, .congratulations_me, .conclusion_illu .household_me,
    .you_stage[data-step="youpeople"] .you_me[data-gender="f"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"], .congratulations_me[data-gender="f"], .conclusion_illu .household_me[data-gender="f"],
    .you_stage[data-step="youpeople"] .you_me[data-aging="old"], .household_stage[data-step="youpeople"] .household_me[data-aging="old"], .congratulations_me[data-aging="old"], .conclusion_illu .household_me[data-aging="old"],
	.you_stage[data-step="youpeople"] .you_me[data-gender="f"][data-aging="old"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"][data-aging="old"], .congratulations_me[data-gender="f"][data-aging="old"], .conclusion_illu .household_me[data-gender="f"][data-aging="old"]{
		background-size: 32px 66px;
		width: 32px;
		height: 66px;
		margin-left: -3px;
        bottom: 28px;
	}
    
	.you_family_member_img, .household_family_member_img,
	.you_family_member_img[data-color="red"], .household_family_member_img[data-color="red"],
	.you_family_member_img[data-gender="f"], .household_family_member_img[data-gender="f"],
	.you_family_member_img[data-gender="f"][data-color="red"], .household_family_member_img[data-gender="f"][data-color="red"]{
        width: 24px;
        height: 63px;
        background-size: 24px 63px;
        
	}
    
	.you_family_member_img[data-aging="young"], .household_family_member_img[data-gender="young"],
	.you_family_member_img[data-aging="young"][data-color="green"], .household_family_member_img[data-gender="young"][data-color="green"],
	.you_family_member_img[data-aging="young"][data-color="purple"], .household_family_member_img[data-gender="young"][data-color="purple"],
	.you_family_member_img[data-aging="old"], .household_family_member_img[data-gender="old"],
	.you_family_member_img[data-aging="old"][data-color="red"], .household_family_member_img[data-gender="old"][data-color="red"],
	.you_family_member_img[data-gender="f"][data-aging="young"], .household_family_member_img[data-gender="f"][data-aging="young"],
	.you_family_member_img[data-gender="f"][data-aging="young"][data-color="orange"], .household_family_member_img[data-gender="f"][data-aging="young"][data-color="orange"],
	.you_family_member_img[data-gender="f"][data-aging="old"], .household_family_member_img[data-gender="f"][data-aging="old"],
	.you_family_member_img[data-gender="f"][data-aging="old"][data-color="red"], .household_family_member_img[data-gender="f"][data-aging="old"][data-color="red"]{
        width: 22px;
        height: 57px;
        background-size: 22px 57px;
    }
    
    .you_family_member[data-num="1"]{
        bottom: 30px;
    	margin-left: 7px;
    }

    .you_family_member[data-num="2"]{
        bottom: 18px;
    	margin-left: -30px;
    }
    .you_family_member[data-num="3"]{
        bottom: 20px;
        margin-left: 25px;
    }
    .you_family_member[data-num="4"]{
        bottom: -1px;
    	margin-left: -42px;
    }
    
    .household_family_member[data-num="1"]{
        bottom: 0px;
    	margin-left: 7px;
    }
    .household_family_member[data-num="2"]{
        bottom: -10px;
    	margin-left: -30px;
    }
    .household_family_member[data-num="3"]{
        bottom: -8px;
        margin-left: 25px;
    }
    .household_family_member[data-num="4"]{
        bottom: -28px;
    	margin-left: -42px;
    }
    /*--------------------------
                CONCLUSION
    ----------------------------*/
    #ShareModal{
        width: 90%;
        left: 5%;
        margin-left: 0px;
        top: 100px;
    }
    #embed_input {
        width: 100%;
    }
    #conclusion_select{
        width: 80%;
    }

    /*--------------------------
                PARENTS
    ----------------------------*/
    #Parents .survey_line{
        width: 280px;
    }
    #Parents .parents_children_actions, #Parents .parents_compare_actions{
        left: 9px;
        top: 130px;
    }
    #Parents .action_bt, #Parents .action_compare_bt{
        margin:0 5px;
    }
    #Parents .action_bt, #Parents .action_compare_bt{
        font-size: 12px;
    }
    #Parents .survey_line2{
        top: 136px;
    }
    #Parents .parents_stage.displayed, #Parents .parents_compare_stage.displayed, #ResParents .parents_stage.displayed, #ResParents .parents_compare_stage.displayed{
        left: 50%;
        -webkit-transform:translate(-50%, 0) scale(0.4);
        transform:translate(-50%, 0) scale(0.4);
    }

    #Parents .parents_stage, #Parents .parents_compare_stage, #ResParents .parents_stage, #ResParents .parents_compare_stage{
        left: 50%;
        -webkit-transform:translate(-50%, 200px) scale(0.4);
        transform:translate(-50%, 200px) scale(0.4);
    }

    #ResParents .resparents_labelresult, #ResParents .resparents_compare_labelresult{
        left: 25px;
        top: 140px;
    }
    #ResParents .info_tooltip .info_tooltip_text{
        display: block;
    }
}

/*

    MOBILE LANDSCAPE
*/
@media screen and (max-width: 736px) and (orientation: landscape) {
/*--------------------------
                STYLE
    ----------------------------*/
	#Header{
		height: 30px;
        opacity: 1;
	}
    .languages_home {
    }
    .filling{
        height: 37px;
    }
	.filling:after{
		border-bottom: 15px solid transparent;
    		border-left: 11px solid #4d90c7;
    		border-top: 15px solid transparent;
	}
    .header_share{
        right: 30px;
        top: 5px;
    }
    .border_top,
    .border_top:after{
        height: 30px;
    }
    .home_link:before{
        top: -2px;
    }
    .ui-selectmenu-menu .ui-widget-content{
        height: 200px;
    }
    #nav-languages{
        display:block;
        right: 47%;
    }
    #home_nav-languages{
        display:none;
    }
    #Header .lang_link{
        display: table;
        margin: 7px 0;
        font-size: 15px;
        width: 100%;
    }
    .languages .lang_link,
    .languages_home .lang_link {
        display: list-item;
        cursor: pointer;
        font-size: 18px;
        margin: 10px auto;
        color: white;
    }
    .languages,
    .languages_home{
        right: 0;
        top: 30px;
        width: 100%;
        height: 355px;
        background-color: rgba(0,0,0,0.8);
        display:none;
        z-index: 300;
    }
    .angle-up{
        display:block;
    }
    .slide {
        padding-top: 0;
    }
    .slide_form{
        left: 5%;
    	 top: 50px;
    }
    label {
        font-size: 12px;
    }
    .you_enumerator_label {
        font-size: 11px;
    }
    .survey_action{
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        width: 80px;
        
        top: 70px;
	/*bottom:30px;        */
        right:30px;
    }
    .survey_action.conclusion_share,
    .survey_action.congratulations_valid{
	position: absolute;

    }
    .survey_action:after{
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 14px solid #05bfd0;
    }
    .survey_action.country_think_valid{
        /*top: 500px;*/
    }
    #Congratulations .survey_line{
        width: 90%;
    }
    .congratulations_title {
        font-size: 24px;
        width: 90%;
        text-align: center;
    }
    .congratulations_subtitle{
        padding-top: 20px;
    }
    #Congratulations .congratulations_me{
        bottom: 72px !important;
        margin-left: -3px !important;
    }
    .congratulations_illu_planet--pink,
    .congratulations_illu_planet--blue{
        background-size: 86px 86px;
        width: 86px;
        height: 86px;
        bottom: 0px;
    }
    a.survey_action.congratulations_valid{
        right: 40%;
        top: 170px;
    }
	.survey_action.survey_action_realitylabel.reshousehold_income_think_valid{
	    top: 70px;
    }
	.res_menu{
		font-size: 11px;
        margin: 0 8px;
    }
	.conclusion_back{
		left: 5%;
        font-size: 12px;
    }
	#Conclusion .slide_form {
		text-align: center;
		left: 5%;
		width: 90%;
		top: 50px;
	}
	label.res_label{
		font-size: 14px;
        width: 90%;
	}
	.rescountry_label {
		width: 90%;
	}
	.conclusion_illu{
	    background-size: 120px 120px;
		width: 120px;
		height: 120px;
		right: 0%;
		bottom: -40px;
	}
	.conclusion_bottom_mailto{
		font-size: 11px;
		left: 5%;
		width: 90%;
		bottom: 20px;
	}
	#Conclusion .household_me{
		bottom: 78px !important;
		background-size: 16px 33px;
		width: 16px;
		height: 33px;
		margin-left: 0;
	}
	.conclusion_select_valid{
		margin-top: 5px;
	}
	.conclusion_where{
    margin-bottom: 0px;
		font-size: 14px;
    width: 80%;
	}
	.survey_action.conclusion_share{
		top: 340px;
	}
/*--------------------------
                SOCIETY
    ----------------------------*/
    .pyramid_result[data-step="reality"] .pyramid_text.cl, .pyramid_result[data-step="reality"] .pyramid_text.kr, .pyramid_result[data-step="reality"] .pyramid_text.jp, .pyramid_result[data-step="reality"] .pyramid_text.tr{
        width: 200px;
        left: -20%;
    }
	#ResSociety .society_planet {
		right: 50px;
		bottom: 60px;
	}
    .society_ray{
        height: 30px;
		bottom: 30px;
    }
    .society_think_label{
        width: 90%;
        text-align: justify;
    }
    #Society .survey_line {
        width: 65%;
        margin: 0;
        top: 40px;
    }
	.society_planet {
		width: 60px;
		height: 60px;
		bottom: 20px;
		right: 200px;
	}
    #Society .society_planet{
		width: 60px;
		height: 60px;
		bottom: 50px;
		right: 40px;
    }
	#ResSociety .pyramid_result{
		left: 20%;
		top: 150px;
	}
	.poor_value .poor_value_display .bigger {
		font-size: 12px;
	}
	#ResSociety .slide_form{
		left: 5%;
		width: 90%;
	}
	.pyramid_result .pyramid_text{
		top: 0%;
		left: 0;
	}
    .society_planet:after{
		width: 30px;
		height: 60px;
    }
    #Society .survey_action{
        top: 70px;
    }
    .pyramid{
        width: 50px;
        margin: 0 7px 0 0;
    }
    .pyramids_container {
        width: 100%;
        margin: 30px 0 0 15%;
    }
    .pyramids_legend{
        left: 0px;
    }
    .pyramids_legend:before{
        width: 230px;
    }
    .pyramids_legend[data-wealth="high"] .legend_title {
        top: -20px;
    }
    .pyramids_legend[data-wealth="average"] {
        top: 21px;
    }
    .pyramids_legend[data-wealth="average"] .legend_title {
        top: -10px;
    }
    .pyramids_legend[data-wealth="low"] {
        top: 42px;
    }
    .pyramids_legend[data-wealth="low"] .legend_title {
        top: 0;
    }
    .legend_title{
        font-size: 10px;
        line-height: 1.1;
        left: -80px;
        width: 55px;
    }  
    .pyramid_text{    
            top: 40px;
        width: 130px;
        padding-top: 42px;
        font-size: 10px;
        left: -40px;
    }
    .pyramid_text:before{
        top: 20px;
        left: 50%;
    }
    .pyramid_line{
        height: 6px;
    }
	.pyramid_result .pyramid_text:before{     top: -30px; display:none;}
	
	
    .pyramid_bar[data-size="1"]{ width: 6px;}
	.pyramid.selected .pyramid_bar[data-size="1"]:before{ width: 8px;}
	.pyramid_bar[data-size="2"]{width: 12px;}
	.pyramid.selected .pyramid_bar[data-size="2"]:before{ width: 15px;}
	.pyramid_bar[data-size="3"]{width: 19px;}
	.pyramid.selected .pyramid_bar[data-size="3"]:before{ width: 21px;}
	.pyramid_bar[data-size="4"]{ width: 25px;}
	.pyramid.selected .pyramid_bar[data-size="4"]:before{ width: 27px;}
	.pyramid_bar[data-size="5"]{ width: 32px; }
	.pyramid.selected .pyramid_bar[data-size="5"]:before{ width: 34px;}
	.pyramid_bar[data-size="6"]{width: 38px;}
	.pyramid.selected .pyramid_bar[data-size="6"]:before{ width: 40px;}
	.pyramid_bar[data-size="7"]{width: 45px;}
	.pyramid.selected .pyramid_bar[data-size="7"]:before{ width: 47px;}
    
    .survey_action.society_think_valid{    top: 250px;    }

/*--------------------------
                RAYS
    ----------------------------*/
    .home_ray {
        height: 70px;
    	left: 95px;
    	bottom: 80px;
    }
    .home_ray_mini {
        height: 1px;
        left: 50px;
        bottom: 35px;
    }
    .you_ray{
	height: 35px;
	bottom:0;
    }
    .cloud{
        background-size: 21px 12px;
        width: 21px;
        height: 12px;
    }
    .cloud {
    	background-size: 12px 11px;
    	width: 12px;
    	height: 11px;
    }
    .cloud[data-size="2"] {
    	background: url("../img/cloud.svg") no-repeat 0 0;
    	background-size: 25px 15px;
    	width: 25px;
    	height: 15px;
    }
    .cloud[data-size="3"][data-color="pink"] {
        background: url("../img/cloud--pink.svg") no-repeat 0 0;
        background-size: 21px 12px;
    }
    .cloud[data-size="4"][data-color="pink"] {
        background: url("../img/cloud--pink.svg") no-repeat 0 0;
        background-size: 14px 8px;
    }
    .household_ray{
    	height: 50px;
    	left: 50%;
    	bottom: 0px;
    }
    .country_ray_cloud{
		height: 60px;
		bottom: 35px;
    }
    .cloud[data-size="2"][data-color="pink"]{ 
		background-size: 25px 15px;
    }
	.society_ray_cloud {
		height: 50px;
		bottom: 30px;
	}
	.congratulations_ray_cloud {
		height: 50px;
		left: 50%;
		bottom: 40px;
	}
	.household_poor_ray {
		height: 10px;
		left: 12%;
		bottom: 45px;
	}
	.household_rich_ray {
		height: 50px;
		left: 87%;
		bottom: 50px;
	}
	.cloud[data-size="4"][data-color="yellow"] {
		background-size: 14px 7px;
	}
	.conclusion_ray {
		height: 50px;
		right: 8%;
		bottom: 0px;
	}
	.conclusion_ray_mini{
		height: 10px;
	    right: 8%;
        bottom: 70px;
	}
 /*--------------------------
                PERSONAS
    ----------------------------*/
    .persona[data-gender="m"][data-wealth="poor"][data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-wealth="poor"][data-size="3"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="3"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="3"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="3"],
    .persona[data-gender="m"][data-wealth="moderate"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="moderate"][data-size="3"][data-age="young"],
    .persona[data-gender="f"][data-wealth="moderate"][data-size="3"],
    .persona[data-gender="m"][data-wealth="moderate"][data-size="3"]{
        background-size: 12px 31px;
    }
    .persona[data-size="3"][data-age="young"],
    .persona[data-gender="m"][data-size="3"],
    .persona[data-gender="f"][data-size="3"]{
        width: 12px;
        height: 31px;
    }
    .persona.household_poor_member[data-num="4"][data-size="3"]{
        -webkit-transform: translate(154%, -40%) rotate(69deg);
        -ms-transform: translate(154%, -40%) rotate(69deg);
        transform: translate(154%, -40%) rotate(69deg);
    }
    .persona.household_poor_member[data-num="5"][data-size="3"]{
        -webkit-transform: translate(-267%, -50%) rotate(-63deg);
        -ms-transform: translate(-267%, -50%) rotate(-63deg);
        transform: translate(-267%, -50%) rotate(-63deg);
    }
    .persona.household_rich_member[data-num="5"][data-size="3"]{
        -webkit-transform: translate(-276%, -78%) rotate(-34deg);
        -ms-transform: translate(-276%, -78%) rotate(-34deg);
        transform: translate(-276%, -78%) rotate(-34deg);
    }
    .persona.household_rich_member[data-num="4"][data-size="3"] {
        -webkit-transform: translate(201%, -73%) rotate(35deg);
        -ms-transform: translate(201%, -73%) rotate(35deg);
        transform: translate(201%, -73%) rotate(35deg);
    }
    .persona[data-gender="m"][data-size="4"],
    .persona[data-gender="f"][data-size="4"],
    .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
    .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
    .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
    .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
        background-size: 10px 25px;
        width: 10px;
        height: 25px;
    }
	#Society .persona[data-gender="m"][data-size="4"],
	#Society .persona[data-gender="f"][data-size="4"],
	#Society .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
	#Society .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
	#Society .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
	#Society .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
			background-size: 9px 24px;
			width: 9px;
			height: 24px;
	}
	#ResSociety .persona[data-gender="m"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-wealth="poor"][data-size="4"],
	#ResSociety .persona[data-gender="m"][data-wealth="poor"][data-size="4"],
	#ResSociety .persona[data-gender="m"][data-wealth="rich"][data-size="4"],
	#ResSociety .persona[data-gender="f"][data-wealth="rich"][data-size="4"]{
			background-size: 9px 24px;
			width: 9px;
			height: 24px;
	}
  /*--------------------------
                HOUSEHOLD
    ----------------------------*/
    #Household .survey_line {
        width: 70%;    
        text-align: center;
	left: 3%;
	top: 40px;
    }
    .household_circular{
        margin: 25px 20px 0px;
    }
    .household_income_label{
        width: 90%;
	margin-bottom: 0;
    }
    .household_stage{
        bottom: 0px;
    	left: -40%;
        font-size: 14px;
    }
    .household_stage.displayed{
        left: 0;
    }
    .household_periodicity {
    	margin: 0;
    }
    .household_income_tooltip{
        font-size: 11px;
        text-align: justify;
        left: 50%;
        top: 30%;
        width: 70%;
        margin: 0px 0.5%;
        line-height: 16px;
        padding: 0;
        position: absolute;
        opacity: 1;
    }
    .survey_action.youpeople_valid,
    .survey_action.household_income_valid,
    .survey_action.household_think_valid {
	
        top: 50px;
	/*bottom:-50%;*/
    	right: 40px;
    }
    #Household .household_think .survey_line{
        width: 60%;
        margin: 0px 5%;
        text-align: justify;
        left: 0;
    }
    .slider_container{
        width: 80%;
        margin: 20px 10%;
    }
    .household_planets .household_planet--rich{
        left: 87%;
        bottom: 10px;
        width: 75px;
        height: 75px;
    }
    .household_planets .household_planet--poor {
        left: 12%;
        bottom: 30px;
        width: 25px;
        height: 25px;
        border-radius: 50px;
    }
    
    .household_planet{
        width: 80px;
        height: 80px;
        border-radius: 60px;
        bottom: -80px;
    }
    .planet_income_container--rich {
        left: 87%;
        bottom: 10px;
        width: 75px;
        height: 65px;
    }
    .planet_income_container--poor {
        left: 12%;
        bottom: 30px;
        width: 25px;
        height: 5px;
    }
    .planet_income_container--poor .planet_income {
        border-radius: 25px;
        width: 25px;
        height: 25px;
    }
    .household_planet:after{
        width: 40px;
        height: 80px;
    }
    .household_planet--poor:after {
        width: 12px;
        height: 25px;
    }
    .household_planet--rich:after {
        width: 37px;
        height: 75px;
        border-radius: 0px 150px 150px 0px;
    }
    .household_planetincome{
        width: 80px;
        height: 80px;
    }
    .household_house{
        right: 0px;
        margin-left: 60px;
    }
    .household_planets{
        bottom: -20px;
    }
    .household_planetincome_container{
        bottom: -80px;
        width: 80px;    
        height: 50px;
    }
    .household_planetincome:after{
        width: 40px;
        height: 80px;
    }
    .planet_income_container--rich .planet_income {
        width: 75px;
        height: 75px;
    }
    .household_house_income, .poverty_value {
        top: 40%;
        font-size: 12px;
        width: 70px;
    }
    .poor_border{ 
        bottom: 10px;
    }
    .household_house.scaleless{
        margin-top: -50px;
		width: 0;
    }
	.res_arrow_legend{
		bottom: -40px;
    }
	.res_arrow_legend[data-type="poor"]{
	        left: 20px;
        width: 90px;
        bottom: -60px;
        font-size: 12px;
    }
	.res_arrow_legend[data-type="rich"]{
	    left: -20px;
    }
    .res_arrow_legend .bigger{
        font-size: 12px;
    }
    .res_slider_legend .bigger{
        font-size: 12px;
    }
	#ResHousehold .info_tooltip{
	    top: -25px;
    }
    .poor_value .poor_value_display{
        top: -15px;
        font-size: 12px;
    }
	.poor_border .poor_value{
		bottom: 0;
		top: 0px;
	}
	.poor_border .poor_value:before{
		height: 50px;
        top:0px;
	}
	#ResHousehold .res_arrows {
		    top: 180px;
	}
   /*--------------------------
                HOME
    ----------------------------*/
    #App{
        width: 100%; 
    	max-width: 100%;
	height: 100%;
    	max-height: inherit;

    }  
    .home_languages{
        display:none;
    }
    .home_title{
        margin: 40px auto 10px;
        font-size: 16px;
        text-align: center;
        left:0;
        position: initial;
    }
    .home_disclaimer {
        margin: 0 5%;
        font-size: 11px;
        font-weight: 100;
        line-height: 1.2em;
        width: 90%;
        text-align: justify;
        position: initial;
    }

    .home_steps {
        padding: 0;
        width:80%;
        margin: 20px 10%;
        position: initial;
        font-size: 12px;
    }
    .home_step{
        height: 100%;
        padding-left: 30px;
        margin: 10px 0;
    }
    .home_step .puce{
        height: 21px;
        width: 21px;
        line-height: inherit;
        border-radius: 21px;
        font-size: 12px;
    }
    .home_start{
        position: absolute;
        left: 50% !important;
        top: 75% !important;
    }
    a.survey_action.home_start{
	
    }
    .survey_action:after {
	left: 99.6%;
    }
	
    .home_illu{
        right: -60px;
    	bottom: -100px;
    	width: 200px;
    	height: 200px;
    }
    .home_illu_bg{
        background-size: 200px 200px;
    	right: 0;
    	top: 0;
    }
    .fr .oecd_logo,
    .es .oecd_logo,
    .it .oecd_logo,
    .kr .oecd_logo,
    .cz .oecd_logo,
    .dk .oecd_logo,
    .jp .oecd_logo,
    .de .oecd_logo,
    .oecd_logo{
        left: 10%;
        bottom: 5%;
        width: 120px;
    	height: 37.5px;
        background-size: 120px 37.5px;
    }
    #extra_info{
    	margin: 600px auto 200px;
	width: 80%;
    }
    /*--------------------------
                COUNTRY
    ----------------------------*/
    #Country .survey_line {
        width: 60%;
    }
    .country_choice_slider_container, .country_think_slider_container{
        margin: 20px 5%;
    }
    .planet_pie{
        bottom: 60px; 
        right: 50px;
        width: 80px;
        height: 80px;
    }
    .country_ray{
        bottom: 40px;
		height: 40px;
    }
    .country_think_slider_bound, .country_choice_slider_bound{
	font-size: 11px;
    }
	#ResCountry .res_sliders{
		width: 60%;
		left: 5%;
		top: 220px;
    }
	#ResCountry .slide_form{
		left: 5%;
		width: 90%;
		top: 40px;
    }
	#ResHousehold .slide_form{
		left: 5%;
		width: 90%;
		top: 40px;
    }
    #ResCountry .info_tooltip_text {
        display: block;
        font-size: 12px;
        width: 290px;
        left: 0%;
        margin: auto;
        bottom: 45px;
    }
    #ResHousehold .info_tooltip_text {
        display: block;
        width: 270px;
        left: 90%;
        margin: auto;
        top: -30px;
    }
	.res_slider_legend{
		font-size: 12px;
            top: 5px;
	}
	.rescountry_label{
		width: 100%;
	}
    #ResHousehold .info_tooltip_text[data-step="poverty"]{
        margin: auto;
        width: 200px;
        top: -35px;
        font-size: 10px;
    }
    /*--------------------------
                YOU
    ----------------------------*/
     #You .slide_form {
    	width: 90%;
    	margin: 60px 5%;
     	position: initial;
     }
     .survey_action.you_valid{    
        
        top: 60px;
        bottom:-160%;
        right: 40px;
		
     }
     .gender_radio{
         font-size: 16px;
     }
    .you_stage {
        right: 0;
    }
    .you_enumerator_label .you_enumerator_label--other{
        width: 70%;
        line-height: 1.5;
    }
    .you_planet{ 
        width: 80px;
    	height: 80px;
    	border-radius: 40px;
    	bottom: -50px;
    }
    .you_planet:after{ 
        width: 40px;
    	height: 80px;
    }
    .you_planet .you_bushes, .household_planet .household_bushes{
        left: 20px;
    	top: 0px;
    	background-size: 39px 9px;
    	width: 39px;
    	height: 9px;;
    }

    .you_ray{
        height: 100px;
        bottom: -30px;
    }
    .you_flag, .household_flag{
        background-size: 20px 20px;
    	width: 20px;
    	height: 20px;
    	left: 10px;
    	top: -20px;
    }
    .you_flag:after, .household_flag:after{
        height: 30px;
    }
    
    .you_me, .household_me, .congratulations_me,
    .you_me[data-aging="old"], .household_me[data-aging="old"],
    .you_me[data-gender="f"], .household_me[data-gender="f"],
    .you_me[data-gender="f"][data-aging="old"], .household_me[data-gender="f"][data-aging="old"]{
		background-size: 24px 50px;
		width: 24px;
		height: 50px;
		bottom: 0px;
	}
    #You .you_me, #You .household_me, #You .congratulations_me,
    #You .you_me[data-aging="old"], #You .household_me[data-aging="old"],
    #You .you_me[data-gender="f"], #You .household_me[data-gender="f"],
    #You .you_me[data-gender="f"][data-aging="old"], #You .household_me[data-gender="f"][data-aging="old"]{
		bottom: 28px;
	}
    .you_me[data-aging="young"], .household_me[data-aging="young"],
	.you_me[data-gender="f"][data-aging="young"], .household_me[data-gender="f"][data-aging="young"]{
		background-size: 22px 57px;
		width: 22px;
		height: 57px;
	}
    .you_stage[data-step="youpeople"] .you_me[data-aging="young"], .household_stage[data-step="youpeople"] .household_me[data-aging="young"], .congratulations_me[data-aging="young"], .conclusion_illu .household_me[data-aging="young"],
	.you_stage[data-step="youpeople"] .you_me[data-gender="f"][data-aging="young"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"][data-aging="young"], .congratulations_me[data-gender="f"][data-aging="young"], .conclusion_illu .household_me[data-gender="f"][data-aging="young"]{
		background-size: 28px 59px;
		width: 28px;
		height: 59px;
		margin-left: -3px;
	}
            
    .you_stage[data-step="youpeople"] .you_me, .household_stage[data-step="youpeople"] .household_me, .congratulations_me, .conclusion_illu .household_me,
    .you_stage[data-step="youpeople"] .you_me[data-gender="f"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"], .congratulations_me[data-gender="f"], .conclusion_illu .household_me[data-gender="f"],
    .you_stage[data-step="youpeople"] .you_me[data-aging="old"], .household_stage[data-step="youpeople"] .household_me[data-aging="old"], .congratulations_me[data-aging="old"], .conclusion_illu .household_me[data-aging="old"],
	.you_stage[data-step="youpeople"] .you_me[data-gender="f"][data-aging="old"], .household_stage[data-step="youpeople"] .household_me[data-gender="f"][data-aging="old"], .congratulations_me[data-gender="f"][data-aging="old"], .conclusion_illu .household_me[data-gender="f"][data-aging="old"]{
		background-size: 32px 66px;
		width: 32px;
		height: 66px;
		margin-left: -3px;
        bottom: 28px;
	}
    
	.you_family_member_img, .household_family_member_img,
	.you_family_member_img[data-color="red"], .household_family_member_img[data-color="red"],
	.you_family_member_img[data-gender="f"], .household_family_member_img[data-gender="f"],
	.you_family_member_img[data-gender="f"][data-color="red"], .household_family_member_img[data-gender="f"][data-color="red"]{
        width: 24px;
        height: 63px;
        background-size: 24px 63px;
        
	}
    
	.you_family_member_img[data-aging="young"], .household_family_member_img[data-gender="young"],
	.you_family_member_img[data-aging="young"][data-color="green"], .household_family_member_img[data-gender="young"][data-color="green"],
	.you_family_member_img[data-aging="young"][data-color="purple"], .household_family_member_img[data-gender="young"][data-color="purple"],
	.you_family_member_img[data-aging="old"], .household_family_member_img[data-gender="old"],
	.you_family_member_img[data-aging="old"][data-color="red"], .household_family_member_img[data-gender="old"][data-color="red"],
	.you_family_member_img[data-gender="f"][data-aging="young"], .household_family_member_img[data-gender="f"][data-aging="young"],
	.you_family_member_img[data-gender="f"][data-aging="young"][data-color="orange"], .household_family_member_img[data-gender="f"][data-aging="young"][data-color="orange"],
	.you_family_member_img[data-gender="f"][data-aging="old"], .household_family_member_img[data-gender="f"][data-aging="old"],
	.you_family_member_img[data-gender="f"][data-aging="old"][data-color="red"], .household_family_member_img[data-gender="f"][data-aging="old"][data-color="red"]{
        width: 22px;
        height: 57px;
        background-size: 22px 57px;
    }
    
    .you_family_member[data-num="1"]{
        bottom: 30px;
    	margin-left: 7px;
    }

    .you_family_member[data-num="2"]{
        bottom: 18px;
    	margin-left: -30px;
    }
    .you_family_member[data-num="3"]{
        bottom: 20px;
        margin-left: 25px;
    }
    .you_family_member[data-num="4"]{
        bottom: -1px;
    	margin-left: -42px;
    }
    
    .household_family_member[data-num="1"]{
        bottom: 0px;
    	margin-left: 7px;
    }
    .household_family_member[data-num="2"]{
        bottom: -10px;
    	margin-left: -30px;
    }
    .household_family_member[data-num="3"]{
        bottom: -8px;
        margin-left: 25px;
    }
    .household_family_member[data-num="4"]{
        bottom: -28px;
    	margin-left: -42px;
    }
    /*--------------------------
                CONCLUSION
    ----------------------------*/
    #ShareModal{
        width: 90%;
        left: 5%;
        margin-left: 0px;
        top: 100px;
    }
    #embed_input {
        width: 100%;
    }
    #conclusion_select{
        width: 50%;
    }

    /*--------------------------
                PARENTS
    ----------------------------*/
    #Parents .survey_line{
        width: 350px;
    }
    #Parents .parents_children_actions, #Parents .parents_compare_actions{
        left: 21px;
        top: 86px;
    }
    #Parents .action_bt, #Parents .action_compare_bt{
        margin:0 5px;
    }
    #Parents .action_bt, #Parents .action_compare_bt{
        font-size: 12px;
    }
    #Parents .survey_line2{
        top: 112px;
    }
    #Parents .parents_stage.displayed, #Parents .parents_compare_stage.displayed, #ResParents .parents_stage.displayed, #ResParents .parents_compare_stage.displayed{
        left: 50%;
        -webkit-transform:translate(-50%, 0) scale(0.4);
        transform:translate(-50%, 0) scale(0.4);
    }

    #Parents .parents_stage, #Parents .parents_compare_stage, #ResParents .parents_stage, #ResParents .parents_compare_stage{
        left: 50%;
        -webkit-transform:translate(-50%, 200px) scale(0.4);
        transform:translate(-50%, 200px) scale(0.4);
    }

    #ResParents .resparents_labelresult, #ResParents .resparents_compare_labelresult{
        left: 40px;
        top: 120px;
    }
    #ResParents .info_tooltip .info_tooltip_text{
        display: block;
    }
}

/*
    IPAD LANDSCAPE
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    
/*--------------------------------------------------------------------------------------------------------
                                    STYLE
    ----------------------------------------------------------------------------------------------------------*/
	#Header{
		height: 40px;
        opacity: 1;
	}
    .languages_home {
    }
    .filling{
        height: 47px;
    }
    
    .fr .oecd_logo, .es .oecd_logo, .it .oecd_logo, .kr .oecd_logo, .cz .oecd_logo, .dk .oecd_logo, .jp .oecd_logo, .de .oecd_logo, .oecd_logo{
        bottom: 40px;
    }
    .home_link{
        top: 15px;
    }
	.filling:after{
		border-bottom: 15px solid transparent;
    		border-left: 11px solid #4d90c7;
    		border-top: 15px solid transparent;
	}
    .header_share{
        right: 30px;
        top: 10px;
    }
    .border_top,
    .border_top:after{
        height: 30px;
    }
    .home_link:before{
        top: -2px;
    }
    .ui-selectmenu-menu .ui-widget-content{
        height: 200px;
    }
	.survey_action{
        top: 100px;
    }
    #nav-languages{
        display:block;
        right: 47%;
        top: 5px;
    }
    #home_nav-languages{
        display:none;
    }
    #Header .lang_link{
        display: table;
        margin: 15px 0;
        font-size: 22px;
        width: 100%;
    }
    .languages .lang_link,
    .languages_home .lang_link {
        display: list-item;
        cursor: pointer;
        font-size: 18px;
        margin: 10px auto;
        color: white;
    }
    .languages,
    .languages_home{
        right: 0;
        top: 40px;
        width: 100%;
        height: 560px;
        background-color: rgba(0,0,0,0.8);
        display:none;
        z-index: 300;
    }
    .angle-up{
        display:block;
    }
    .slide {
        padding-top: 0;
    }
    .slide_form{
        left: 10%;
        top: 70px;
    }
    #Society .survey_line {
        width: 60%;
        left: 5%;
    }
	#Society .survey_action{    
		top: 100px;
    }
    .survey_action.conclusion_share,
    .survey_action.congratulations_valid{
	position: absolute;

    }
    .survey_action.country_think_valid{
        /*top: 500px;*/
    }
    #Congratulations .survey_line{
        width: 90%;
    }
    .congratulations_title {
        font-size: 24px;
        width: 90%;
        text-align: center;
    }
    .congratulations_subtitle{
        padding-top: 20px;
    }
    a.survey_action.congratulations_valid{
        right: 40%;
        top: 270px;
    }
	.survey_action.survey_action_realitylabel.reshousehold_income_think_valid{
	    top: 100px;
    }
	.res_menu{
        margin: 0 8px;
    }
	.conclusion_back{
		left: 5%;
        margin: 40px 0;
        height: 60px;
        line-height: 60px;
        font-size: 22px;
    }
	.conclusion_back:after{
        background-size: 30px 60px;
        width: 30px;
        height: 60px;
    }
	#Conclusion .slide_form {
		text-align: center;
		left: 5%;
		width: 90%;
		top: 100px;
	}
	label.res_label{
        width: 90%;
		
		font-size: 22px;
	}
	.rescountry_label {
		width: 90%;
	}
	.conclusion_select_valid{
		margin-top: 5px;
	}
	.survey_action.conclusion_share{
		top: 450px;
        right: 37%;
	}
/*--------------------------
                SOCIETY
    ----------------------------*/
    .pyramid_result[data-step="reality"] .pyramid_text.cl, .pyramid_result[data-step="reality"] .pyramid_text.kr, .pyramid_result[data-step="reality"] .pyramid_text.jp, .pyramid_result[data-step="reality"] .pyramid_text.tr{
        width: 200px;
        left: -20%;
    }
	
	#ResSociety .slide_form{
		left: 10%;
		width: 90%;
	}
	.pyramid_result .pyramid_text{
	    top: 50px;
		left: 0;
		width: 100%;
	}
	.pyramid_result .pyramid_text:before{
        top: 80px;
        left: 60%;
	}
    #Society .survey_action{
        top: 100px;
    }
    .pyramids_container {
        width: 100%;
        margin: 40px 20%;
    }
    .pyramids_legend{
        left: 20px;
    }
    .pyramids_legend:before{
        width: 450px;
    }
    .pyramids_legend[data-wealth="high"] .legend_title {
        top: -20px;
    }
    .pyramids_legend[data-wealth="average"] .legend_title {
        top: -10px;
    }
    .pyramids_legend[data-wealth="low"] .legend_title {
        top: 0;
    }
    .legend_title{
        font-size: 18px;
        line-height: 1.1;
        left: -190px;
        width: 180px;
    }  
    .pyramid_text{    
        top: 90px;
        padding-top: 120px;
        width: 250px;
        font-size: 16px;
        left: -120px;
        line-height: 1.5;
        margin-top: 0;
    }
    .pyramid_text:before{
        top: 70px;
        left: 70%;
    }
    .pyramid{
        width: 120px;
    }
    .survey_action.society_think_valid{    top: 250px;    }


  /*--------------------------
                HOUSEHOLD
    ----------------------------*/
    #Household .survey_line {
        width: 60%;
        left: 5%;
        top: 60px;
    }
    .household_circular{
        margin: 40px auto;
    }
    .household_income_label{
        width: 100%;
        margin-bottom: 0;
    }
    .household_stage{
    	left: -40%;
        font-size: 14px;
    }
    .household_stage.displayed{
        left: 0;
    }
    .household_periodicity {
    	margin: 0;
        
        margin-top:30px;
    }
    .periodicity_radio{
        font-size: 22px;
    }
    .household_income_tooltip{
        font-size: 16px;
        text-align: justify;
        left: 5%;
        top: 300px;
        width: 90%;
        margin: 0px 0.5%;
        line-height: 1.4;
        padding: 0;
        position: absolute;
        opacity: 1;
    }
    .household_planets{
        bottom: 0px;
    }
    .you_planet, .household_planet{
        left: 0;
    }
    .you_me, .household_me{
        left: 0;
    }
	#Conclusion .household_me{
        left: 50%;
    }
	.household_house.scaleless{
		bottom: 100px;
	}
	.poor_border{
		    bottom: 50px;
	
	}
    .household_house{
        left:  60%;
    }
    .survey_action.youpeople_valid,
    .survey_action.household_income_valid,
    .survey_action.household_think_valid {
        top: 100px;
    	right: 40px;
    }
    #Household .household_think .survey_line{
        width: 60%;
        top: 70px;
        text-align: justify;
        left: 5%;
    }
    .slider_container{
        width: 90%;
        margin: 50px 5%;
    }
    
	#ResHousehold .info_tooltip{
	    top: -25px;
    }
    .poor_value .poor_value_display{
        top: -15px;
        font-size: 12px;
    }
	.poor_border .poor_value{
        bottom: 290px;
    }
	.poor_border .poor_value:before{
		height: 250px;
		    top: 0px;
	}
	#ResHousehold .res_arrows {
		    top: 300px;
	}
   /*--------------------------
                HOME
    ----------------------------*/
    #App{
        width: 100%; 
    	max-width: 100%;
	height: 100%;
    	max-height: inherit;

    }  
    .home_languages{
        display:none;
    }
    .home_title{
        margin: 60px auto 10px 40px;
        position: initial;
    }
    .home_disclaimer {
        margin: 0 5%;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.6em;
        width: 90%;
        text-align: justify;
        position: initial;
    }

    .home_steps {
        padding: 0;
        width:80%;
        margin: 20px 10%;
        position: initial;
        font-size: 20px;
    }
    .home_step{
        height: 100%;
        padding-left: 30px;
        margin: 10px 0;
    }
    .home_step .puce{
        height: 21px;
        width: 21px;
        line-height: inherit;
        border-radius: 21px;
        font-size: 12px;
    }
    .home_start{
        position: absolute;
        left: 10% !important;
        top: 70% !important;
    }
    a.survey_action.home_start{
	
    }
    .survey_action:after {
	left: 99.6%;
    }
	
    label {
        font-size: 22px;
    }
    .gender_radio{
        font-size: 22px;
    }
    #extra_info{
    	margin: 600px auto 200px;
	width: 80%;
    }
    /*--------------------------
                COUNTRY
    ----------------------------*/
    #Country .survey_line {
        width: 60%;
        left: 5%;
    }
    .country_choice_slider_container, .country_think_slider_container{
        margin: 20px 5%;
    }
    .planet_pie, .society_planet{
        right: 70px;
    }
	#ResCountry .res_sliders{
	    width: 60%;
        left: 5%;
        top: 310px;
    }
	#ResCountry .slide_form{
	    left: 5%;
        width: 70%;
        top: 70px;
    }
	#ResHousehold .slide_form{
		left: 10%;
		width: 90%;
		top: 100px;
    }
    #ResCountry .info_tooltip_text {
        display: block;
		/* font-size: 16px; 
		line-height: 1.5;*/
		width: 390px;
		left: 0%;
		margin: auto;
		bottom: 65px;
        font-size: 18px;
        line-height: 1.3;
    }
    #ResHousehold .info_tooltip_text {
        display: block;
        width: 370px;
        left: 20%;
        margin: auto;
        top: -40px;
        font-size: 18px;
        line-height: 1.3;
    }
	.res_slider_legend{
		font-size: 16px;
        line-height: 1.5;
        width: 250px;
	}
	.rescountry_label{
		width: 100%;
	}
    .res_arrow_legend{
        left: 50%;
        bottom: -70px;
        font-size: 18px;
        width: 180px;
        line-height: 1.5;
    }
    #ResHousehold .info_tooltip_text[data-step="poverty"]{
        width: 250px;
		font-size: 14px;
		line-height: 1.6;
        margin-left: -125px;
    }
	#ResSociety .society_planet{
        right: 80px;
    }
	#ResSociety .pyramid_result{
		left: 250px;
	    width: 300px;
    }
    /*--------------------------
                YOU
    ----------------------------*/
	
    .you_family_member[data-num="1"],
    .you_family_member[data-num="2"],
    .you_family_member[data-num="3"],
    .you_family_member[data-num="4"],
    .household_family_member[data-num="1"],
    .household_family_member[data-num="2"],
    .household_family_member[data-num="3"],
    .household_family_member[data-num="4"]{
	left: 0;
    }
     #You .slide_form {
        width: 80%;
        margin: 100px 10%;
        position: initial;
     }
     .survey_action.you_valid{    
        top: 100px;
        bottom:-160%;
        right: 40px;
		
     }
 
    .you_stage {
        left: 250px;
    }
    .you_enumerator_label .you_enumerator_label--other{
        width: 70%;
        line-height: 1.5;
    }
    .congratulations_illu_planet--blue{
        right: -100px;
    }
     .congratulations_illu_planet--pink{
        left: -100px;
     }
    /*--------------------------
                CONCLUSION
    ----------------------------*/
    #ShareModal{
        width: 90%;
        left: 5%;
        margin-left: 0px;
        top: 100px;
    }
    #embed_input {
        width: 100%;
    }
    #conclusion_select{
        display: inline;
        width: 50%;
        font-size: 18px;
        margin-top: 30px;
    }
	.conclusion_share:after{   
		border-top: 33px solid transparent;
		border-bottom: 33px solid transparent;
		border-left: 23px solid #05bfd0;
    }
    .conclusion_where{
        font-size: 22px;
    }
    .conclusion_bottom_mailto{
        font-size: 20px;
        width: 60%;
        left: 30px;
    }
    .filling:after{
        border-bottom: 20px solid transparent;
        border-left: 11px solid #4d90c7;
        border-top: 20px solid transparent;
    }
    .you_ray{
        left:0;
    }
        .ui-loader{
        display:none;
    }
    .conclusion_radio{
        font-size: 22px;
    }
    /*--------------------------
                PARENTS
    ----------------------------*/
    #Parents .survey_line{
        width: 520px;
    }

    #Parents .parents_children_actions, #Parents .parents_compare_actions{
        left: 90px;
        top: 170px;
    }

    #ResParents .resparents_labelresult, #ResParents .resparents_compare_labelresult{
        top: 180px;
    }

    #Parents .survey_line2{
        top: 176px;
    }

    #ResParents .info_tooltip .info_tooltip_text{
        display: block;
    }
}

/*
    IPAD PORTRAIT
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .ui-loader{
        display:none;
    }
/*--------------------------
                STYLE
    ----------------------------*/
	#Header{
		height: 40px;
        opacity: 1;
	}
    .you_ray{
        left:0;
    }
    
    .filling:after{
        border-bottom: 20px solid transparent;
        border-left: 11px solid #4d90c7;
        border-top: 20px solid transparent;
    }
    .languages_home {
    }
    .filling{
        height: 47px;
    }
    .home_link{
        top: 15px;
    }
	.filling:after{
	    border-bottom: 20px solid transparent;
        border-left: 15px solid #4d90c7;
        border-top: 20px solid transparent;
	}
    .header_share{
        right: 30px;
        top: 10px;
    }
    .border_top,
    .border_top:after{
        height: 30px;
    }
    .home_link:before{
        top: -2px;
    }
    .ui-selectmenu-menu .ui-widget-content{
        height: 200px;
    }
	.survey_action{
        top: 850px;
    }
    #nav-languages{
        display:block;
        right: 47%;
        top: 5px;
    }
    #home_nav-languages{
        display:none;
    }
    #Header .lang_link{
        display: table;
        margin: 15px 0;
        font-size: 22px;
        width: 100%;
    }
    .languages .lang_link,
    .languages_home .lang_link {
        display: list-item;
        cursor: pointer;
        font-size: 18px;
        margin: 10px auto;
        color: white;
    }
    .languages,
    .languages_home{
        right: 0;
        top: 40px;
        width: 100%;
        height: 560px;
        background-color: rgba(0,0,0,0.8);
        display:none;
        z-index: 300;
    }
    .angle-up{
        display:block;
    }
    .slide {
        padding-top: 0;
    }
    .slide_form{
        left: 10%;
        top: 100px;
    }
    #Society .survey_line {
        width: 80%;
    }
	#Society .survey_action{    
		top: 850px;
    }
    .survey_action.conclusion_share,
    .survey_action.congratulations_valid{
	position: absolute;

    }
    .survey_action.country_think_valid{
        /*top: 500px;*/
    }
    #Congratulations .survey_line{
        width: 90%;
    }
    .congratulations_title {
        font-size: 24px;
        width: 90%;
        text-align: center;
    }
    .congratulations_subtitle{
        padding-top: 20px;
    }
    a.survey_action.congratulations_valid{
        right: 40%;
        top: 270px;
    }
	.survey_action.survey_action_realitylabel.reshousehold_income_think_valid{
	    top: 850px;
    }
	.res_menu{
        margin: 0 8px;
    }
	.conclusion_back{
		left: 5%;
        margin: 40px 0;
        height: 60px;
        line-height: 60px;
        font-size: 22px;
    }
	.conclusion_back:after{
        background-size: 30px 60px;
        width: 30px;
        height: 60px;
    }
	#Conclusion .slide_form {
		text-align: center;
		left: 5%;
		width: 90%;
		top: 100px;
	}
	label.res_label{
        width: 90%;
		
		font-size: 22px;
	}
	.rescountry_label {
		width: 90%;
	}
	.conclusion_select_valid{
		margin-top: 5px;
	}
	.survey_action.conclusion_share{
		top: 450px;
        right: 37%;
	}
/*--------------------------
                SOCIETY
    ----------------------------*/
    .pyramid_result[data-step="reality"] .pyramid_text.cl, .pyramid_result[data-step="reality"] .pyramid_text.kr, .pyramid_result[data-step="reality"] .pyramid_text.jp, .pyramid_result[data-step="reality"] .pyramid_text.tr{
        width: 200px;
        left: -20%;
    }
	
	#ResSociety .slide_form{
		left: 10%;
		width: 90%;
	}
	.pyramid_result .pyramid_text{
	    top: 30px;
		left: 0;
		    width: 100%;
	}
    .pyramid_result .pyramid_text:before{
        top: 90px;
        left: 60%;
    }
    #Society .survey_action{
        top: 850px;
    }
    .pyramids_container {
        width: 100%;
        margin: 50px 20%;
    }
    .pyramids_legend{
        left: 20px;
    }
    .pyramids_legend:before{
        width: 450px;
    }
    .pyramids_legend[data-wealth="high"] .legend_title {
        top: -20px;
    }
    .pyramids_legend[data-wealth="average"] .legend_title {
        top: -10px;
    }
    .pyramids_legend[data-wealth="low"] .legend_title {
        top: 0;
    }
    .legend_title{
        font-size: 18px;
        line-height: 1.1;
        left: -220px;
        width: 200px;
    }  
    .pyramid_text{    
        padding-top: 120px;
        top: 90px;
        width: 300px;
        font-size: 16px;
        left: -170px;
        line-height: 1.5;
        margin-top: 0;
        text-align: justify;
    }
    .pyramid_text:before{
        top: 80px;
        left: 77%;
    }
    .pyramid{
        width: 120px;
    }
    .survey_action.society_think_valid{    top: 250px;    }


  /*--------------------------
                HOUSEHOLD
    ----------------------------*/
    #Household .survey_line {
        width: 80%;
        left: 10%;
        top: 100px;
    }
    .household_circular{
        margin: 50px auto;
    }
    .household_income_label{
        width: 90%;
	margin-bottom: 0;
    }
    .household_stage{
    	left: -40%;
        font-size: 14px;
    }
    .household_stage.displayed{
        left: 0;
    }
    .household_periodicity {
    	margin: 0;
        margin-top:30px;
    }
    
    .periodicity_radio{
        font-size: 22px;
    }
    .household_income_tooltip{
        font-size: 16px;
        text-align: justify;
        left: 10%;
        top: 100%;
        width: 90%;
        margin: 0px 0.5%;
        line-height: 1.4;
        padding: 0;
        position: absolute;
        opacity: 1;
    }
    .household_planets{
        bottom: 300px;
    }
    .you_planet, .household_planet{
        left: 0;
    }
    .you_me, .household_me{
        left: 0;
    }
	#Conclusion .household_me{
        left: 50%;
    }
	.household_house.scaleless{
		    bottom: 400px;
	}
	.poor_border{
		    bottom: 350px;
	
	}
    .household_house{
        left:  150px;
    }
    .survey_action.youpeople_valid,
    .survey_action.household_income_valid,
    .survey_action.household_think_valid {
        top: 850px;
    	right: 40px;
    }
    #Household .household_think .survey_line{
        width: 80%;
        top: 100px;
        text-align: justify;
        left: 10%;
    }
    .slider_container{
        width: 90%;
        margin: 50px 5%;
    }
    
	#ResHousehold .info_tooltip{
	    top: -25px;
    }
    .poor_value .poor_value_display{
        top: -15px;
        font-size: 12px;
    }
	.poor_border .poor_value{
        bottom: 290px;
    }
	.poor_border .poor_value:before{
		height: 250px;
		    top: 0px;
	}
	#ResHousehold .res_arrows {
		    top: 300px;
	}
   /*--------------------------
                HOME
    ----------------------------*/
    #App{
        width: 100%; 
    	max-width: 100%;
	height: 100%;
    	max-height: inherit;

    }  
    .home_languages{
        display:none;
    }
    .home_title{
        margin: 60px auto 40px 40px;
        position: initial;
    }
    .home_disclaimer {
        margin: 0 5%;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.6em;
        width: 90%;
        text-align: justify;
        position: initial;
    }

    .home_steps {
        padding: 0;
        width:80%;
        margin: 20px 10%;
        position: initial;
        font-size: 20px;
    }
    .home_step{
        height: 100%;
        padding-left: 30px;
        margin: 10px 0;
    }
    .home_step .puce{
        height: 21px;
        width: 21px;
        line-height: inherit;
        border-radius: 21px;
        font-size: 12px;
    }
    .home_start{
        position: absolute;
        left: 10% !important;
        top: 70% !important;
    }
    a.survey_action.home_start{
	
    }
    .survey_action:after {
	left: 99.6%;
    }
	
    label {
        font-size: 22px;
    }
    .gender_radio{
        font-size: 22px;
    }
    #extra_info{
    	margin: 600px auto 200px;
	width: 80%;
    }
    /*--------------------------
                COUNTRY
    ----------------------------*/
    #Country .survey_line {
        width: 80%;
    }
    .country_choice_slider_container, .country_think_slider_container{
        margin: 20px 5%;
    }
    .planet_pie, .society_planet{
        right: 400px;
    }
	#ResCountry .res_sliders{
	    width: 60%;
		left: 10%;
		top: 350px;
    }
	#ResCountry .slide_form{
		left: 10%;
		width: 90%;
		top: 100px;
    }
	#ResHousehold .slide_form{
		left: 10%;
		width: 90%;
		top: 100px;
    }
    #ResCountry .info_tooltip_text {
        display: block;
		/* font-size: 16px;
		line-height: 1.5; */
		width: 390px;
		left: 0%;
		margin: auto;
		bottom: 65px;
        font-size: 18px;
        line-height: 1.3;
    }
    #ResHousehold .info_tooltip_text {
        display: block;
        width: 370px;
        left: 20%;
        margin: auto;
        top: -40px;
        font-size: 18px;
        line-height: 1.3;
    }
	.res_slider_legend{
		font-size: 16px;
        line-height: 1.5;
	}
	.rescountry_label{
		width: 100%;
	}
    .res_arrow_legend{
        left: 50%;
        bottom: -70px;
        font-size: 18px;
        width: 180px;
        line-height: 1.5;
    }
    #ResHousehold .info_tooltip_text[data-step="poverty"]{
        width: 400px;
		font-size: 16px;
		line-height: 1.6;
    }
	#ResSociety .society_planet{
        right: 400px;
    }
	#ResSociety .pyramid_result{
		left: 250px;
	    width: 300px;
    }
    /*--------------------------
                YOU
    ----------------------------*/
	
    .you_family_member[data-num="1"],
    .you_family_member[data-num="2"],
    .you_family_member[data-num="3"],
    .you_family_member[data-num="4"],
    .household_family_member[data-num="1"],
    .household_family_member[data-num="2"],
    .household_family_member[data-num="3"],
    .household_family_member[data-num="4"]{
	left: 0;
    }
     #You .slide_form {
        width: 80%;
        margin: 100px 10%;
        position: initial;
     }
     .survey_action.you_valid{    
        top: 850px;
        bottom:-160%;
        right: 40px;
		
     }
 
    .you_stage {
        left: 250px;
    }
    .you_enumerator_label .you_enumerator_label--other{
        width: 70%;
        line-height: 1.5;
    }
    .congratulations_illu_planet--blue{
        right: -100px;
    }
     .congratulations_illu_planet--pink{
        left: -100px;
     }
    /*--------------------------
                CONCLUSION
    ----------------------------*/
    #ShareModal{
        width: 90%;
        left: 5%;
        margin-left: 0px;
        top: 100px;
    }
    #embed_input {
        width: 100%;
    }
    #conclusion_select{
        width: 50%;
        font-size: 18px;
        margin-top: 30px;
    }
	.conclusion_share:after{   
		border-top: 33px solid transparent;
		border-bottom: 33px solid transparent;
		border-left: 23px solid #05bfd0;
    }
    .conclusion_where{
        font-size: 18px;
    }
    .conclusion_bottom_mailto{
        font-size: 18px;
        width: 60%;
        left: 30px;
    }
    .fr .oecd_logo, .es .oecd_logo, .it .oecd_logo, .kr .oecd_logo, .cz .oecd_logo, .dk .oecd_logo, .jp .oecd_logo, .de .oecd_logo, .oecd_logo{
        bottom: 40px;
    }
    .ui-loader{
        display:none;
    }

    /*--------------------------
                PARENTS
    ----------------------------*/
    #Parents .survey_line{
        width: 520px;
    }

    #Parents .parents_children_actions, #Parents .parents_compare_actions{
        left: 68px;
        top: 200px;
    }

    #ResParents .resparents_labelresult, #ResParents .resparents_compare_labelresult{
        top: 200px;
    }
    #ResParents .info_tooltip .info_tooltip_text{
        display: block;
    }
}

/*-------------------------------------*/

@media screen and (min-width: 100px) and (max-width: 469px) {

	.reduceincome_radio
	{font-size: 16px !important;}
	.app_slider
	{width: 1870%;}
	.percentage-cal01 label
	{width: 49%; margin: 0 0 20px; padding: 0 15px; text-align: center;}	
	.survey_line
	{position: relative; left: auto; width: 100%; padding: 0 20px; top: auto; margin: 50px 0 0;}
	.survey_line .reduceincome_label
	{width: 100%;}
	#Reduceincome .survey_line
	{width: 100% !important;}
	.radio-cst01
	{width: 100% !important;}
	.radio-cst01 .reduceincome_radio
	{margin-bottom: 10px;}
	#ResReduceincome .resreduceincome_label
	{width: 100% !important; margin: 0 0 15px;}
	.slide01-res
	{top: 30px !important; left: auto !important;}
	.result-text01
	{position: absolute !important; padding: 0 25px !important; text-align: left;}
	.SA_L { left: 10%;}
	.A_L {left: 4%;	}
	.NAN_L {left: -2%;}
	.D_L {left: -8%;}
	.SD_L {left: -14%;}

	.SA_R {left: 91%;}
	.A_R {left: 97%;}
	.NAN_R {left: 103%;}
	.D_R {left: 109%;}
	.SD_R {left: 115%;}
	
	.slide02-range .col-lg-4 span
	{font-size: 14px;}
	.slide02-range .ui-slider.ui-slider-horizontal
	{margin: 15px 0;}
	.slide02-range .col-lg-4
	{margin: 0 0 30px; width: 100%;}
	.slide02-range .row
	{padding: 0; margin-top: 5px !important;}
	.mobile-lbl01
	{display: inline-block;}
	.slide02-range .row .tax01, .slide02-range .row .tax02
	{display: none;}
	.slide02-quetop .taxespaid_me 
	{background-size: 12px 31px !important; width: 12px; height: 31px;}
	
	.taxespaid-cst01 .taxespaid_me
	{background-size: 12px 31px !important; width: 12px; height: 31px;}
	.taxespaid-cst01 .taxespaid_family_member .taxespaid_family_member_img
	{background-size: 12px 31px !important; width: 12px; height: 31px;}
	.taxespaid-cst01 .taxespaid_poor_planet
	{left: -14% !important;}
	.taxespaid-cst01 .taxespaid_house
	{left: 45% !important;}
	.taxespaid-cst01 .taxespaid_rich_planet
	{left: 112% !important;}
	.person-adjust02 .taxespaid_family_member[data-num="3"]
	{bottom: 41px; margin-left: -131px; transform: translate(-50%,0) rotate(40deg); -webkit-transform: translate(-50%,0) rotate(40deg); -ms-transform: translate(-50%,0) rotate(40deg);}
	.person-adjust02 .taxespaid_family_member[data-num="2"]
	{bottom: 84px; margin-left: -139px;}
	.person-adjust02 .taxespaid_family_member[data-num="4"]
	{bottom: 75px; margin-left: -153px; transform: translate(-58%,0) rotate(-43deg); -webkit-transform: translate(-58%,0) rotate(-43deg); -ms-transform: translate(-58%,0) rotate(-43deg);}
	
	.person-adjust01 .persona[data-num="3"]
	{left: 45%; margin-top: 2px;}
	.person-adjust01 .persona[data-num="5"]
	{left: 38%; margin-top: 2px;}
	.resslide02
	{top: 130px !important; left: 3px !important;}
	.taxpd01
	{margin: 5px 0 0;}
	.restaxpaid-prnt .restaxespaid_label
	{width: 100% !important; margin: 0 0 15px;}
	
	.social-benefit-parent .socialbenefits_label
	{width: 100%;}
	.social-benefit-parent .socialbenefits_stage
	{bottom: 50px;}
	.checkbox-ui01 .rw01
	{margin-bottom: 5px;}
	.checkbox-ui01 label:before
	{top: 3px;}
	.social-benefit-parent .socialbenefits_house
	{left: 0 !important; margin-top: 0 !important; transform: scale(1.2) !important; -webkit-transform: scale(1.2) !important; -ms-transform: scale(1.2) !important;}
	.social-benefit-parent .socialbenefits_stage
	{bottom: 50px !important;}
	.checkbox-ui01 label
	{margin: 3px 0 7px;}
	.res-social-benefits01 .ressocialbenefits_labelresult
	{top: 100px !important;}
	.res-social-benefits01 .ressocialbenefits_house 	
	{left: 7% !important; margin-top: 520px !important; transform: scale(1.5) !important; -ms-transform: scale(1.5) !important; -webkit-transform: scale(1.5) !important;}
	.res-social-benefits01 .household_me[data-gender="m"], .res-social-benefits01 .household_me[data-gender="f"]
	{background-size: 22px 57px; width: 22px; height: 57px; bottom: -1px;}
	.res-social-benefits01 .household_family_member[data-num="2"]
	{bottom: -11px; margin-left: -29px;}
	.res-social-benefits01 .household_family_member[data-num="4"]
	{bottom: -28px; margin-left: -40px;}
	.res-social-benefits01 .household_ray
	{height: 50px; bottom: -40px;}
	
	.res-social-benefits01 .percentage-cal01 label
	{width: 100%; padding: 0; text-align: left; font-size: 16px; line-height: 22px;}
	.res-social-benefits01 .ressocialbenefits_reality_labelresult .percentage-cal01 label span:first-child
	{margin: 0 0 5px !important;}
	.res-social-benefits01 .percentage-cal01 span.label
	{padding: 7px 15px;}
	.res-social-benefits01 .ressocialbenefits_reality_labelresult .percentage-cal01 span.label + span
	{font-size: 16px !important;}
	
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"]
	{background-size: 24px 63px; width: 24px; height: 63px;}
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"][data-age="young"]
	{background-size: 24px 63px; width: 24px; height: 63px;}
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"][data-age="young"][data-num="3"]
	{background-size: 24px 63px; width: 24px; height: 63px; transform: translate(-175%, -85%) rotate(-31deg); -ms-transform: translate(-175%, -85%) rotate(-31deg); -webkit-transform: translate(-175%, -85%) rotate(-31deg);}
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"][data-age="young"][data-num="5"]
	{background-size: 24px 63px; width: 24px; height: 63px; transform: translate(-268%, -55%) rotate(-48deg); -ms-transform: translate(-268%, -55%) rotate(-48deg); -webkit-transform: translate(-268%, -55%) rotate(-48deg);}
	.fv-household-parent .persona[data-gender="f"][data-wealth="moderate"][data-size="3"][data-age="young"]
	{background-size: 24px 63px; width: 24px; height: 63px; transform: translate(191%, -64%) rotate(40deg); -ms-transform: translate(191%, -64%) rotate(40deg); -webkit-transform: translate(191%, -64%) rotate(40deg);}
	.fv-household-parent .persona[data-gender="f"][data-wealth="moderate"][data-size="3"]
	{background-size: 24px 63px; width: 24px; height: 63px;}
	.fv-household-parent .fiveyearshouseholdincome_radio
	{margin: 0 10px 10px; font-size: 16px;}
	.fv-household-parent .fiveyearshouseholdincome_label
	{width: 100%;}
	.fv-household-parent .fiveyearshouseholdincome_stage
	{bottom: 0; left: -35%;}
	#fiveyearshouseholdincome .survey_line
	{width:100% !important;}
	
	.slide02-range .taxespaid_tooltiplabel
	{display:none !important;} 
	.taxespaid_label
	{width:100% !important;}
	.checkbox-ui01 .rw01 .tlp
	{font-size: 12px !important; bottom: 34px !important;}
	.social-benefit-parent .household_me[data-gender="m"], .social-benefit-parent .household_me[data-gender="f"]
	{background-size: 24px 63px !important; width: 24px !important; height: 63px !important;}
	
	.slide01-animation01 .persona
	{background-size: 18px 53px !important; width: 18px !important; height: 53px !important;}
	.person-adjust01 .persona[data-num="1"]
	{transform: translate(-57%,-96%); -ms-transform: translate(-57%,-96%); -webkit-transform: translate(-57%,-96%);}
	.person-adjust01 .persona[data-num="2"]
	{transform: translate(101%, -88%) rotate(26deg); -ms-transform: translate(101%, -88%) rotate(26deg); -webkit-transform: translate(101%, -88%) rotate(26deg);}
	.person-adjust01 .persona[data-num="3"]
	{transform: translate(-189%, -84%) rotate(-25deg); -ms-transform: translate(-189%, -84%) rotate(-25deg); -webkit-transform: translate(-189%, -84%) rotate(-25deg);}
	.person-adjust01 .persona[data-num="4"]
	{transform: translate(235%, -59%) rotate(43deg); -ms-transform: translate(235%, -59%) rotate(43deg); -webkit-transform: translate(235%, -59%) rotate(43deg);}
	.person-adjust01 .persona[data-num="5"]
	{transform: translate(-283%, -51%) rotate(-50deg); -ms-transform: translate(-283%, -51%) rotate(-50deg); -webkit-transform: translate(-283%, -51%) rotate(-50deg);}
	
	.taxespaid-cst01 .person-adjust01 .persona[data-num="1"]
	{transform: translate(-57%,-106%); -ms-transform: translate(-57%,-106%); -webkit-transform: translate(-57%,-106%);}
	.taxespaid-cst01 .person-adjust01 .persona[data-num="2"]
	{transform: translate(130%, -93%) rotate(24deg); -ms-transform: translate(130%, -93%) rotate(24deg); -webkit-transform: translate(130%, -93%) rotate(24deg);}
	.taxespaid-cst01 .person-adjust01 .persona[data-num="3"]
	{transform: translate(-198%, -92%) rotate(-23deg); -ms-transform: translate(-198%, -92%) rotate(-23deg); -webkit-transform: translate(-198%, -92%) rotate(-23deg);}
	.taxespaid-cst01 .person-adjust01 .persona[data-num="4"]
	{transform: translate(265%, -66%) rotate(40deg); -ms-transform: translate(265%, -66%) rotate(40deg); -webkit-transform: translate(265%, -66%) rotate(40deg);}
	.taxespaid-cst01 .person-adjust01 .persona[data-num="5"]
	{transform: translate(-293%, -57%) rotate(-40deg); -ms-transform: translate(-293%, -57%) rotate(-40deg); -webkit-transform: translate(-293%, -57%) rotate(-40deg);}
	.taxespaid-cst01 .taxespaid_me
	{transform: translate(-50%, -6%); -ms-transform: translate(-50%, -6%); -webkit-transform: translate(-50%, -6%);}
	
	.res-social-benefits01 .ressocialbenefits_realityResultlabel
	{width: 100% !important; font-size: 14px;}
	.res-social-benefits01 .household_planetincome
	{display: none;}
	
	.fv-household-parent .fiveyearshouseholdincome_poor_planet
	{transform: scale(1.3) !important; -ms-transform: scale(1.3) !important; -webkit-transform: scale(1.3) !important; left: 30%;}
	.fv-household-parent .fiveyearshouseholdincome_poor_planet .persona[data-num="1"]
	{background-size: 19px 52px !important; height: 54px !important;}
	
	#Household .household_house
	{left: 40px;}
	#Household .household_me
	{background-size: 24px 60px; height: 60px;}
	#Household .household_stage.displayed
	{left: 12px; width: 95%;}
	#Household .household_planets
	{bottom: 0;}
	#Household .household_house.scaleless
	{bottom: 64px; margin-top: 0;}
	#Household .poor_border
	{bottom: 24px;}
	#Household .survey_action
	{top: 390px;}
	.reduce-income-prnt01 .survey_action
	{top: 320px;}
	#ResReduceincome .survey_action
	{top: auto; bottom: 210px;}
	#ResHousehold .household_stage
	{left: 10px; bottom: -60px; width: 97%;}
	#ResHousehold .survey_action
	{top: 360px;}
	#ResTaxespaid .restaxpaid-prnt .globe-position-taxpaid .taxespaid_poor_planet
	{left: -12% !important;}
	#ResTaxespaid .restaxpaid-prnt .globe-position-taxpaid .taxespaid_house
	{left: 47% !important;}
	#ResTaxespaid .restaxpaid-prnt .taxespaid-cst01 .taxespaid_rich_planet
	{left: 115% !important;}
	#Taxespaid .slide02-range .col-lg-4
	{margin: 0 0 10px 3px !important; border-bottom: 1px solid #e4e4e4 !important; padding: 0 0 10px;}
	#Taxespaid .survey_action
	{top: 357px !important;}
	#Taxespaid .taxespaid_stage
	{bottom: -20px !important;}
	#ResTaxespaid .slide02-range .col-lg-4
	{margin: 0 0 10px !important; border-bottom: 1px solid #e4e4e4 !important; padding: 0 0 10px;}
	#ResTaxespaid .survey_action
	{top: 351px !important;}
	#ResTaxespaid .taxespaid_stage
	{bottom: -20px !important;}
	
	#ResHousehold .slide_form
	{top: 0px;}
	#Taxespaid .slide02-range .ui-slider.ui-slider-horizontal
	{margin: 10px 0;}
	#Taxespaid .ui-slider .ui-slider-handle
	{width: 24px; height: 24px}
	#Taxespaid .ui-slider .ui-slider-handle:after
	{left: 5px; top: 6px;}
	#Taxespaid .taxespaid_me[data-gender="f"]
	{bottom: 27px; margin-left: -107px;}
	#ResTaxespaid .taxespaid_me[data-gender="f"]
	{bottom: 27px; margin-left: -107px;}
	.reshousehold_endpoverty .reshousehold_poverty_label
	{width: 100% !important;}
}

@media screen and (min-width: 470px) and (max-width: 759px) {

	.SA_L { left: 24%;}
	.A_L {left: 18%;	}
	.NAN_L {left: 12%;}
	.D_L {left: 6%;}
	.SD_L {left: 0%;}

	.SA_R {left: 77%;}
	.A_R {left: 83%;}
	.NAN_R {left: 89%;}
	.D_R {left: 95%;}
	.SD_R {left: 101%;}
	
	.reduceincome_radio
	{font-size: 16px !important;}
	
	.taxespaid-cst01 .survey_action
	{top: 50px;}
	.slide02-range .col-lg-4 span
	{font-size: 12px;}
	.slide02-quetop .slide_form
	{left: 0 !important;}
	.slide02-quetop .taxespaid_me 
	{background-size: 12px 31px; width: 12px; height: 31px;}
	.slide02-range .row .tax01
	{font-size: 14px; top: 0;}
	.slide02-range .row .tax02
	{font-size: 14px; top: 58px;}
	.slide02-range
	{left: 0 !important;}
	.slide02-range .row
	{margin-top: 20px;}
	.slide02-range .ui-slider.ui-slider-horizontal
	{margin: 15px 0;}
	.taxespaid-cst01 .taxespaid_me
	{background-size: 12px 31px !important; width: 12px; height: 31px;}
	.taxespaid-cst01 .taxespaid_family_member .taxespaid_family_member_img
	{background-size: 12px 31px !important; width: 12px; height: 31px;}
	.person-adjust02 .taxespaid_family_member[data-num="3"]
	{bottom: 41px; margin-left: -131px; transform: translate(-50%,0) rotate(40deg); -webkit-transform: translate(-50%,0) rotate(40deg); -ms-transform: translate(-50%,0) rotate(40deg);}
	.person-adjust02 .taxespaid_family_member[data-num="2"]
	{bottom: 84px; margin-left: -139px;}
	.person-adjust02 .taxespaid_family_member[data-num="4"]
	{bottom: 75px; margin-left: -153px; transform: translate(-58%,0) rotate(-43deg); -webkit-transform: translate(-58%,0) rotate(-43deg); -ms-transform: translate(-58%,0) rotate(-43deg);}
	
	.person-adjust01 .persona[data-num="3"]
	{left: 45%; margin-top: 2px;}
	.person-adjust01 .persona[data-num="5"]
	{left: 38%; margin-top: 2px;}
	.resslide02
	{top: 100px !important;}
	.resslide02 .row .tax02
	{top: 30px !important;}
	.taxpd01
	{margin: 7px 0 0;}
	
	.globe-position-taxpaid .taxespaid_house
	{left: 56% !important;}
	.globe-position-taxpaid .taxespaid_rich_planet
	{left: 102% !important;}
	
	.social-benefit-parent .socialbenefits_house
	{left: 65% !important; margin-top: 260px !important; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
	.social-benefit-parent .socialbenefits_checkdiv
	{width: 100% !important;}
	.resreduceincome-parent .resreduceincome_labelresult
	{top: 90px !important;}
	.res-social-benefits01 .ressocialbenefits_labelresult
	{top: 110px !important;}
	.res-social-benefits01 .ressocialbenefits_realityResultlabel
	{font-size: 16px !important;}
	.checkbox-ui01 .rw01 .tlp
	{font-size: 12px !important; bottom: 20px !important;}
	.social-benefit-parent .radio-cst01
	{margin: 20px 0 0 !important;}
	.checkbox-ui01 label
	{margin: 3px 0;}
	.social-benefit-parent .household_me[data-gender="m"], .social-benefit-parent .household_me[data-gender="f"]
	{background-size: 22px 57px; width: 22px; height: 57px;}
	
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"]
	{background-size: 12px 31px;}
	.fv-household-parent .persona[data-gender="m"][data-wealth="moderate"][data-size="3"][data-age="young"]
	{background-size: 12px 31px;}
	.fv-household-parent .persona[data-gender="f"][data-wealth="moderate"][data-size="3"][data-age="young"]
	{background-size: 12px 31px; transform: translate(245%, -69%) rotate(35deg); -ms-transform: translate(245%, -69%) rotate(35deg); -webkit-transform: translate(245%, -69%) rotate(35deg);}
	.fv-household-parent .persona[data-gender="f"][data-wealth="moderate"][data-size="3"]
	{background-size: 12px 31px;}
	.fv-household-parent .fiveyearshouseholdincome_radio
	{margin: 0 10px 10px; font-size: 16px;}
	
	.fv-household-parent .fiveyearshouseholdincome_poor_planet
	{transform: scale(1.2) !important; -ms-transform: scale(1.2) !important; -webkit-transform: scale(1.2) !important; left: 30%;}
	.fv-household-parent .fiveyearshouseholdincome_poor_planet .persona[data-num="1"]
	{background-size: 12px 34px !important; height: 34px;}
	
	#Taxespaid .taxespaid_me[data-gender="f"]
	{bottom: 32px; margin-left: -107px;}
	#ResTaxespaid .taxespaid_me[data-gender="f"]
	{bottom: 32px; margin-left: -107px;}
	.reshousehold_endpoverty .reshousehold_poverty_label
	{width: 100% !important;}
	
}

@media screen and (min-width: 760px) and (max-width: 999px) {

	#Household .household_income_tooltip
	{left: 0%; width: 100%;}
	.app_slider
	{width: 1882%;}
	.percentage-cal01 label
	{width: auto; margin: 0 0 60px; padding: 0 15px; text-align: center; font-size: 20px;}
	/* .survey_line
	{position: relative; left: auto; width: 100% !important; padding: 0 20px; top: auto; margin: 50px 0 0;} */
	.slide0-srv01
	{width: 80% !important;}
	.survey_line .reduceincome_label
	{width: 100%;}
	.radio-cst01
	{width: 100% !important;}
	.radio-cst01 .reduceincome_radio
	{margin-bottom: 10px;}
	#ResReduceincome .resreduceincome_label
	{width: 100% !important; margin: 0 0 30px;}
	.slide01-res
	{padding: 0 15px;}
	.slide01-res h3
	{display: inline-block; width: 100%;}
	.result-text01
	{position: absolute !important; text-align: left; width: 80% !important; left: 10% !important; padding: 10px 10px 0;}
	.SA_L {left: 24%;}
	.A_L {left: 18%;	}
	.NAN_L {left: 12%;}
	.D_L {left: 6%;}
	.SD_L {left: 0%;}

	.SA_R {left: 76%;}
	.A_R {left: 82%;}
	.NAN_R {left: 88%;}
	.D_R {left: 94%;}
	.SD_R {left: 100%;}
	
	.slide01-animation01 .reduceincome_planets .fiveyearsthouseholdincome_planets
	{bottom: 200px;}
	
	.slide02-quetop .slide_form
	{left: 0 !important;}
	.slide02-quetop .taxespaid_label
	{width: 100%;}
	.slide02-quetop .taxespaid_stage
	{bottom: 240px;}
	.slide02-range
	{left: 0 !important;}
	.slide02-range .row
	{margin: 20px 0 0;}
	.taxespaid-cst01 .taxespaid_stage
	{bottom: 200px;}
	.taxespaid-cst01 .taxespaid_label
	{width: 100%;}
	
	.globe-position-taxpaid .taxespaid_poor_planet
	{left: 10% !important;}
	.globe-position-taxpaid .taxespaid_house
	{left: 54% !important;}
	.globe-position-taxpaid .taxespaid_rich_planet
	{left: 100% !important;}
	
	.social-benefit-parent .socialbenefits_house
	{left: 26% !important; margin-top: 830px !important;}
	.res-social-benefits01 .ressocialbenefits_house
	{left: 15% !important; margin-top: 770px !important;}
	
	.reduceincome_stage.slide01-animation01
	{bottom: 200px;}
	
	.fv-household-parent .fiveyearshouseholdincome_stage
	{bottom: 200px;}
	.fv-household-parent .fiveyearshouseholdincome_poor_planet
	{left: 29%;}

}

@media screen and (min-width: 1000px) and (max-width: 1059px) {
	.slide02-range
	{left: 0 !important;}
	.slide02-range .row
	{margin:20px 0 0 !important;}
	.res-social-benefits01 .ressocialbenefits_house
	{left: 37% !important; margin-top: 560px !important;}
	
	.social-benefit-parent .socialbenefits_house
	{margin-top: 570px;}
}