/****************************
    - Tablet (Portrait) -
****************************/
@media only screen and (min-width:768px) and (max-width:960px) {
	
	#page_content_wrapper {
		width:743px;
		padding-bottom:0;
	}
	
	#page_caption h1 {
		font-size:28px;
	}
	
	#page_caption table td.divider {	
		background-position:0px 22px;
	}
	
	#page_content_wrapper .inner #page_main_content {
		margin-top:0;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width {
		width:720px;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width img {
		max-width:693px;
	}
	
	.personal_contact, 
	.page_control {
		visibility:hidden;
		display:none;
	}
	
	.gallery_social {
		opacity:0;
	}
	
	.portfolio_header h6 {
		width:89%;
	}
	
	#page_content_wrapper .inner .sidebar_content {
		width:480px;
		padding-right:5px;
	}
	
	#page_content_wrapper .inner .sidebar_content img, 
	#page_content_wrapper .inner .sidebar_content iframe {
		max-width:480px;
	}
	
	.comment .right {
		width:56%;
	}
	
	ul.children div.comment .right {
		width:64.5%;
	}
	
	#content_wrapper ul.children ul.children {
		width:77%;
	}
	
	#thumb-tray {
		display:none;
		visibility:hidden;
	}
	
	.one_full, .one_full .overlay {
		width:693px;
	}
	
	.one_full img {
		width:693px;
	}
	
	.one_half {
		width:341px;
	}
	
	.one_half.gallery2, 
	.one_half.gallery2 .one_half_img, 
	.one_half.gallery2 img,
	.one_half.portfolio2 img {
		width:341px;
		height:341px;
	}
	
	.one_half.portfolio_desc {
		height:130px;
	}
	
	.one_third {
		width:225px;
	}
	
	.one_third.gallery3, 
	.one_third.gallery3 .one_third_img, 
	.one_third.portfolio3 img {
		width:225px;
		height:225px;
	}
	
	.one_third.portfolio_desc {
		height:150px;
	}
	
	.one_fourth {
		width:168px;
	}
	
	.one_fourth.gallery4, 
	.one_fourth.gallery4 .one_fourth_img, 	
	.one_fourth.portfolio4 img {
		width:168px;
		height:168px;
	}
	
	.one_fourth.portfolio_desc {
		height:125px;
	}
	
	.one_fourth.portfolio_desc h6 {
		font-size:14px;
	}
	
	#page_content_wrapper .inner .sidebar_wrapper {
		width:190px;
	}
	
	.post_header h5 {
		font-size:20px;
	}
	
	#page_content_wrapper .sidebar .content .sidebar_widget li h2 {
		font-size:18px;
	}
}

