/* Tablet Size Styles */

@media only screen and (min-width: 481px) and (max-width: 768px) {
	
div.mds-area-content,
#container {
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
} 

	html {
	    -webkit-text-size-adjust : none;
	    text-size-adjust         : none;
	}
	
	[class*="mds-area-p"] {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	div[id*="mds-ffe"] div[class*="mds-area-p"],
	div[id*="mds-ffe"] div[class*="mds-area-p"] > div[class^="pf"] {
		float: none;
		width: 100%;
	}
	
	[class^="p"] .modCnt_groupbox_1 {
		margin-left: 0;
		margin-right: 0;
		border: none;
	}
	
	form [class*="mds-area-p"] .gmffe .lbl,
	form [class*="mds-area-p"] .gmffe .mod > fieldset > .lbl,
	form [class*="mds-area-p"] .gmffe .modFf_group_1.align-horizontal > fieldset > .lbl,
	form [class*="mds-area-p"] .gmffe .modFf_date_1 fieldset > .lbl  {
		width: 33.333%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.label-top.align-6_columns > fieldset > .inpt > li,
	form [class*="mds-area-p"] .gmffe .mod.label-none.align-6_columns > fieldset > .inpt > li {
		width: 16.666%;
	}
	form [class*="mds-area-p"] .gmffe .mod.label-top.align-5_columns > fieldset > .inpt > li,
	form [class*="mds-area-p"] .gmffe .mod.label-none.align-5_columns > fieldset > .inpt > li {
		width: 20%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.align-4_columns > fieldset > .inpt > li {
		width: 25%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-3_columns > fieldset > .inpt > li  {
		width: 33.333%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.align-2_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-2_columns > fieldset > .inpt > li,
	form [class*="mds-area-p"] .gmffe .mod.label-top.align-2_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-top.align-2_columns > fieldset > .inpt > li,
	form [class*="mds-area-p"] .gmffe .mod.label-none.align-2_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-none.align-2_columns > fieldset > .inpt > li {
		width: 50%;
	}

	form [class*="mds-area-p"] .gmffe .mod > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-horizontal > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-3_columns .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-3_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-4_columns .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-4_columns > fieldset > .inpt, {
		width: 66.666%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.label-none .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-none > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-top > fieldset > .inpt {
		width: 100%;
	}
	
	[class*="mds-area-p"] .gmffe .modFf_number_1.label-none .cmp_length-normal,
	[class*="mds-area-p"] .gmffe .modFf_number_1.label-top .cmp_length-normal,
	[class*="mds-area-p"] .gmffe .modFf_number_1 .modFf_group_1.align-horizontal .inpt li.cmp_length-normal,
	[class*="mds-area-p"] .gmffe .modFf_number_1 .align-horizontal > fieldset > .inpt {
		width: 33.333%;
	}
	
	[class*="mds-area-p"] .gmffe .modFf_group_1 [class*="cmp_length"] .inpt {
		width: 50%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.modFf_txtarea_1 .inpt,
	form [class*="mds-area-p"] .gmffe .mod.modFf_chkbox_1,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.modFf_number_1 > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.modFf_group_1.align-horizontal > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.modFf_group_1.align-2_columns > fieldset > .inpt  {
		width: 66.666%;
	}
	
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container, 
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container .inpt {
		width: 100%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .tx {
		width: 75%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .btn {
		width: 25%;
	}
	
	.modApp_vehicle_1 dt {
		clear: left;
	}	
	
	.modApp_vehicle_1 .car_container,
	.modApp_vehicle_1 .car_container + fieldset,
	.modApp_vehicle_1 .energy_label-header, 
	.modApp_vehicle_1 .energy_label-chart,
	.modApp_vehicle_1 .text_container,
	.modApp_vehicle_1 .total_price_container {
		width: 50%;
		float: left;
		padding-right: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.modApp_vehicle_1 .car_container + fieldset,
	.modApp_vehicle_1 .total_price_container {
		padding-right: 0;
	}
	
	.modApp_vehicle_1 .text_container {
		clear: both;
	}
	
	.modApp_vehicle_1 .text_container,
	.modApp_vehicle_1 .total_price_container {
		margin-top: 25px;
	}
	
	.modApp_vehicle_1 .total_price_container dl {
		margin-top: 16px;
	}
	
	.modApp_vehicle_1 .energy_label-value dt {
		width: auto;
	}
	
	.modApp_vehicle_1 .energy_label-value {
		margin-left: 50%;
		padding-top: 10px;
		clear: both;
	}
	
	#energy_label-container {
		clear: both;
	}
	
	.modApp_vehicle_1 .energy_label-chart .imageSize1 {
		width: 150px;
		height: 102px;
	}
	
	/* Thankyou Page */
	
	/*.thankyoupage .modApp_vehicle_1.skinApp_vehicle_1Selected,*/
	[id*="mds-ffe"] .thankyoupage .modCnt_hl_1 {
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
	}
	
	.modApp_vehicle_1.skinApp_vehicle_1Selected .car_container,
	.modApp_vehicle_1.skinApp_vehicle_1Selected .car_container + fieldset,
	.modApp_vehicle_1.skinApp_vehicle_1Selected .energy_label-header, 
	.modApp_vehicle_1.skinApp_vehicle_1Selected .energy_label-chart,
	.modApp_vehicle_1.skinApp_vehicle_1Selected .text_container,
	.modApp_vehicle_1.skinApp_vehicle_1Selected .total_price_container {
		/*width: 100%;
		float: none;
		padding-right: 0;*/
	} 
		
	.skinApp_vehicle_1Selected div.visualLayer {
		overflow: hidden;
		background-image: none;
		background-color: #fff;
		background-image: -moz-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	}
	
	.thankyoupage .car_container {
		min-width: 288px;
	}
	
	
	.skinApp_vehicle_1Selected .text_container {
		clear: none;
	}
	
	.gmffe li {
		position: static;
	}
	
	.mod .ffe-error-msg {
		position: static;
		width: auto;
		display: block;
		clear: both;
		margin-right: 8px;
		padding: 3px 0 0;
		border: none;
	}
	
	.mod .inpt + .txt {
		display: none;
	}
	
	.modCnt_error_1 {
		display: none;
	}
	
}

/* Mobile Size Styles */

@media only screen and (min-width: 320px) and (max-width: 480px) {

div.mds-area-content,
#container {
	width: auto;
	margin: 0;
	padding: 0;
	min-width: 0;
} 

	html {
		-webkit-text-size-adjust : none;
		text-size-adjust         : none;
	}

	div.mds-area-content,
	[class*="mds-area-p"] {
		width: 100%;
	}
	
	div[id*="mds-ffe"] div[class*="mds-area-p"],
	div[id*="mds-ffe"] div[class*="mds-area-p"] > div[class^="pf"] {
		float: none;
		width: 100%;
	}
	
	[class^="p"] .modCnt_groupbox_1 {
		margin-left: 0;
		margin-right: 0;
		border: none;
	}
	
	form [class*="mds-area-p"] .gmffe .lbl,
	form [class*="mds-area-p"] .gmffe .mod > fieldset > .lbl,
	form [class*="mds-area-p"] .gmffe .modFf_group_1.align-horizontal > fieldset > .lbl,
	form [class*="mds-area-p"] .gmffe .modFf_date_1 fieldset > .lbl  {
		width: 40%;
	}

	form [class*="mds-area-p"] .gmffe .inpt,
	form [class*="mds-area-p"] .gmffe .mod > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-horizontal > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .align-2_columns > fieldset > .inpt {
		width: 60%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.label-top .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-top > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-none .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-none > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.label-normal .modFf_enum_1.align-horizontal.label-none .inpt li,
	form [class*="mds-area-p"] .gmffe .mod.label-alternative .modFf_enum_1.align-horizontal.label-none .inpt li
	form [class*="mds-area-p"] .gmffe .mod.align-3_columns .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-3_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-4_columns .inpt,
	form [class*="mds-area-p"] .gmffe .mod.align-4_columns > fieldset > .inpt,
	form [class*="mds-area-p"] .gmffe .mod.modFf_txtarea_1 .inpt {
		width: 100%;
	}
	
	[class*="mds-area-p"] .gmffe .modFf_number_1 .align-horizontal > fieldset > .inpt,
	[class*="mds-area-p"] .gmffe .modFf_number_1.label-normal .modFf_group_1.align-horizontal .inpt li.cmp_length-normal,
	[class*="mds-area-p"] .gmffe .modFf_number_1.label-alternative .modFf_group_1.align-horizontal .inpt li.cmp_length-normal  {
		width: 50%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .tx {
		width: 60%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .btn {
		width: 40%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.modFf_chkbox_1,
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container, 
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container .inpt {
		width: 100%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.align-6_columns > fieldset > .inpt > li,
	form [class*="mds-area-p"] .gmffe .mod.align-5_columns > fieldset > .inpt > li {
		width: auto;
	}
	
	
	.modApp_vehicle_1 dt,
	.modApp_vehicle_2 dt {
		clear: left;
	}
	
	.modApp_vehicle_1 .car_container,
	.modApp_vehicle_2 .car_container {
		display: none;
	}
	
	.modApp_vehicle_1 .energy_label-chart .imageSize1 {
		width: 150px;
		height: 102px;
	}
	
	.modApp_vehicle_1 .energy_label-header, 
	.modApp_vehicle_1 .energy_label-chart {
		width: 50%;
		float: left;
		padding-right: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.modApp_vehicle_1 .energy_label-chart {
		padding-right: 0;
	}
	
	.modApp_vehicle_1 .energy_label-value {
		padding-top: 10px;
		clear: both;
	}
	
	.modApp_vehicle_1 .energy_label-value dt {
		width: auto;
	}
	
	.skinApp_vehicle_1Selected div.visualLayer {
		overflow: hidden;
		background-image: none;
		background-color: #fff;
		background-image: -moz-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	}
	
	.skinApp_vehicle_1Selected .text_container {
		clear: none;
	}
	
	.gmffe li {
		position: static;
	}
	
	.mod .ffe-error-msg {
		position: static;
		width: auto;
		display: block;
		clear: both;
		margin-right: 8px;
		padding: 3px 0 0;
		border: none;
	}
	
	.mod .inpt + .txt {
		display: none;
	}
	
	.modCnt_error_1 {
		display: none;
	}
	
}

/* Margin Size Styles */

@media only screen and (max-width: 319px) {

div.mds-area-content,
#container {
	width: auto;
	margin: 0;
	padding: 0;
	min-width: 0;
} 

	html {
			-webkit-text-size-adjust : none;
			text-size-adjust         : none;
	}
	
	[class*="mds-area-p"] {
		width: 100%;
	}
		
	div[id*="mds-ffe"] div[class*="mds-area-p"],
	div[id*="mds-ffe"] div[class*="mds-area-p"] > div[class^="pf"] {
		float: none;
		width: 100%;
	}
		
	[class^="p"] .modCnt_groupbox_1 {
		margin-left: 0;
		margin-right: 0;
		border: none;
	}
	
	[class*="mds-area-p"] .gmffe .mod_group_1[class*="align"] > fieldset > .inpt > li {
		width: 50%;
	}
	
	[class*="mds-area-p"] .gmffe .mod[class*="label"] .lbl {
		text-align: left;
	}
		
	[class*="mds-area-p"] .gmffe .lbl,
	[class*="mds-area-p"] .gmffe .mod .inpt,
	[class*="mds-area-p"] .gmffe .mod > fieldset > .inpt,
	[class*="mds-area-p"] .gmffe .mod[class*="label"] > fieldset > .inpt,
	[class*="mds-area-p"] .gmffe .mod > fieldset > .inpt > li,
	[class*="mds-area-p"] .gmffe .mod[class*="label"] > fieldset > .inpt > li {
		width: 100%;
	}
	
	form [class*="mds-area-p"] .gmffe .mod.modFf_chkbox_1,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 .modFf_group_1[class*="align"] .inpt li.cmp_length-normal,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 .mod[class*="align"] .inpt li,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 .mod[class*="label"] .inpt li,
	form [class*="mds-area-p"] .gmffe .modFf_number_1 .mod[class*="align"][class*="label"] .inpt li,
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container, 
	form [class*="mds-area-p"] .modApp_vehicle_1 #dropdown_container .inpt {
		width: 100%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .tx {
		width: 100%;
	}
	
	[class*="mds-area-p"] .modCnt_next_1 .btn {
		width: 100%;
		margin-top: 5px;
	}
	
	/*[class*="mds-area-p"] .gmffe .mod > fieldset > .inpt > li,*/
	[class*="mds-area-p"] .gmffe .mod[class*="label"] > fieldset > .inpt > li {
		margin-top: 5px;
	}
	
	[class*="mds-area-p"] .gmffe .modFf_number_1[class*="label"] > fieldset > .inpt > li {
		margin-top: 0;
	}
		
	/*.gmffe .inpt .mod .inpt {
		width: 0;
	}*/
		
	.modApp_vehicle_1 dt,
	.modApp_vehicle_2 dt {
		clear: left;
		width: 50%;
	}
		
	.modApp_vehicle_1 .car_container,
	.modApp_vehicle_2 .car_container {
		display: none;
	}
	
	.modApp_vehicle_1 input {
		white-space: normal;
		text-align: left;
	}
		
	.modApp_vehicle_1 .energy_label-chart .imageSize1 {
		width: 150px;
		height: 102px;
	}
		
	.modApp_vehicle_1 .energy_label-header, 
	.modApp_vehicle_1 .energy_label-chart {
		width: 50%;
		float: left;
		padding-right: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
		
	.modApp_vehicle_1 .energy_label-chart {
		padding-right: 0;
	}
		
	.modApp_vehicle_1 .energy_label-value {
		padding-top: 10px;
		clear: both;
	}
		
	.modApp_vehicle_1 .energy_label-value dt {
		width: auto;
	}
		
	.skinApp_vehicle_1Selected div.visualLayer {
		overflow: hidden;
		background-image: none;
		background-color: #fff;
		background-image: -moz-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
		background-image: linear-gradient(90deg , rgb(231,232,233) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);
	}
		
	.skinApp_vehicle_1Selected .text_container {
		clear: none;
	}
		
	.gmffe li {
		position: static;
	}
		
	.mod .ffe-error-msg {
		position: static;
		width: auto;
		display: block;
		clear: both;
		margin-right: 8px;
		padding: 3px 0 0;
		border: none;
	}
		
	.mod .inpt + .txt {
		display: none;
	}
		
	.modCnt_error_1 {
		display: none;
	}
	
}