@media only screen and (max-width: 1280px) {
	.sf-menu,.sidemenu .social-header {
	    width: 230px;
	}
	.sf-menu li ul{
		left:			231px;
	}
	.sf-menu li li ul{
		left:			202px;
		top:		    0;
	}
	
	.logo img {
	    max-width:231px;
	}
	.container {
	    margin: 0 0 35px 255px;
		width: 880px;
	}
	
	/* Portfolio four column */
	ul.portfolio-four li,
	ul.portfolio-four li .flexslider-container-page { 
		width: 182px;
		}
		ul.portfolio-four li a.portfolio-image-link,
		ul.portfolio-four li .flexslider-container-page {
		    height: 114px;
		}
	/* portfolio three column */
	ul.portfolio-three li,
	ul.portfolio-three li .flexslider-container-page {	
		width: 246px;
		}
	ul.portfolio-three li a.portfolio-image-link,
	ul.portfolio-three li .flexslider-container-page {
	    height: 155px;
	}
		
	ul.portfolio-two li,
	ul.portfolio-two li .flexslider-container-page {	
		width: 375px;
		}
	ul.portfolio-two li a.portfolio-image-link,
	ul.portfolio-two li .flexslider-container-page {
	    height: 234px;
	}
	
	#searchform input { width: 65%; }
	.sidebar-widget .infobar-portfoliogrid li img,
	.flickr_wrap .flickr_badge_image img {
		width:58px;
		height:58px;
	}
	
	ul.portfolio-list li,
	a.portfolio-ajax img,
	a.portfolio-filter-column img,
	.portfolio-displayed .ajax-image-selector,
	ul.portfolio-list li .portfolio-image-link,
	ul.portfolio-list li .displayed-image,
	ul.portfolio-list li .flexslider-container-page {
		width:182px;
		height:182px;
	}

}

@media only screen and (max-width: 1140px) {
	.sf-menu,.sidemenu .social-header {
	    width: 230px;
	}
	.sf-menu li ul {
		left:			231px;
	}
	.sf-menu li li ul{
		left:			202px;
		top:		    0;
	}
	.logo img {
	    max-width:231px;
	}
	.container {
	    margin: 0 0 35px 255px;
		width: 760px;
	}
	
	#recentposts_list .recent_thumbnail, #popularposts_list .popular_thumbnail {
	    margin: 0 20px 10px 0;
		width:100%;
	}
	
	/* Portfolio four column */
	ul.portfolio-four li,
	ul.portfolio-four li .flexslider-container-page { 
		width: 152px;
		}
		ul.portfolio-four li a.portfolio-image-link,
		ul.portfolio-four li .flexslider-container-page {
		    height: 96px;
		}
	
	/* portfolio three column */
	ul.portfolio-three li,
	ul.portfolio-three li .flexslider-container-page {
	    width: 206px;
		}
		ul.portfolio-three li a.portfolio-image-link,
		ul.portfolio-three li .flexslider-container-page {
		    height: 130px;
		}
	
	ul.portfolio-two li {
		height:300px;
	}	
	ul.portfolio-two li,
	ul.portfolio-two li .flexslider-container-page {
	    width: 315px;
	}
	ul.portfolio-two li a.portfolio-image-link,
	ul.portfolio-two li .flexslider-container-page {
	    height: 198px;
	}
	
	.sidebar-widget {
		margin-bottom: 8px;
		}
		
		#searchform input { width: 57%; }
		#searchform input { width: 65%; }
		.sidebar-widget .infobar-portfoliogrid li img,
		.flickr_wrap .flickr_badge_image img {
			width:47px;
			height:47px;
		}
		
		ul.portfolio-list li,
		a.portfolio-ajax img,
		a.portfolio-filter-column img,
		.portfolio-displayed .ajax-image-selector,
		ul.portfolio-list li .portfolio-image-link,
		ul.portfolio-list li .displayed-image,
		ul.portfolio-list li .flexslider-container-page {
			width:152px;
			height:152px;
		}
		ul.portfolio-list li {
			margin: 0 10px 185px 0;
			}

}

