/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 200px) and (max-width : 767px) {
	p{
		font-size:20px;
	}
	h1{
		font-size:35px;
	}
	h2{
		font-size:32px;
	}
	div.Header div.Logo {
		padding-left:40px !important;
	}
	ul.Menu{
		display:none;
		position:absolute !important;
		top:80px;
		padding-top:10px;
		padding-bottom:20px;
		left:0px;
		width:100%;
		background-color:#ffffff;
		box-shadow: 0px 11px 14px rgba(50, 50, 50, 0.7);
		z-index:99999;
	}
	ul.Menu > li{
		width:100%;
		padding:0px !important;
		border:0 !important;
	}
	ul.Menu > li > a{
		font-size:20px !important;
		height:auto !important;
		float:none !important;
		line-height:20px !important;
		padding:10px 0px 10px 0!important;
		margin:0 40px 0 40px;
		border-top:2px solid #cbcbcb;
	}
	ul.Menu > li.Active > a{
		color:#48126f !important;
	}
	span.SubOver{
		display:none;
	}
	span.SubMenuArrow{
		display:none;
	}
	ul.SubMenu{
		width:auto !important;
		display:block !important;
		position:relative !important;
		top:0 !important;
		left:0 !important;
		border:0 !important;
	}
	ul.SubMenu > li{
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		width:100%;
	}
	ul.SubMenu > li > a{
		font-size:20px !important;
		line-height:20px !important;
		padding:5px 0 5px 0;
	}
	div.MainWrapper{
		width:615px;
	}
	a.CallMe{
		
	}
	div.ContactTop div.ContactInfo{
		width:525px !important;
		height:auto !important;
		padding-left:40px !important;
		padding-top:100px !important;
		background-position:right 80px !important;
	}
	div.ContactTop div.ContactInfo a.CallMeBack{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
		text-align:center !important;
		padding-right:25px !important;
		font-size:29px !important;
		margin-bottom:40px !important;
		width:568px !important;
	}
	div.MainContent div.Full{
		padding:0 40px 0 40px !important;
	}
	div.ContactTop div.googleMap{
		margin-left:25px !important;
	}
	div.SlideShowWrapper div.Overlay{
		right:-110px !important;
	}
	div.FooterWrapper{
		
	}
	input.uniform-input, select.uniform-multiselect, textarea.uniform{
		width:175px;
		font-size:15px !important;
	}
	div.Full div.SendContactFromSubmitButton{
		width:auto !important;
	}
	div.Full div.SpacerLine {
		width:auto !important;
	}
	div.FooterWrapper div.Left{
		width: 494px !important;
	}
	div.FooterWrapper div.Left *{
		font-size: 20px !important;
		line-height:24px !important;
	}
	div.FooterWrapper div.Left div.ContactInfo{
		margin-left:100px !important;
	}
	div.FooterWrapper div.Left div.QuickLinks {
		margin-left:10px !important;
	}
	div.FooterWrapper div.Right{
		width: 477px !important;
	}
	div.FooterWrapper div.Right img{
		height:auto !important;
		width:440px !important;
	}
	div.MainContent.Gray{
		background-image:none !important;
	}
	div.Brochure{
		
	}
	div.Brochure div.Image{
		display:none !important;
	}
	div.Brochure div.Content{
		width:100% !important;
	}
	div.Brochure div.Content a.Button{
		background-image:none !important;
		text-align:center !important;
		padding-right:0px !important;
		font-size:27px !important;
	}
	div.Brochure div.Content div.Text{
		width:auto !important;
		padding: 25px 20px 0 20px !important;

	}
	div.SlideShowWrapper{
		max-height:257px;
	}
	div.ProcessOverview{
		width:auto !important;
		padding-left:20px !important;
	}
	div.ProcessOverview div.ProcessItem span.Title{
		font-size:24px !important;
	}
	div.ProcessOverview div.ProcessItem p{
		font-size:20px !important;
	}
	div.ProcessOverview div.ProcessItem span.Teaser{
		font-size:20px !important;
	}
	div.MobileMenu{
		display:block !important;
		width:40px;
		height:40px;
		background-image:url('../images/PhoneMenuBtn.png');
		background-position:top left;
		position:absolute;
		top:22px;
		right:50px;
	}
	div.ExtraControls,
	div.ExtraControls * {
		z-index:8900 !important;
	}
	div.ExtraControls div.OpenThumbs,
	div.ExtraControls div.Thumbnails div.CloseThumbs{
		left:500px !important;
	}
	div.MainContent div.TextBlock{
		float:none !important;
		width:540px !important;
		padding-left:40px;
		padding-top:160px;
		border:none !important;
	}
	div.MainContent div.Steps{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
		
	}
	div.MainContent div.Steps div.Step{
		font-size:20px;
	}
	div.MainContent div.References,
	div.MainContent div.HomeMidContent{
		display:none;
	}
	div.MainContent > div.Left{
		padding-left:40px !important;
		padding-right:40px !important;
		width:auto !important;
		float:none !important;
	}
	div.MainContent > div.Right{
		padding-left:40px !important;
		padding-right:40px !important;
		width:auto !important;
		float:none !important;
	}
	div.QuickContact{
		width:auto !important;
		height:80px !important;
	}
	div.MainContent div.Full div.Text{
		width:auto !important;
	}
	div.QuickContact div.Left{
		padding:22px 83px 47px 81px !important;
		font-size:22px !important;
		width:171px !important;
		background-position: center right !important;
	}
	div.QuickContact a.Right{
		padding:32px 40px 29px 20px !important;
		background-position: center right !important;
	}
	div.ReferenceOverview{
		width:auto !important;
		padding:120px 40px 0 40px !important;
	}
	div.ReferencesOverview > div{
		width:auto !important;
	}
	div.ReferencesOverview div.Item1,
	div.ReferencesOverview div.Item2,
	div.ReferencesOverview div.Item3{
		height:auto !important;
		padding-bottom:40px !important; 
		font-size:20px !important;
	}
	div.ReferencesOverview div.Item1 p,
	div.ReferencesOverview div.Item2 p,
	div.ReferencesOverview div.Item3 p{
		font-size:20px !important;
	}
	div.ReferencesOverview div.Item1,
	div.ReferencesOverview div.Item2{
		width:auto !important;
	}
	div.ReferencesOverview div.Item3{
		margin-right:0px !important;
	}
	div.ReferencesOverview div.Item3 div.Image{
		float: left  !important;
		width: 240px !important;
		height: 198px !important;
	}
	div.ReferencesOverview div.Item3 span.Name{
		padding-top:16px !important;
	}
	div.ReferencesOverview div.Item3 span.Function{
		
	}
}