/*-----------------------------------------------------------------------------------
iPhone
-----------------------------------------------------------------------------------*/

@media only screen and (max-width:750px) {
	
	html {
		min-width: 100%;
	}

	body {
		min-width: 300px;
		margin: 0 auto;
	}

	.container_12 {
		padding: 0;
		width: 300px;
	}
	
	.container_12 .grid_12 {
		width: 100%;
	}
	
	.wrap {
		padding: 30px 0;
	}
	
	/* Header */
	
	header {
		width: 300px;
		margin: 0 auto;
	}
	
	header .logo h1{
		width: 230px;
		margin: 0 auto 30px auto!important;
		text-align: center;
	}
	
	header nav {
		padding: 0;
		float: left;
		text-align: center;
	}
	
	header .grid_4 {
		display: block!important;
	}
	
	.logo .grid_4 {
		float: none;
		margin: 0;
		display: block!important;
	}
	
	.logo {
		float: none;
	}
	
	header nav ul ul li {
		text-align: left;
	}
	
	.page-heading {
		font-size: 16px!important;
	}
	
	.social {
		width: 260px;
		float: left;
	}
	
	.social ul {
		margin: 0 auto;
		text-align: center;
	}
	
	.social ul li {
		margin: 0 10px;
		display: inline;
	}
		
	/* Sidebar */
	
	#sidebar {
	    width: 100%;
	}
	
	footer .container_12 {
		width: 300px;
		margin: 0 auto;
	}
	
	footer .widget {
		max-width: 93%!important;
	}
	
	footer .grid_4{
		width: 300px!important;
		margin-left: 0;
		margin-right: 0;
	}
	
	footer .grid_8{
		width: 300px!important;
		margin-left: 0;
		margin-right: 0;
	}
	
	.footernav {
		text-align: center;
	}
	
	.footernav nav {
		float: none;
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	
	.footernav nav ul {
		text-align: center;
		display: inline-block;
	}
	
	.tj_flickr_widget .flickrwidget .flickrwidget-inner {
		margin-right: 0;
	}
	
	/* Homepage Template - Slider */
	
	#tj-slider {
		width: 300px;
		min-height: 175px;
		clear: both;
	}
	
	#tj-slider p {
		display: none;
	}
	
	/* Homepage Template - Projects */
	
	.home-projects {
		width: 300px;
		height: 175px;
		margin: 0 auto;
	}
	
	.home-projects .mosaic-block {
		float: left;
		position: relative;
		overflow: hidden;
		width: 300px;
		height: 175px;
		background: #fff;
	}
	
	.flex-direction-nav {
		display: none;
	}
	
	/* Homepage Template - Hello Message */
	
	.home-message {
		font-size: 99%;
		margin-top: 35px;
	}
	
	/* Homepage Template - Blog */
	
	.home-posts {
		overflow: hidden;
	}
	
	/* Homepage Template - Testimonial */
	
	.testimonial p {
		font-size: 99%;
	}
	
	/* Pages */
	
	.page .grid_9 {
		width: 300px;
	}
	
	.page-sidebar .entry-content {
		width: 100%
	}
	
	.contact input[type="text"], 
	.contact input[type="email"], 
	.contact input[type="url"],
	.contact textarea {
		width: 92%;
	}
	
	/*  Portfolio - Paginated */
	
	.portfolio-list-thumb {
		width: 300px;
	}
	
	.portfolio-list .portfolio-list-meta {
		width: 300px;
		padding: 35px 0;
		border-bottom: 3px solid #eeeeee;
	}
	
	/*  Portfolio - Filtered */
	
	#sort-by ul li {
		margin-bottom: 15px;
	}
	
	.portfolio-filter,
	.isotope {
		min-width: 300px;
	}
	
	/* Single Portfolio */
	
	.portfolio-view .grid_3 {
		width: 100%;
		margin: 35px 0 0 0;
	}
	
	.portfolio-media {
		min-height: auto;
	}
	
	/* Single Portfolio - Releated Items */
	
	.portfolio-view .grid_9 {
		max-width: 300px;
	}
	
	.portfolio-related article {
		width: 300px;
		margin-right: 10px;
	}
	
	.jp-jplayer {
		min-height: 150px;
		background: none;
	}
	
	div.jp-interface {
		max-width: 85%;
	}
	
	.jp-progress {
		width: 40%;
	}
	
	/* Blog Posts */
	
	.blog .container_12 .grid_9,
	.single .container_12 .grid_9 {
		margin-left: 0;
		width: 300px;
	}
	
	article.post {
		width: 300px;
	}
	
	.post .flexslider {
		width: 300px;
	}
	
	.commentlist .depth-1,
	.commentlist .depth-2,
	.commentlist .depth-3,
	.commentlist .depth-4,
	.commentlist .depth-5,
	.commentlist .depth-6,
	.commentlist .depth-7 {
		margin-left: 0;
		width: 260px;
		padding: 0 20px;
	}
	
	img.avatar {
		display: none;
	}
	
	#respond form {
		width: 280px;
	}
	
	#respond label {
		text-align: left;
		margin: 0 0 15px 0;
	}
	
	#respond input[type="submit"] {
		margin-left: 0;
	}
	
	.blog .pagination-default {
		margin-bottom: 35px;
		float: left;
	}
	
	.bypostauthor {
		display: none;
	}
	
	/* Widgets */
	
	/* TJ Posts Widget - Single Post */
	
	.single-post-bottom {
		clear: both;
		display: block;
	}
	
	.single-post-bottom .widget {
		border: none;
		padding-top: 0;
	}
	
	.single-post-bottom .tj-posts-widget {
		clear: both;
		display: block;
	}
	
	.single-post-bottom .tj-posts-widget article {
		width: 100%;
		min-height: 60px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: solid 1px #eeeeee;
		border-right: none;
		float: left;
		clear: both;
	}
	
	.single-post-bottom .tj-posts-widget article:first-child {
		padding-left: 0;
	}
	
	.single-post-bottom .tj-posts-widget article:last-child {
		margin-right: 0;
		border-right: none;
	}
	
	.single-post-bottom .tj-posts-widget-featured-img {
		width: 60px;
		height: 60px;
		margin: 0 20px 0 0;
		float: left;
	}
	
	.single-post-bottom .tj-posts-widget-post-title h4 {
		font-size: 1em;
		margin: 0 0 0.75em 0;
		color: #394451;
		overflow: none;
		display: block;
	}
	
	.single-post-bottom .tj-posts-widget-post-title h4 a {
		font-size: 1em;
		color: #aaa;
	
	}
	
	.single-post-bottom .tj-posts-widget-post-title h4 a:hover {
		color: #E0645C;
	
	}

}

