@media screen and (min-width: 0px) and (max-width: 640px) {
body{
	/*background-position:center -10px;*/;
	min-width:320px;

}
.home #header{
	position:relative;
	top:auto
}

#header{
	padding: 10px 0;
	}
#header .logo {
	width:60%;
	max-width:250px;
	margin-bottom:10px;
	position:relative;
	z-index:5

}
#header .logo img{
	width:100%;
	height:auto;
}
.headerRight span {
	display:none
}
.centerBlock{
	width:94%;
	margin:0px auto
}
.topNav{
	padding: 0px 0;
	}
.topNav .centerBlock{
	width:100%;
}
.headerRight {
	width:210px;
	text-align:right;
	line-height:26px;
		position:relative;
	z-index:5
}


#mainArea{
	width:94%;
	padding-top:10px !important;
}
#mainArea.inside{
	padding-top:10px !important;

}
.centerBlock{
	width:94%;
}
#preFooter .leftSection,
#preFooter .rightSection,
.homeIntro,
.whatWeDo,
.homeColumns,
#leftPanel,
#rightPanel{
	width:100%;
	float:none;
	clear:both;
	display:block;
	margin-bottom:20px;
}
.homeColumns{
	margin-bottom:10px;
	margin-left:0px;
	height:auto
}
.homeIntro{
	padding:10px;
}
.whatWeDo img{
	width:40%;
}
.whatWeDo .summary{
	overflow:hidden;
	float:none;
}
.btnBlock .quoteBy{
	width:100%;
	float:none;
	margin-bottom:15px;
}
.content{
	padding:10px;
}
.headerImg img{
	width:100%;
	height:auto;

}
.designBuild{
	display:none;
}
.projectsBanner{
	width:48%;
	float:left;
	border:1px solid #d4cac4;
	 margin-bottom: 20px !important;
}
#rightPanel .whatWeDo{
	width:48% !important;
	float:right !important;
	clear:none!important;
}

img.alignright,
img.alignright{
	width:40%;
}

.projectList li{
	width:47%
}



}

@media screen and (min-width: 0px) and (max-width: 500px) {
.vcard{
	padding-right:100px !important;
	background-size:80px auto !important;
}
.contactForm .left,
.contactForm .right{
	float:none;
	width:100%
}
#header .logo {
	max-width:190px;
}
.headerRight {
	width:150px;
	font-size:14px;
	margin-right:0px;
	line-height:20px;
}
.homeColumns img{float:none; clear:both; margin-bottom:0px;}
}


@media screen and (min-width: 0px) and (max-width: 414px) {
.vcard{
	padding:15px !important;
	background-image:none  !important;
}
.projectsBanner{
	width:100%!important;
	float:none!important;
}
#rightPanel .whatWeDo{
	width:100% !important;
	float:none !important;
	clear:both!important;
	ive
}
.projectList {
	margin-left: auto !important;
}
.projectList li{
	width:100%;;
	margin:0px auto 15px auto
}
.headerRight {
	width:150px;
	font-size:14px;
	margin-right:0px;
	line-height:20px;
}
#header .logo{
	width:150px;
}


}