@media screen and (min-width:768px) and (max-width:1230px) {	

	header {
		position: relative;
		margin: 25px 0px -20px 0px;
		border-right: none;
		width: 700px;
		left: 0px;
		top: 0px;
	}

	#mobile_menu_skin {
		display: block;
	}	
	
	#page_content, #cf_gmap iframe {
		width: 400px;
	}
	
	#page_sidebar {
		width: 209px;
	}
	
	input#s {
		width: 198px;
	}
	
	#portfolio {
		margin: 0px;
		margin-bottom: 40px;
	}

	#page {
		margin: 0px 0px 50px 0px;
		width: 700px;
	}

	#portfolio_loader {
		margin-left: 0px;
		margin-top: -30px;
		width: 700px;
		height: 465px;
		background-position: center center;
	}

	#portfolio {
		width: 700px;
	}
	
	#portfolio_image {
		width: 700px;
		height: 465px;
	}
	
	#portfolio_categories_popup {
		bottom: 50px;
	}
	
	#portfolio_image img {
		width: 700px;
		height: auto;
	}
	
	#portfolio_info {
		display: none;
	}
	
	#portfolio_controls {
		margin-left: 40px;
	}

	#portfolio_image .portfolio_portrait {
		margin-left: 180px;
	}

	#portfolio_image .portfolio_portrait img {
		width: auto;
		height: 465px;
		margin-left: 0px;
	}
	
	#portfolio_image iframe {
		width: 700px;
		height: 465px;
	}
			
	nav ul {
		display: none;
	}
	
	.select-menu {
		display: block;
	}

	#logo {
		float: left;
		display: inline;
		margin-bottom: 10px;
	}
	
	#credits {
		display: none;
	}
	
	#wall {
		width:700px; 
		height:500px;
	}
	
	#fullwidth {
		width: 700px;
	}
	
	.gallery_four_column {
		margin-right: 28px;
	}
	
	.gallery_three_column {
		margin-right: 32px;		
	}
	
	footer {
		display: block;
	}
	
	#global {
		width: 700px;
		margin: auto;
	}
	
	.gallery_two_column img {
		width: 327px;
		height: auto;
	}
	
	.gallery_three_column img {
		width: 212px;
		height: auto;
	}

	.gallery_four_column {
		margin-right: 22px;
	}
	
	.gallery_four_column img {
		width: 158px;
		height: auto;
	}

	.gallery_one_column img {
		width: 700px;
		height: auto;
	}

	.gallery_two_column img {
		width: 327px;
		height: auto;
	}
	
	#comments p input {
		width: 388px;
	}
	
	#comments textarea {
		width: 388px;	
	}
	
	#contactForm p input {
		width: 388px;
	}
	
	#contactForm textarea {
		width: 388px;
	}
	
	.blog_post .blog_post_image img {
		width: 400px;
		height: auto;
	}
	
	ul.comment_list li {
		width: 400px;
	}

	ul.comment_list ul li {
		padding-left: 60px;
		width: 340px;
	}		

	ul.comment_list ul ul li  {
		padding-left: 120px;
		width: 280px;
	}		

	ul.comment_list ul ul ul li {
		padding-left: 180px;
		width: 220px;
	}		

	ul.comment_list ul ul ul ul li {
		padding-left: 240px;
		width: 160px;
	}		
	
	.gallery_list_item_info {
		width: 155px;
	}
	
	#wall {
		margin-bottom: -15px;
	}		

	.preloader {
		top: 230px;
		left: 325px;
	}
		
}