/* #Tablet (Landscape)
================================================== */

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

	.sf-menu,.sidemenu .social-header {
	    width: 230px;
	}
	.sf-menu li ul {
		left:			231px;
	}
	.sf-menu li li ul{
		left:			202px;
		top:		    0;
	}
	.logo img {
	    max-width:230px;
	}
	.container {
	    margin: 0 0 35px 255px;
		width: 625px;
	}
	
	#slidecaption {
		left:370px;
		right:auto;
		bottom:150px;
	}
	.slideshow_title {
		font-size:42px;
		letter-spacing:0;
		line-height:35px;
		width:290px;
		font-weight:900;
		margin-bottom:5px;
	}
	.slideshow_caption {
		font-size:14px;
		line-height:14px;
		margin-bottom:10px;
		font-weight:600;
	}
	
	#fullscreen-thumbnails-wrap {
		left:370px;
	}
	
	ul.portfolio-four {
	    width: 104%;
	}
	ul.portfolio-four li {
	    width: 161px;
		margin-right:10px;
		}
		ul.portfolio-four li.portfolio-col-4 {
			margin-right:10px;
		}
		ul.portfolio-four li a.portfolio-image-link {
		    height: 103px;
		}
		ul.portfolio-four li {
		    height: 250px;
			}
	
	/* portfolio three column */
	ul.portfolio-three li,
	ul.portfolio-three li .flexslider-container-page {
	    width: 161px;
		}
		ul.portfolio-three li a.portfolio-image-link,
		ul.portfolio-three li .flexslider-container-page {
		    height: 103px;
		}
		
	ul.portfolio-two li {
	    height: 260px;
	}	
	ul.portfolio-two li,
	ul.portfolio-two li .flexslider-container-page {
	    width: 247px;
	}
	ul.portfolio-two li a.portfolio-image-link,
	ul.portfolio-two li .flexslider-container-page {
	    height: 155px;
	}
	
	#searchform input { width: 46%; }
	
	#recentposts_list .recent_thumbnail,
	#popularposts_list .popular_thumbnail {
		float:none;
	}
	#recentposts_list .recentpost_info .recentpost_title,
	#popularposts_list .popularpost_info .popularpost_title {
		margin-top:5px;
	}
	#searchform input { width: 57%; }
	#searchform input { width: 65%; }
	.sidebar-widget .infobar-portfoliogrid li img,
	.flickr_wrap .flickr_badge_image img {
		width:53px;
		height:53px;
	}
	
	ul.portfolio-list li,
	a.portfolio-ajax img,
	a.portfolio-filter-column img,
	.portfolio-displayed .ajax-image-selector,
	ul.portfolio-list li .portfolio-image-link,
	ul.portfolio-list li .displayed-image,
	ul.portfolio-list li .flexslider-container-page {
		width:161px;
		height:161px;
	}

}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

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

	.sf-menu,.sidemenu .social-header {
	    width: 180px;
	}
	.sf-menu li ul,
	.sf-menu li ul {
		left:			181px;
	}
	.sf-menu li li ul{
		left:			202px;
		top:		    0;
	}
	.logo img {
	    max-width:180px;
	}
	.container {
	    margin: 0 0 35px 205px;
		width: 430px;
	}
	
	.two-column { width:100%; }

	.sidebar-wrap, .sidebar-wrap-single { display:none; }
	
	.entry-post-wrapper {
	    margin: 0;
	    padding: 20px 30px 50px;
	}
	
	.entry-spaced-wrapper {
	    margin: 0;
	    padding: 20px 30px 50px;
	}
	
	#slidecaption {
		left:240px;
		right:auto;
		bottom:150px;
	}
	.slideshow_title {
		font-size:42px;
		letter-spacing:0;
		line-height:35px;
		width:290px;
		font-weight:900;
		margin-bottom:5px;
	}
	.slideshow_caption {
		font-size:14px;
		line-height:14px;
		margin-bottom:10px;
		font-weight:600;
	}
	
	#fullscreen-thumbnails-wrap {
		left:240px;
	}
	
	.fullscreenslideshow-audio {
		display:none;
		}
		
		ul.portfolio-four,
		ul.portfolio-three,
		ul.portfolio-two {
		    width: 104%;
		}
		
		ul.portfolio-four li .flexslider-container-page,
		ul.portfolio-three li .flexslider-container-page,
		ul.portfolio-two li .flexslider-container-page {
			width: 180px;
			height: 94px;
		}
			
		ul.portfolio-four li,
		ul.portfolio-three li,
		ul.portfolio-two li {
		    width: 180px;
			margin-right:10px;
			height:225px;
			}
			ul.portfolio-four li.portfolio-col-4 {
				margin-right:10px;
			}
			ul.portfolio-four li a.portfolio-image-link,
			ul.portfolio-three li a.portfolio-image-link,
			ul.portfolio-two li a.portfolio-image-link {
			    height: 112px;
			}
			ul.portfolio-four li {
			    height: 250px;
				}
	
	/* portfolio column */
		ul.portfolio-three li.portfolio-col-3 {
			margin-right:10px;
		}
		
		ul.portfolio-list li,
		a.portfolio-ajax img,
		a.portfolio-filter-column img,
		.portfolio-displayed .ajax-image-selector,
		ul.portfolio-list li .portfolio-image-link,
		ul.portfolio-list li .displayed-image,
		ul.portfolio-list li .flexslider-container-page {
			width:180px;
			height:180px;
		}
		
		ul.portfolio-list li {
		    margin: 0 10px 150px 0;
		}
		
		h1.entry-title {
		    margin: 0 30px 20px;
			font-size:20px;
		}
		.portfolio-columns-wrap {
			margin: 0 30px;
		}
	
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

	.common-top-spacing {
	    margin-top: 15px;
	}	
	#demopanel { display:none; }
	.homemenu { display:none; }
	.menu-toggle { display:none; }
	ul#slide-list { display:none; }
	.social-header { display:none; }
	.super-navigation { top:45%; right:10px; }
	.background-slideshow { display:none; }
	#play-button { display:none; }
	
	.logo {
		margin-top:10px;
	}
	.logo img {
	    max-width:100px;
	}

	.main-select-menu {
	    display: block;
	}
	div.selector { width:290px;}
	div.selector span { width: 265px;}

	.sidemenu {
		float: none;
		position: static;
		margin: 0 0 15px 15px;
	}
	.container {
	    margin: 0 auto;
		width: 290px;
		}
		.two-column { width:100%; }

		.sidebar-wrap, .sidebar-wrap-single { display:none; }
		
	/* Page */
	.portfolio-columns-wrap {
	    margin: 0 30px;
	}
	.entry-spaced-wrapper {
	    padding: 20px 30px;
	}
	
	/* Pullquote */
	.entry-content .pullquote-left {
	    margin: 10px 0 5px 0;
	    width: auto;
	}
	.entry-content .pullquote-right {
	    margin: 10px 0 5px 0;
	    width: auto;
	}
	.entry-content .pullquote-center {
	    margin: 0;
	    padding: 15px 50px;
	}
	
	h1.entry-title {
	    margin: 0 30px 20px;
		font-size:20px;
	}

	.thumbs-captions-wraps {
		display:none;
		}
	.fullscreenslideshow-audio {
		display:none;
		}
	div.jp-audio div.jp-type-single div.jp-progress {
		left:55px;
		width:40%;
	}
	div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
		left:75%;
	}
	div.jp-audio div.jp-type-single div.jp-volume-bar {
		left:82.6%;
	}
	#tray-button {
		display:none;
		}
	#play-button {
	    right: 60px !important;
		}
		
	#slidecaption {
		left:15px;
		right:auto;
		bottom:30px;
	}
	.slideshow_title {
		font-size:24px;
		letter-spacing:0;
		line-height:18px;
		width:280px;
		margin-bottom:5px;
	}
	.slideshow_caption {
		display:none;
	}
	#fullscreen-thumbnails-wrap {
		display:none;
	}
	
	/* Portfolio */
	
	ul.portfolio-four li .flexslider-container-page,
	ul.portfolio-three li .flexslider-container-page,
	ul.portfolio-two li .flexslider-container-page {
	    width: 230px;
		height:145px;
	}
	
	ul.portfolio-four li,
	ul.portfolio-three li,
	ul.portfolio-two li,
	ul.portfolio-one li {
	    width: 230px;
		height:240px;
	}
	
	ul.portfolio-four li a.portfolio-image-link,
	ul.portfolio-three li a.portfolio-image-link,
	ul.portfolio-two li a.portfolio-image-link,
	ul.portfolio-one li a.portfolio-image-link {
	    height: 145px;
	}
	
	#progress-back { right:0; width:3px }
	#progress-bar { width:3px }
	
	
	ul.portfolio-list li,
	a.portfolio-ajax img,
	a.portfolio-filter-column img,
	.portfolio-displayed .ajax-image-selector,
	ul.portfolio-list li .portfolio-image-link,
	ul.portfolio-list li .displayed-image,
	ul.portfolio-list li .flexslider-container-page {
		width:229px;
		height:229px;
	}
	ul.portfolio-list li {
		margin: 0 10px 140px 0;
		}
		
	.portfolio-related-columns { margin-left: 30px; margin-right:30px; }
	.entry-post-wrapper { padding-left:30px; padding-right:30px; }
	#respond { padding-left:30px; padding-right:30px; }
	div.entry-content-wrapper .pagination-navigation, div.contents-wrap .pagination-navigation { padding-left:30px; padding-right:30px; }
	.sc_slideshowtitle { display:none; }
	
	#password-protected label input { width:150px; }
}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

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