/****************************
    - Mobile (Portrait) -
****************************/
@media only screen and (max-width:767px) {
	
	.left_bar, .right_bar {
		width:5px;
	}
	
	iframe, div.frame {
		max-width:255px;
		height:auto;
	}
	
	.footer_bar {
		height:5px;
	}
	
	.logo_wrapper {
		padding :0;
		margin-left:5px;
	}
	
	.top_bar {
		height:40px;
	}
	
	.logo_wrapper img {
		max-width:150px;
		max-height:40px;
	}
	
	h1, h2, h3, h4, h5 {
		letter-spacing:0;
	}
	
	h1 {
		font-size:24px;
	}
	
	h2 {
		font-size:22px;
	}
	
	h3 {
		font-size:20px;
	}
	
	h4 {
		font-size:18px;
	}
	
	h5 {
		font-size:16px;
	}
	
	h6 {
		font-size:14px;
	}
	
	#kenburns_desc, 
	#kenburns_title {
		display:none;
	}
	
	#page_content_wrapper {
		position:static;
		height:auto;
		min-height:100%;
		margin-top:0;
	}
	
	#page_content_wrapper .inner #page_main_content {
		margin-top:0;
	}
	
	#page_content_wrapper {
		width:305px;
		padding-top:40px;
	}
	
	#page_content_wrapper .inner .sidebar_content {
		width:305px;
		margin-top:0;
		padding-top:10px;
		padding-bottom:0;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width {
		width:255px;
	}
	
	#page_content_wrapper .inner #page_caption.sidebar_content.full_width {
		padding-bottom:20px;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width img {
		max-width:255px;
		height:auto;
	}
	
	#page_content_wrapper .inner .sidebar_wrapper {
		width:305px;
		margin-left:5px;
	}
	
	.gallery_social {
		opacity:0;
	}
	
	.portfolio_header h6 {
		width:31%;
		font-size:12px;
	}
	
	#page_content_wrapper .inner .sidebar_content img {
		max-width:255px;
		height:auto;
	}
	
	.comment_arrow {
		display:none;
	}
	
	.comment .right {
		width:27%;
	}
	
	ul.children div.comment .right {
		width:50%;
	}
	
	ul.children div.comment ul.children div.comment .right {
		width:50%;
	}
	
	#content_wrapper ul.children ul.children {
		width:100%;
	}
	
	ul.children .comment {
		margin-left:17px;
	}
	
	#content_wrapper ul.children {
		border:0;
	}
	
	#content_wrapper ul.children ul.children {
		margin-left:-16px;
	}
	
	.comment_wrapper #respond {
		margin-left:20px;
	}
	
	.comment_wrapper ul.children #respond {
		margin-left:-55px;
	}
	
	.project_thumb {
		display:none;
	}
	
	.project_content {
		float:none;
		width:265px;
		padding:20px 15px 0 15px;
		clear:both;
		height:240px;
		overflow-y:auto;
	}
	
	.project_content h4 {
		font-size:18px;
	}
	
	.nav, .subnav, .nav_page_number {
		display:none;
	}
	
	#menu_border_wrapper select {
		display:block;
	}
	
	#page_caption h1 {
		font-size:24px;
	}
	
	#page_caption table td.divider {	
		background-position:0px 17px;
	}
	
	.one_full, .one_full .overlay {
		width:255px;
	}
	
	.one_full img {
		width:255px;
	}
	
	.one_half.gallery2, 
	.one_half.portfolio2 {
		width:122px;
		height:122px;
	}
	
	.one_half.gallery2 img, 
	.one_half.portfolio2 img {
		width:122px;
		height:auto;
	}
	
	.one_third.gallery3, 
	.one_third.portfolio3 {
		width:79px;
		height:79px;
	}
	
	.one_third.gallery3 img, 
	.one_third.portfolio3 img {
		width:79px;
		height:auto;
	}
	
	.one_fourth.gallery4, 
	.one_fourth.portfolio4 {
		height:59px;
		width:59px;
	}
	
	.one_fourth.gallery4 img, 
	.one_fourth.portfolio4 img {
		width:59px;
		height:auto;
	}
	
	.tf_thumbs {
		display:none;
	}
	
	.tf_next, 
	.tf_prev {
		top:70%;
		right:40px;
	}
	
	.tf_prev {
		margin-top:-10px;
	}
	
	.portfolio_desc {
		display:none;
	}
	
	.post_img {}
	
	.post_date {
		width:60px;
		height:70px;
	}
	
	.post_date .month, 
	.post_date .year {
		font-size:11px;
		margin-top:-10px;
	}
	
	.post_date .month {
		margin-top:10px;
	}
	
	.post_date .date {
		font-size:26px;
		margin-top:-10px;
	}
	
	.post_header {
		width:65%;
	}
	
	.post_header h5 {
		font-size:16px;
	}
	
	blockquote {
		width:75%;
	}
	
	.nav_wrapper_inner {
		padding-top:10px;
	}
	
	#imageFlow {
		top:18%;
	}
	
	#progress-back, 
	#thumb-tray {
		visibility:hidden;
	}
	
	#respond {
		margin-bottom:0;
	}
	
	.page_control {
		visibility:hidden;
	}
	
	.post_wrapper {
		width:285px;
		margin-top:0;
	}
	
	.social_wrapper {
		display:none;
	}
	
}

