/* Mobile */
@media only screen and (max-width: 480px) {
	
	#wrapper {
		width: 320px;
	}
		
	.no-mobile, .menu-no-mobile {
		display: none;
	}
	
	.select-menu {
		display: block;
		width: 280px;
	}
	
	#main, .right-sidebar #main, .left-sidebar #main {
		width: 280px;
		border: 0;
	}
	
	#sidebar {
		clear: both;
		float: none;
		width: 280px;
	}
	
	#container-portfolio li {
		margin: 0 0 20px 0;
	}
	
	#container-portfolio li:nth-child(2n) {
		margin-right: 0!important;
	}
	
	#filter {
		padding: 20px 20px 0 20px;
	}

		#filter ul li {
			float: left;
			margin: 0 10px 20px 0;
			height: 35px;
		}
		
	#contact-form input[type="text"] {
		width: 50%;
	}
	
	#contact-form .contact-form-select {
		width: 55%;
	}
	
	.page-title {
		padding: 20px;
	}
		
		.page-title h1 {
			width: 100%;
			max-width: 100%;
			margin: 0;
		}
		
		.page-title-sep {
			clear: both;
			width: 100%;
			margin: 5px 0 10px 0;
		}
		
		.page-title p {
			margin: 0 0 10px 0;
		}
		.page-title #searchform {
			clear: both;
			float: none;
			width: 100%;
		}
		
		.page-title #searchform input {
			width: 270px;
			margin: 0;
		}
		
		.footer_widgets > div, .header_widgets > div{
			clear: both;
			float: none;
			width: 100%;
			margin: 0 0 20px 0;
		}
		
		#sitemap-list {
			margin-bottom: 10px;
		}
		
		#inner-header, .footer_meta {
			text-align: center;
		}
		
		#social-media { 
			clear: both;
			float: none;
			display: inline-block;
		}
		
		#logo {
			float: none;
			display: inline-block;
			max-width: 320px;
			margin: 0 0 10px 0;
		}
		
	
		#sitemap-list, .copyright {
			float: none;
			display: inline-block;
		}
	
		.flexslider {
			width: 320px!important;
			height: 133px!important;
		}
		
			.flexslider .slides > li {
				height: 133px!important;
			}
		
		.flexslider iframe {
			border: 0;
			width: 320px!important;
			height: 133px!important;
		}
		
		.flex-caption {
			width: 300px;
			font-size: 11px;
			line-height: 16px;
		}
		
	
		.call-to-action {
			width: 280px;
			text-align: center;
		}
		
		.cta-big p {
			width: 280px;
			margin: 0 0 10px 0;
		}
		
		.cta-big .call-to-action-button {
			float: none;
			display: inline-block;
		}
		
		.teasertext, .latestblog-shortcode { 
			width: 280px;
			margin: 0 0 10px 0;
		}
		
		.latestblog-shortcode .shortcode-one_fourth  {
			float: none;
			width: 280px;
			margin: 0 0 40px 0;
		}
		
		.latestblog-shortcode .blog-image, .latestblog-shortcode .blog-content {
			float: left;
		}
		
		.latestblog-shortcode .blog-image {
			margin: 0 0 20px 0;
			float: none;
		}
		
		.latestblog-shortcode .blog-content {
			width: 280px;
		}
		
		.portfolio-shortcode { 
			width: 280px !important;
			overflow: hidden !important;
			margin: 0;
			padding: 0;
			height: auto;
		}
		
		#contact-form-widget .contact-form-input {
			width: 80%
		}
		
		#contact-form-widget .contact-form-input  input {
			width: 95%
		}
		
		.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
			width: 100%;
			float: none;
			margin: 0 0 40px 0;
		}
		
		.post-thumb {
			height: 200px;
		}
	
		.post-thumb img{
			width: 100%;
			height: 100%;
		}
		
		.author-description {
			width: 73%;
		}
		
		.depth-4 .comment-body, .depth-2 .comment-body, .depth-3 .comment-body {
			clear: both;
			width: 100%;
		}
		
		.depth-2 {
			padding: 20px!important;
		}
		
		.depth-3, .depth-4 {
			padding: 0!important;
		}
		
		#commentform textarea, #contact-form textarea {
			width: 95%;
		}
		
		.blog-container {
			width: 82%;
			padding: 0;
			margin: 0 0 10px 0;
		}
		
		.single-post-categories-text {
			width: 80%;
		}
		
		.post-categories li {
			margin: 0 10px 10px 0;
		}
		
		.post-comments, .post-like-container { 
			float: left;
		}
		
		.single-post-categories-text, .post-tags {
			width: 230px;
		}
		
		.blog-left .blog-container {
			padding: 0;
		}
		
		.small-right-thumb, .small-left {
			width: 280px;
			height: 200px;
		}
		
		.small-right-thumb img, .small-left img {
			width: 100%;
			height: 100%;
		}
		
		.small-left {
			margin: 0 auto 20px auto;
		}
		
		.jp-progress {
			width: 80px;
		}
		
		.jp-sound-controls, .jp-volume-bar {
			display: none!important;
		}
		
		.jp-interface, .post-audio, .post-video {
			width: 278px;
		}		

		.audio-content, .video-content, .image-content, .link-content, .standard-blog-content, .aside-content {
			float: left;
			width: 81%;
		}
		
		 .quote-content {
			width: 75%;
		 }
	
		.post, .blog-divider {
			margin: 0 0 25px 0;
		}
		
		.blogmeta-container-small span, .blogmeta-container span {
			clear: both;
			float: none;
			width: 100%;
			display: block;
		}
}

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

	#wrapper {
		width: 480px;
	}
		
	.no-mobile, .menu-no-mobile {
		display: none;
	}
	
	.select-menu {
		display: block;
	}
	
	#main, .right-sidebar #main, .left-sidebar #main {
		width: 440px;
		border: 0;
	}
	
	#sidebar {
		clear: both;
		float: none;
		width: 440px;
	}
	
	#container-portfolio li {
		margin: 0 10px 10px 0;
	}
	
	#container-portfolio li:nth-child(2n) {
		margin-right: 0!important;
	}
	
	#filter {
		padding: 20px 20px 0 20px;
	}

		#filter ul li {
			float: left;
			margin: 0 10px 20px 0;
			height: 35px;
		}
		
	.page-title {
		padding: 20px;
	}
		
		.page-title h1 {
			width: 100%;
			max-width: 100%;
			margin: 0;
		}
		
		.page-title-sep {
			clear: both;
			width: 100%;
			margin: 5px 0 10px 0;
		}
		
		.page-title p {
			margin: 0 0 10px 0;
		}
		.page-title #searchform {
			clear: both;
			float: none;
			width: 100%;
		}
		
		.page-title #searchform input {
			width: 430px;
			margin: 0;
		}
		
		.footer_widgets > div, .header_widgets > div{
			clear: both;
			float: none;
			width: 100%;
			margin: 0 0 20px 0;
		}

		#sitemap-list {
			margin-bottom: 10px;
		}
		
		#inner-header, .footer_meta {
			text-align: center;
		}
		
		#social-media { 
			clear: both;
			float: none;
			display: inline-block;
		}
		
		#logo {
			float: none;
			display: inline-block;
			width: 100%;
			margin: 0 0 10px 0;
		}
		
		#sitemap-list, .copyright{
			float: none;
			display: inline-block;
		}
	
		.flexslider {
			width: 480px;
			height: 200px;
		}
		
		.flexslider .slides > li {
			height: 200px;
		}
		
		.flexslider iframe {
			border: 0;
			width: 480px;
			height: 200px;
		}
		
		.flex-caption {
			width: 460px;
			font-size: 11px;
			line-height: 16px;
		}
		
		.call-to-action {
			width: 440px;
			text-align: center;
		}
		
		.cta-big p {
			width: 440px;
			margin: 0 0 10px 0;
		}
		
		.cta-big .call-to-action-button {
			float: none;
			display: inline-block;
		}
		
		.teasertext, .latestblog-shortcode { 
			width: 440px;
			margin: 0 0 10px 0;
		}
		
		.latestblog-shortcode .shortcode-one_fourth  {
			float: none;
			width: 440px;
			margin: 0 0 20px 0;
		}
		
		.latestblog-shortcode .blog-image, .latestblog-shortcode .blog-content {
			float: left;
		}
		
		.latestblog-shortcode .blog-image {
			margin: 0 20px 0 0;
		}
		
		.latestblog-shortcode .blog-content {
			width: 210px;
		}
		
		.portfolio-shortcode { 
			width: 440px !important;
			overflow: hidden !important;
			margin: 0;
			padding: 0;
			height: auto;
		}
		
		#contact-form-widget .contact-form-input {
			width: 80%
		}
		
		#contact-form-widget .contact-form-input  input {
			width: 95%
		}
		

		.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
			width: 100%;
			float: none;
			margin: 0 0 40px 0;
		}
		
		.post-thumb {
			height: 200px;
		}
	
		.post-thumb img{
			width: 100%;
			height: 100%;
		}
		
		.author-description {
			width: 73%;
		}
		
		.depth-4 .comment-body {

			clear: both;
			width: 100%;
		}
		
		#commentform textarea, #contact-form textarea {
			width: 97%;
		}
		
		.blog-container {
			width: 50%;
		}
		
		.blog-left .blog-container {
			padding: 0;
		}
		
		.small-right-thumb, .small-left {
			width: 150px;
			height: 100px;
		}
		
		.small-right-thumb img, .small-left img {
			width: 100%;
			height: 100%;
		}
		
		.small-left {
			margin: 0 20px 0 0;
		}
		
		.jp-progress {
			width: 160px;
		}
		
		.jp-interface, .post-audio, .post-video {
			width: 438px;
		}		

		.audio-content, .video-content, .image-content, .link-content, .standard-blog-content, .aside-content {
			float: left;
			width: 88%;
		}
		
		 .quote-content {
			width: 84%;
		 }
	
		.post, .blog-divider {
			margin: 0 0 25px 0;
		}
		
		.blogmeta-container-small span {
			clear: both;
			float: none;
			width: 100%;
			display: block;
		}
			
}

