/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

	/* pagewrap */
	#pagewrap {
		width: 96%;
	}	
	#pagewrap_header{
		width: 96%;
		margin: 0 auto;
	}
	#headerwrap{
		margin-bottom:-10px;
	}

	#main-nav {
	float:left;
	width: 55%;
	background: none;
	margin: 0;
	padding: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
}
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:20%;
}
#main-nav a {
	line-height: 100%;
	font-weight: normal;
	text-align:center;
	color: #ffffff;
	display: block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 33px 0% 33px 0%;
	text-decoration: none;
}
#pagewrap_slider{
	width: 96%;
	height: 100%;
	padding:0% 2%;
	margin: 0 auto;
}
#sliderwrap{
	margin-bottom:-15px;
}
#slidewrapper {
  position:relative;
  float: left;
  width:100%;
  height:100%;
  padding: 0% 0%;
  }
  .rslides {
  float:left;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0% 0%;
  margin-bottom:6px;
  }
  .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
  margin-top:15px;
  margin-bottom: -15px;
  margin-left:0px;
  }
  
	/* content */
	#content {
		width: 60%;
		margin-top:0;
		padding: 2% 1%;
	}

	/* sidebar */
	#sidebar {
		margin-top:0;
		width: 32%;
	}
	#sidebar .widget {
		padding: 6% 4%;
		margin-bottom: 10px;
	}
	.servicetitle{
	float:left;
	width:60%;
	line-height:120%;
	color:#4a4a4a;
	font-size:18px;
	font-weight: normal;
	margin-top:0px;
	}
	#partnerside{
	float:left;
	width:32%;
	}
	#portfolioimage p{
		 font-size:12px;
	}
	#footerwrap{
	width:96%;
	padding:1% 2%;
}
	#pagewrap_footer{
	width:100%;
	height:130px;
	margin: 20px auto;
}
	
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	#headerwrap{
		width:100%;
		height:134px;
		float:left;
		margin-bottom:15px;
	}
	#pagewrap_header{
		width: 100%;
		margin: 5px auto 0 auto;
	}
	#site-logo {
		width:100%;
		color:#ffffff;
		margin-top:12px;
		padding-top:0;
		text-align:center;
	}
	/* main nav */
	#main-nav {
		float:left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#main-nav li {
		margin-top:0;
		padding: 0;
		list-style: none;
		float: left;
		width:20%;
		border-top:1px solid #493a51;
	}
	#main-nav a {
		line-height: 100%;
		margin-top:0;
		font-weight: normal;
		text-align:center;
		color: #ffffff;
		display: block;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		border-top:1px solid #5f4c6a;
		padding: 15px 20%;
		text-decoration: none;
	}
	#sliderwrap{
		margin-bottom:15px;
	}
	/* site logo */
	#site-logo {
		margin: 8px 100px 0px 0;
		position: static;
	}

	/* content */
	#content {
		width: auto;
		float: none;
	}

	/* sidebar */
	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 0% 1%;
		margin: 0 0 10px 0;
	}
	.servicetitle{
		float:left;
		margin-top:0px;
	}
	#portfolioimage{
		float:left;
		width:43%;
		margin:2% 3%;
	}
	#recentprojects p{
		font-size:13px;
	}
	#inspirationbox{
		float:left;
		padding:1.5% 1.5%;
		width:28%;
		height:280px;
		background:#ffffff;
		border:1px solid #dddddd;
		margin-right:1%;
	}
	.inspirationtitle{
		float:left;
		font-size:13px;
		text-align:left;
	}
	#formbox{
		float:left;
		width:98%;
		margin-right:none;
		padding-right:none;
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px dotted #c1c1c1;
		border-right:none;
	}
	#extracontact{
		float:left;
		width:98%;
	}
	#pinterest960{
		display:none;
	}
	#pinterest650{
		display:block;
	}
	#pinterest480{
		display:none;
	}
	#footerlogo{
		max-width:150px;
	}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	/* main nav */
	#main-nav a {
		font-size: 13px;
	}
	.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
  	margin-top:15px;
  	margin-bottom: -15px;
	margin-left:0px;
  }
	#content{
		text-align:center;
	}
	#profilehome{
		float:left;
		margin-bottom:15px;
		width:40%;
		padding:0 30%;
	}
	.post-title {
		text-align:center;
	}
	.post-image {
		text-align:center;
	}
	#clickbutton{
		float:left;
		text-align:center;
		padding:8px 14px;
		margin: 15px 37% 0 37%;
	}
	#sidebar .widget {
		margin: 0 0 10px 0;
		padding-top:10px;
		text-align:center;
	}
	#serviceicon{
		float:left;
		text-align:right;
		width:22%;
		margin:0;
	}
	.servicetitle{
		float:left;
		width:73%;
		padding-left:5%;
		text-align:left;
	}
	#recentprojects{
		float:none;
		width:64%;
		padding:0 18%;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#recentprojectimage, #recentprojectimagelast{
		float:none;
		text-align:center;
		width:100%;
	}
	#partnerside{
		float:left;
		width:100%;
		margin-top:40px;
		margin-bottom:20px;
	}
	#partnerside img{
		float:left;
		margin:0 18%;
		width:64%;
	}
	#clickbutton{
		float:left;
		padding:8px 0;
		width:50%;
		margin:0 25%;
	}
	#aboutme{
		width:100%;
		margin-bottom:12px;
	}
	#aboutbusiness{
		width:100%;
	}
	#inspirationbox{
		float:left;
		padding:1.5% 1.5%;
		width:45%;
		height:320px;
		background:#ffffff;
		border:1px solid #dddddd;
		margin-right:1%;
	}
	#formbox{
		text-align:left;
	}
	#pinterest960{
		display:none;
	}
	#pinterest650{
		display:none;
	}
	#pinterest480{
		display:block;
	}
	#footerbox, #footerboxlast{
		float:left;
		width:100%;
		line-height:130%;
		margin-bottom:10px;
	}
	#footerlogo{
		max-width:200px;
	}
}