img{
	max-width:100%;
	height:auto;
}
#container,.carousel-container,.footer_inner{width:90%;}
@media screen and (max-width: 778px){
	/*Menu Changes*/
	#menu_container {
	  left: 0;
	  margin: 0;
	  position: fixed;
	  top: 5%;
	  width: auto;
	  z-index:10000;
	  opacity:0.2;
	}
	#menu_container:hover{
		opacity:1;
	}
	#primary-nav ul {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		
		background: #E16E6E;
		border: medium none;
		padding: 5px;
	}
	#primary-nav ul li {
	  display: block;
	  text-align: left;
	}
	#primary-nav ul a {
	  padding: 6px 8px 9px;
	}
	#primary-nav ull li:hover ul, #primary-nav ul li.sfHover ul {
	  left: 100px;
	  top: 0;
	  z-index: 99;
	}
	#contactForm li.textarea textarea{
		width:90% !important;
	}
	.page .archive-lists .post_title h4{
		display:block;
		text-align:left !important;
	}
	.page .archive-lists .right-entry{
		width:90%;
		margin-left:0 !important;
	}
}


@media screen and (max-width: 900px) and (min-width: 768px){
	/*IPAD portrait*/
	.home .content {
	  margin: 60px auto 0 !important;
	  width: 68%;
	}
	.blog .content {
	  margin: 40px auto 0;
	  width: 80%;
	}
	.home #recent-portfolio ul.image-grid li, #related-projects li, #skills .progress_bar {
	  margin: 0 20px 40px 0 !important;
	}
	.clients span {
	  float: left;
	  margin: 0 4%;
	}
	.grid_three {
	  margin: 0 0 10% 6% !important;
	  width: 35%;
	}
	.tz_flickr_widget{
		width:60%;
	}
}

@media screen and (max-width: 480px)  and (min-width: 320px){
	#container,.carousel-container,.footer_inner{width:100%;margin:0;}
	
	.home .content {
	  margin: 60px auto 0 !important;
	  width: 100%;
	}
	.home #recent-portfolio ul.image-grid li, #related-projects li, #skills .progress_bar {
	  margin: 0 15px 40px 0 !important;
	}
	.home .main_title .title_inner_wrap{
		padding:0 !important;
		display:block !important;
	}
	.clients span {
	  float: left;
	  margin: 0 4%;
	}
	.grid_three {
	  margin: 0 0 10% 4% !important;
	  width: 94%;
	}
	.tz_flickr_widget{
		width:100%;
	}
}

@media screen and (max-width: 320px){
	#container,.footer_inner{width:100%;}	
	.home .content {
	  margin: 30px auto 0 !important;
	  width: 100%;
	}
	#navigation ul#social_bar li a{
		font-size:0px;
	}
	#primary-nav ul {
		font-size:11px;
		padding:0;
	}
	.carousel-container,.attribution{
		display:none;
	}
	#recent-portfolio ul.image-grid li, #skills .progress_bar{
		margin:0 40px 60px !important;
	}
	.clients span {
	  float: left;
	  margin: 0 4%;
	}
	.grid_three {
	  margin: 0 0 10% 4% !important;
	  width: 94%;
	}
	.tz_flickr_widget{
		width:100%;
	}
}

/* END of response for body home*/
.post-content {
  float: none;
  margin: 0 auto;
  width: 90%;
}
.sidebar {
  display: inline-block;
  float: none;
  margin: 60px 0 0;
  width: 100%;
}
.sidebar .widget {
  float: left;
  margin: 0 0 40px 40px;
  width: 200px;
}
.hentry .left-entry, .single-post .left-entry, .single-portfolio .left-entry{
	width:100%;
}
.blog .hentry .right-entry, .archive .hentry .right-entry, .search .hentry .right-entry{
	margin-left:0 !important;
}
.hentry .post_title h4 {
  text-align: center;
}

.single-portfolio .hentry .post_title h4,.single-portfolio .left-entry{
	text-align:left;
}
.single-portfolio .post-content,.single-portfolio .right-entry{
	width:90%;
}

.hentry .left-entry .post-type, .hentry .entry-meta {
  background: none;
  display: block;
  text-align: center;
}
.hentry .entry-meta span {
  display: inline-block;
  margin-left: 5px;
}
.navigation {
  margin-left: 0;
}