/* Tablet Portrait */
@media only screen and (max-width: 959px) and (min-width: 768px) {
	
	#wrapper {
		width: 768px;
	}
	
	#sidebar .recentposts .recentposts-title {
		width: 45%!important;
	}
	
	#footer .recentposts .recentposts-title  {
		clear: both;
		float: none;
		width: 100%;
	}
	
	#sidebar .recentposts .recentposts-title {
		width: 50%;
	}

	#nav-menu .primary li a span {
		padding: 0 10px;
	}
	
	#nav-menu {
		padding: 0 0px 20px 10px;
	}
	
	#nav-menu .primary  > li {
		margin: 0 12px 0 0;
	}
	
	#nav-menu .primary li.current-menu-item, #nav-menu .primary li.current-menu-parent, #nav-menu .primary > li:hover {
		margin-top: -1px;
	}
	
	.no-mobile {
		display: none;
	}

	.right-sidebar #main, .left-sidebar #main {
		width: 500px!important;
	}

	.call-to-action {
		width: 728px;
	}
	
	.cta-big p {
		width: 500px;
	}
	

	#contact-form textarea, #commentform textarea {
		width: 97%!important;
	}
	
	.teasertext {
		width: 700px;
		clear: both;
		float: none;
		margin: 0 0 20px 0;
	}
	
	.jp-progress {
		width: 220px;
	}	
	
	.flexslider_container {
		width: 768px;
		height: 320px;
	}
	
		.flexslider {
			width: 768px;
			height: 320px;
		}
	
		.flexslider .slides > li {
			height: 320px;
		}
		
	#container-portfolio li {
		margin: 0 41px 41px 0;
	}
	
	#container-portfolio li:nth-child(3n) {
		margin-right: 0!important;
	}
	
	#container-portfolio li:nth-child(4n) {
		margin-right: 41px;
	}

	.audio-content, .video-content, .image-content, .link-content, .standard-blog-content, .aside-content {
		width: 90%;
	}	

	#sidebar {
		width: 188px;
	}
	
		#sidebar ul {
			width: 180px;
		}
		
	.post {
		width: 500px;
	}
	
	.latestblog-shortcode .post {
		width: 210px;
	}
	
	.blog-container {
		width: 220px;
		padding: 0 15px 0 0;
	}
	
	.blog-left .blog-container {
		padding: 0 0 0 15px;
	}
	
	.blogmeta-container-small span {
		clear: both;
		float: none;
		width: 100%;
		display: block;
	}
	
	.post-video {
		width: 498px;
	}
	
		.post-video img {
			width: 100%;
		}
		
	.post-thumb-small {
		float: left;
		width: 215px;
		height: 160px;
	}
	
	.post-thumb {
		height: 200px;
	}
	
	.post-thumb img{
		width: 100%;
		height: 100%;
	}
	
	.post-entry-small {
		width: 180px;
	}
	
	.post-thumb-small img {
		width: 215px;
		height: 160px;
	}
	

	.post-categories-text {
		width: 270px;
	}
	
		.post-audio {
		width: 498px;
	}
	
	
	#sidebar #searchform input[type="text"] {
		width: 175px
	}
	
	.widget_google_maps {
		width: 186px!important;
		height: 240px!important;
	}
	
	.quote-content {
		width: 86%;
	}
	
}