/*****************************
    - Tablet (Landscape) -
*****************************/
@media only screen and (min-width:480px) and (max-width:767px) {

	.left_bar, 
	.right_bar {
		width:5px;
	}
	
	iframe, 
	div.frame {
		max-width:430px;
		height:auto;
	}
	
	.footer_bar {
		height:5px;
	}
	
	.logo_wrapper {
		padding :0;
		margin-left:5px;
	}
	
	.top_bar {
		height:40px;
	}
	
	.logo_wrapper img {
		max-width:150px;
		max-height:40px;
	}
	
	h1, h2, h3, h4, h5 {
		letter-spacing:0;
	}
	
	h1 {
		font-size:24px;
	}
	
	h2 {
		font-size:22px;
	}
	
	h3 {
		font-size:20px;
	}
	
	h4 {
		font-size:18px;
	}
	
	h5 {
		font-size:16px;
	}
	
	h6 {
		font-size:14px;
	}
	
	#kenburns_desc, 
	#kenburns_title {
		display:none;
	}
	
	#page_content_wrapper {
		position:static;
		height:auto;
		min-height:100%;
		margin-top:0;
		padding-bottom:10px;
	}
	
	#page_content_wrapper .inner #page_main_content {
		margin-top:0;
		padding-top:0;
	}
	
	#page_content_wrapper {
		width:480px;
		padding-top:40px;
	}
	
	#page_content_wrapper .inner .sidebar_content {
		width:430px;
		margin-top:0;
		padding-top:0px;
		padding-bottom:0;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width {
		width:430px;
	}
	
	#page_content_wrapper .inner #page_caption.sidebar_content.full_width {
		padding-bottom:20px;
	}
	
	#page_content_wrapper .inner .sidebar_content.full_width img {
		max-width:430px;
		height:auto;
	}
	
	#page_content_wrapper .inner .sidebar_wrapper {
		width:470px;
		margin-left:5px;
	}
	
	.personal_contact, 
	.page_control {
		visibility:hidden;
		display:none;
	}
	
	.gallery_social {
		opacity:0;
	}
	
	.portfolio_header h6 {
		width:31%;
		font-size:12px;
	}
	
	#page_content_wrapper .inner .sidebar_content img {
		max-width:430px;
	}
	
	.comment_arrow {
		display:none;
	}
	
	.comment .right {
		width:54%;
	}
	
	ul.children div.comment .right {
		width:69%;
	}
	
	ul.children div.comment ul.children div.comment .right {
		width:50%;
	}
	
	#content_wrapper ul.children ul.children {
		width:100%;
	}
	
	ul.children .comment {
		margin-left:17px;
	}
	
	#content_wrapper ul.children {
		border:0;
	}
	
	#content_wrapper ul.children ul.children {
		margin-left:-16px;
	}
	
	.comment_wrapper #respond {
		margin-left:20px;
	}
	
	.comment_wrapper ul.children #respond {
		margin-left:-55px;
	}
	
	.project_thumb {
		display:none;
	}
	
	.project_content {
		float:none;
		width:450px;
		padding:20px 15px 0 15px;
		clear:both;
		height:120px;
		overflow-y:auto;
		background-color:blue;
	}
	
	.project_content h4 {
		font-size:18px;
	}
	
	.nav, .subnav, .nav_page_number {
		display:none;
	}
	
	#menu_border_wrapper select {
		display:block;
		clear:both;
	}
	
	#page_caption h1 {
		font-size:24px;
	}
	
	#page_caption table td.divider {	
		background-position:0px 17px;
	}
	
	.one_full, .one_full .overlay {
		width:430px;
	}
	
	.one_full img {
		width:430px;
	}
	
	.one_half.gallery2, 
	.one_half.portfolio2 {
		width:210px;
		height:210px;
	}
	
	.one_half.gallery2 img, 
	.one_half.portfolio2 img {
		width:210px;
		height:auto;
	}
	
	.one_third.gallery3, 
	.one_third.portfolio3 {
		width:138px;
		height:138px;
	}
	
	.one_third.gallery3 img, 
	.one_third.portfolio3 img {
		width:138px;
		height:auto;
	}
	
	.one_fourth.gallery4, 
	.one_fourth.portfolio4 {
		height:103px;
		width:103px;
	}
	
	.one_fourth.gallery4 img, 
	.one_fourth.portfolio4 img {
		width:103px;
		height:auto;
	}
	
	.tf_thumbs {
		display:none;
	}
	
	.tf_next, 
	.tf_prev {
		top:50%;
		right:40px;
	}
	
	.tf_prev {
		margin-top:-5px;
	}
	
	.portfolio_desc {
		display:none;
	}
	
	.post_img {}
	
	.post_date {
		width:60px;
		height:70px;
		margin-top:0;
	}
	
	.post_date .month, 
	.post_date .year {
		font-size:11px;
		margin-top:-10px;
	}
	
	.post_date .month {
		margin-top:10px;
	}
	
	.post_date .date {
		font-size:26px;
		margin-top:-10px;
	}
	
	.post_header {
		width:80%;
		margin-top:0;
	}
	
	.post_header h5 {
		font-size:16px;
	}
	
	blockquote {
		width:75%;
	}
	
	.one_half.gallery2 .one_half_img, 
	.one_third.gallery3 .one_third_img, 
	.one_fourth.gallery4 .one_fourth_img {
		height:auto;
	}
	
	h1.menu_header {
		display:none;
	}
	
	.nav_wrapper_inner {
		padding-top:10px;
	}
	
	.social_wrapper {
		display:none;
	}
	
	#imageFlow {
		top:18%;
	}
	
	#progress-back, #thumb-tray {
		visibility:hidden;
	}
	
	#respond {
		margin-bottom:0;
	}
	
	.page_control {
		top:-5px;
	}
	
	.post_wrapper {
		width:430px;
	}
	
}