/* CSS Document */

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 979px) {
	body{
		width:768px;	
		margin:0px auto;
	}
	.MainWrapper{
		width:768px;
		margin:0px;
	}
	.RightImgArrow{
		right:-58px;	
	}
	
	.Footer{
		width:768px;
		margin:10px 0px;
	}
}
/* CSS Document */

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px){
	body{
		width:480px;	
		margin:0px auto;
	}
	.MainWrapper{
		width:480px;
		margin:0px;
	}
	.HeaderWrapper{
		width:480px;
		height:auto;
		background-color:#86c119;
		background-position:center bottom;	
		margin-bottom:10px;
	}	
	.ContactInfoWarrper{
		float:none;
		margin:20px auto;	
	}
	.Logo{
		float:none;
		margin:0px auto 15px;	
	}
	
	.TurnMachines{
		float:none;	
		width:auto;
		text-align:center;
	}
	.TurnMachinesTextWrap{
		text-align:center;
		padding-left:25px;
		padding-right:25px;
		margin:30px auto;	
		border-top-left-radius:6px;
		border-top-right-radius:6px;
		border-bottom-right-radius:6px;
		border-bottom-left-radius:6px; 
	}
	.TurnMachinesTextWrap .LeftImg,
	.TurnMachinesTextWrap .RightImgArrow{
		display:none;	
	}
	.form_left{
		position:static;
		right:0px;
		top:0px;
		margin:0px auto;	
	}
	
	.ContainerInformationWrapper{
		margin-top:25px;	
	}
	
	.Footer{
		width:480px;
		margin:10px 0px;
	}	
}

/* CSS Document */

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
	body{
		width:320px;	
		margin:0px auto;
	}
	.MainWrapper{
		width:320px;
		margin:0px;
	}
	.HeaderWrapper{
		width:320px;
		height:auto;
		background-color:#86c119;
		background-position:center bottom;	
		margin-bottom:10px;
	}	
	.ContactInfoWarrper{
		float:none;
		margin:20px auto;	
	}
	.Logo{
		float:none;
		margin:0px auto 15px;	
	}
	
	.TurnMachines{
		float:none;	
		width:auto;
		text-align:center;
	}
	.TurnMachines img{
		width:100%;	
	}
	.TurnMachinesTextWrap{
		width:auto;
		height:auto;
		text-align:center;
		padding:15px 15px 20px;
		margin:30px auto;	
		border-top-left-radius:6px;
		border-top-right-radius:6px;
		border-bottom-right-radius:6px;
		border-bottom-left-radius:6px; 
	}
	.TurnMachinesTextWrap h1{
		font-size:26px;
	}
	.TurnMachinesTextWrap p{
		font-size:11px;	
	}
	.TurnMachinesTextWrap .LeftImg,
	.TurnMachinesTextWrap .RightImgArrow{
		display:none;	
	}
	.form_left{
		width:auto;
		position:static;
		right:0px;
		top:0px;
		margin:0px auto;	
	}
	.form_inner{
		width:274px;	
	}
	.form_inner strong{
		font-size:42px;	
		line-height:42px;
		padding-top:30px;
		margin-bottom:15px;
	}
	.form_inner strong span{
		font-size:20px;	
		line-height:20px;
	}
	.LabelTypeWrapper{
		margin:12px 0px;	
	}
	.LabelTypeWrapper label{
		font-size:11px;	
		width:97px;
	}
	.CheckBoxWrapper{
		font-size:12px;	
	}
	.LabelTypeWrapper input{
		width:152px;
		
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px; 	
	}
	.SubmitWrapper{
		width:auto;	
	}
	.SubmitWrapper button{
		display:block;
		width:270px;
		height:75px;
		background-size:100%;
		margin:0px auto;	
	}
	.ContainerInformationWrapper{
		margin-top:25px;	
	}
	

	.Footer{
		width:320px;
		margin:10px 0px;
	}		
	.Footer p{
		font-size:11px;	
	}
}