@media screen and (min-width:521px) and (max-width:767px) {	
	
	header {
		position: relative;
		margin: 25px 0px 0px 0px;
		border-right: none;
		width: 480px;
		left: 0px;
		top: 0px;
		padding: 0px;
	}

	#mobile_menu_skin {
		display: block;
		top: 0px;
		left: 0px;
		width: 464px;
		position: absolute;
	}	
	
	#page_content, #cf_gmap iframe {
		width: 480px;
		padding: 0px;
		border: none;
	}
	
	#page_sidebar {
		display: none;
	}
	
	#portfolio {
		margin: 0px 0px 30px 0px;
	}

	#page {
		margin: 0px 0px 50px 0px;
		width: 480px;
	}

	#portfolio_loader {
		margin-left: 0px;
		margin-top: -30px;
		width: 480px;
		height: 340px;
		background-position: center center;
	}
		
	nav ul {
		display: none;
	}
	
	nav {
		display: block;
		position: relative;
		float: none;
		width: 300px;
		margin: 0px;
		padding: 0px;
	}
	
	.select-menu {
		display: block;
		position: relative;
		width: 480px;
		margin-bottom: 40px;
	}

	#logo {
		float: none;
		display: inline;
		margin-bottom: 30px;
	}
	
	#credits {
		display: none;
	}
	
	#wall {
		width:480px; 
		height:340px;
	}
	
	#fullwidth {
		width: 480px;
	}
	
	.gallery_four_column img {
		width: 96px;
		height: auto;
	}
	
	.gallery_four_column {
		margin-right: 32px;
	}
	
	.gallery_three_column {
		margin-right: 32px;		
	}
	
	footer {
		display: block;
	}
	
	#global {
		width: 480px;
		margin: auto;
	}
	
	h1.title {
		text-align: center;
	}

	.gallery_two_column img {
		margin-left: 50px;
	}
	
	#portfolio_image {
		width: 480px;
		height: 310px;
	}
	
	#portfolio_image img {
		width: 480px;
		height: auto;
	}

	#portfolio_image .portfolio_portrait {
		margin-left: 120px;
	}

	#portfolio_image .portfolio_portrait img {
		width: auto;
		height: 318px;
		margin-left: 0px;
	}
	
	#portfolio_image iframe {
		width: 480px;
		height: 318px;
	}
	
	#portfolio_thumbs_container {
		display: none;
	}
	
	#portfolio {
		width: 480px;
	}
	
	#portfolio_categories_popup {
		bottom: 40px;
	}
	
	#portfolio_controls {
		margin-left: 0px;
	}
	
	#portfolio_info {
		margin-left: 125px;
	}
	
	.gallery_four_column.last {
		margin-right: 0px;
	}

	.gallery_one_column img {
		width: 480px;
		height: auto;
	}
	
	.gallery_two_column img {
		width: 217px;
		height: auto;
		margin: 0px;
	}
	
	.gallery_three_column {
		margin-right: 24px;
		margin-bottom: 24px;
	}
	
	.gallery_three_column img {
		width: 144px;
		height: auto;
		margin: 0px;
	}	

	#comments p input {
		width:468px;
	}
	
	#comments textarea {
		width: 468px;	
	}
	
	#contactForm p input {
		width: 468px;
	}
	
	#contactForm textarea {
		width: 468px;
	}

	.blog_post .blog_post_image img {
		width: 480px;
		height: auto;
	}

	ul.comment_list li {
		width: 480px;
	}

	ul.comment_list ul li {
		padding-left: 60px;
		width: 420px;
	}		

	ul.comment_list ul ul li {
		padding-left: 120px;
		width: 360px;
	}		

	ul.comment_list ul ul ul li {
		padding-left: 180px;
		width: 300px;
	}		

	ul.comment_list ul ul ul ul li {
		padding-left: 240px;
		width: 240px;
	}		

	ul.comment_list ul ul ul ul ul li {
		padding-left: 300px;
		width: 180px;
	}		

	#portfolio_categories_popup {
		bottom: 42px;
	}

	#wall {
		margin-bottom: -15px;
	}	
	
	.preloader {
		top: 150px;
		left: 214px;
	}
	
}