/*-----------------------------------------------------------------------------------
iPad
-----------------------------------------------------------------------------------*/

@media screen and (min-width:751px) and (max-width:970px) {
	
	body {
		min-width: 100%;
		margin: 0 auto;
	}

	.container_12 {
		padding: 0;
		width: 680px;
	}
	
	.container_12 .grid_12 {
		width: 95%!important;
	}
	
	/* Header */
	
	header {
		width: 680px;
	}
	
	.fullwidth {
		margin: 0 auto 30px auto;
	}
	
	header .logo h1{
		width: 680px;
		margin: 0 auto 30px auto!important;
		text-align: center;
	}
	
	header nav {
		width:  100%;
		padding: 0;
		float: left;
		text-align: center;
	}
	
	header nav ul ul li {
		text-align: left;
	}
	
	.page-heading .container_12{
		width: 680px!important;
		margin: 0 auto 60px auto;
	}
	
	.social {
		width: 1000px;
	}
	
	.social ul {
		margin: 0 auto;
		text-align: center;
	}
	
	.social ul li {
		margin: 0 10px;
		display: inline;
	}
	
	/* Sidebar */
	
	#sidebar {
		width: 100%;
		margin: 50px 0 0 0;
	}
	
	#sidebar .tj_recent_portfolios_widget article {
		width: 205px;
		margin: 0 10px 20px 0;
	}
	
	/* Footer */
	
	footer .container_12 {
		width: 700px;
	}
	
	footer .grid_4{
		width: 210px!important;
	}
	
	.footernav {
		text-align: center;
	}
	
	.footernav .grid_4,
	 .footernav .grid_8 {
		width: 680px!important;
		text-align: center;
	}
	
	.footernav nav {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.footernav nav ul {
		text-align: center;
		display: inline-block;
	}
	
	/* Homepage Template - Projects Slider */
	
	#tj-slider {
		width: 680px;
	}
	
	/* Homepage Template - Projects */
	
	.home-projects {
		width: 680px;
		margin: 0 auto;
	}
	
	.home-projects .mosaic-block {
		float: left;
		position: relative;
		overflow: hidden;
		width: 680px;
		height: 385px;
		background: #fff;
	}
	
	/* Pages */
	
	.page .grid_9 {
		max-width: 680px;
	}
	
	/*  Portfolio - Paginated */
	
	.portfolio-list .portfolio-list-meta {
		width: 100%;
		padding: 35px 0;
		border-bottom: 3px solid #eeeeee;
	}
	
	/* Single Portfolio */
	
	.portfolio-view .grid_3 {
		width: 100%;
		margin: 35px 0 0 0;
	}
	
	.portfolio-media {
		min-height: auto;
	}
	
	/* Single Portfolio - Releated Items */
	
	.portfolio-related article {
		width: 200px;
		margin-right: 10px;
	}
	
}