#demopanel { display:none; }
.common-top-spacing {
    margin-top: 15px;
}
.homemenu { display:none; }
.background-slideshow { display:block; }
.menu-toggle { display:none; }
.main-select-menu {
    display: block;
}
div.selector { width:450px;}
div.selector span { width: 425px;}
.logo {
	margin-top:10px;
}
.logo img {
    max-width:150px;
}

.sidemenu {
	float: none;
	position: static;
	margin: 0 0 15px 15px;
}

.container {
    margin: 0 auto;
	width: 450px;
	}
	.two-column { width:100%; }
		
	.sidebar-wrap, .sidebar-wrap-single { display:none; }

	/* portfolio column */
	
	ul.portfolio-four li .flexslider-container-page,
	ul.portfolio-three li .flexslider-container-page,
	ul.portfolio-two li .flexslider-container-page {
		width: 190px;
		height: 119px;
	}
	
	ul.portfolio-four,
	ul.portfolio-three,
	ul.portfolio-two {
	    width: 104%;
	}
	ul.portfolio-four li,
	ul.portfolio-three li,
	ul.portfolio-two li {
	    width: 190px;
		}
	ul.portfolio-three li.portfolio-col-3 {
	    margin-right: 10px;
	}
		ul.portfolio-four li a.portfolio-image-link,
		ul.portfolio-three li a.portfolio-image-link,
		ul.portfolio-two li a.portfolio-image-link {
		    height: 119px;
			}
			
	/* portfolio one column */,
	ul.portfolio-one{
	    width: 104%;
	}

	ul.portfolio-one li {
	    width: 390px;
		height:auto;
		}

		ul.portfolio-one li a.portfolio-image-link {
		    height: auto;
			}

	#progress-back { right:0; width:3px }
	#progress-bar { width:3px }


	ul.portfolio-list li,
	a.portfolio-ajax img,
	a.portfolio-filter-column img,
	.portfolio-displayed .ajax-image-selector,
	ul.portfolio-list li .portfolio-image-link,
	ul.portfolio-list li .displayed-image,
	ul.portfolio-list li .flexslider-container-page {
		width:190px;
		height:190px;
	}
	
	ul.portfolio-list li {
		margin: 0 10px 135px 0;
		}
		
	.portfolio-related-columns { margin-left: 30px; margin-right:30px; }
	.entry-post-wrapper { padding-left:30px; padding-right:30px; }
	#respond { padding-left:30px; padding-right:30px; }
	.sc_slideshowtitle { display:none; }
	#password-protected label input { width:150px; }

}