@media screen and (max-width:520px) {	

	html,body {
		overflow-x: hidden;
	}
		
	header {
		position: relative;
		margin: 25px 0px 0px 0px;
		border-right: none;
		width: 280px;
		left: 0px;
		top: 0px;
	}
	
	#page_content, #cf_gmap iframe {
		width: 280px;
		padding: 0px;
		border: none;
	}
	
	#cf_gmap iframe {
		height: 200px;
	}

	#mobile_menu_skin {
		display: block;
		top: 0px;
		left: 0px;
		width: 264px;
		position: absolute;
	}	

	nav ul {
		display: none;
	}
	
	nav {
		display: block;
		position: relative;
		float: none;
		margin: 0px;
		padding: 0px;
	}
	
	.select-menu {
		display: block;
		position: relative;
		width: 280px;
		margin-bottom: 40px;
	}
	
	#portfolio {
		margin: 0px 0px 30px 0px;
	}

	#page {
		margin: 0px 0px 50px 0px;
		width: 280px;
	}

	#portfolio_loader {
		margin-left: 0px;
		margin-top: -30px;
		width: 280px;
		height: 212px;
		background-position: center center;
	}
	
	#logo {
		float: none;
		display: inline;
		margin-bottom: 30px;
	}
	
	#credits {
		display: none;
	}
	
	#wall {
		width:280px; 
		height:260px;
	}
	
	#fullwidth {
		width: 280px;
	}
		
	.gallery_three_column {
		margin-right: 32px;		
	}
	
	footer {
		display: block;
	}
	
	#global {
		width: 280px;
		margin: auto;
	}
	
	h1.title {
		text-align: center;
	}

	.gallery_two_column img {
		margin-left: 50px;
	}
	
	#portfolio_image {
		width: 280px;
		height: 180px;
	}
	
	#portfolio_image img {
		width: 280px;
		height: auto;
	}

	#portfolio_image .portfolio_portrait {
		margin-left: 75px;
	}

	#portfolio_image .portfolio_portrait img {
		width: auto;
		height: 187px;
		margin-left: 0px;
	}
	
	#portfolio_image iframe {
		width: 280px;
		height: 187px;
	}
	
	#portfolio_thumbs_container {
		display: none;
	}
	
	#portfolio {
		width: 280px;
	}
	
	#portfolio_categories_popup {
		bottom: 40px;
	}
	
	#portfolio_controls {
		margin-left: 0px;
		z-index: 9999;
	}
	
	#portfolio_info {
		float: right;
	}
	
	#portfolio_categories {
		display: block;
		margin: 0px;
		padding: 0px;
		float: left;
		margin-top: 17px;
	}
	
	#portfolio_categories #portfolio_toggle_button {
		display: none;
	}
	
	.portfolio-menu {
		display: block;
		width: 110px;
		position: absolute;
	}

	.gallery_four_column img {
		width: 55px;
		height: auto;
	}
	
	.gallery_four_column {
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.gallery_two_column {
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.gallery_two_column img {
		width: 130px;
		height: auto;
		margin: 0px;
	}

	.gallery_one_column img {
		width: 280px;
		height: auto;
	}

	#comments p input {
		width: 268px;
	}
	
	#comments textarea {
		width: 268px;	
	}
	
	#contactForm p input {
		width: 268px;
	}
	
	#contactForm textarea {
		width: 268px;
	}
	
	#page_sidebar {
		margin: 0px;
		padding: 0px;
		width: 280px;
		border-top: 1px solid #eee;
		margin-top: 30px;
		padding-top: 25px;
	}
	
	#post_links_right,#post_links_left {
		width: 130px;
	}

	.gallery_three_column {
		margin-right: 22px;
		margin-bottom: 22px;
	}
	
	.gallery_three_column img {
		width: 78px;
		height: auto;
		margin: 0px;
	}	

	.blog_post .blog_post_image img {
		width: 280px;
		height: auto;
	}
	
	#page_sidebar .widget:last-child {
		border: none;
		margin-bottom: -50px;
	}
	
	ul.comment_list li .comment_avatar img {
		width: 30px;
		height: auto;
	}

	ul.comment_list li .comment_time {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	#comments ul.comment_list li div.comment_content {
		margin: 0px;
		padding: 0px;
	}

	ul.comment_list li {
		width: 280px;
	}

	ul.comment_list ul li {
		padding-left: 40px;
		width: 240px;
	}		

	ul.comment_list ul ul li {
		padding-left: 80px;
		width: 200px;
	}		

	ul.comment_list ul ul ul li {
		padding-left: 120px;
		width: 160px;
	}		

	ul.comment_list ul ul ul ul li {
		padding-left: 160px;
		width: 80px;
	}		

	.gallery_list_item_info {
		width: 220px;
	}
	
	#wall {
		margin-bottom: -15px;
	}	

 	#portfolio_categories_popup {
		display: none;
	}			

	.preloader {
		top: 110px;
		left: 120px;
	}

}