/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}



	/* Tablet Portrait size to standard 960 (devices and browsers) width = 728px*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.responsive .body-shadow {background: url(../images/body-shadow2.png) repeat-y center top;}
		.responsive.full-width-layout .body-shadow {background: none;}
		
		.responsive .info-top, .responsive .navigation-wrapper, .responsive .flexslider-wrapper,
		.responsive .homepage-content-wrapper, .responsive .content-wrapper, .responsive .page-title-inner, .responsive .slogan-wrapper,
		.responsive .portfolio-wrapper, .responsive ul#portfolio-filters, .responsive #footer-wrapper,
		.responsive #footer-bottom-wrapper {width: 800px;}

		.responsive .header-container {width: 750px;}

		.responsive .header {height: auto;}
		.header .logo {margin: 30px auto; float: none; display: block; text-align: center;}

		.navigation-wrapper #nav {display: none;}
		.navigation-wrapper #responsive-nav { display: inline-block !important; width: 100% !important;}
		.navigation-wrapper select#responsive-nav {display: block !important; width: 420px !important; padding: 5px 10px; margin: 15px auto 30px;}

		.flexslider .flex-control-nav {width: 800px;}

		.slogan-wrapper .slogan-button {padding: 50px 10px 0;}
		.slogan-button a.button.large {padding: 10px 16px;}

		.team-member .team-member-description {border-bottom: none;}
		.team-member .team-member-socials {display: none;}
		.single .team-member .team-member-socials {display: block;}

		.responsive .post-inner {width: 446px;}

		.responsive #toTop {display: none !important;}

		/* ------ PORTFOLIO ------ */

		.portfolio-wrapper .container .four.columns {width: 236px;} /* change 4 col to 3 col */
		.responsive .portfolio-item .shadow {width: 236px; height: 221px;}
		.responsive li.portfolio-item {width: 236px; height: 168px;}
		.responsive li.portfolio-item .portfolio-item-inner {width: 236px; height: 220px;}
		.responsive li.portfolio-item span.description {top: 148px;}
		.responsive li.portfolio-item span.block {top: 221px; width: 236px;}
		.responsive li.portfolio-item .icon, .responsive li.portfolio-item-filter .icon {margin-top: 60px; margin-left: 97px;}
		.responsive li.portfolio-item span h4.title, .responsive li.portfolio-item span span.categories,
		.responsive li.portfolio-item-filter span h4.title,	.responsive li.portfolio-item-filter span span.categories {width: 216px;}

		/*  gallery shortcode  */

		.responsive .gallery-columns-2 dl a img {width: 372px;height: 258px;}
		.responsive .gallery-columns-3 dl a img {width: 247px;height: 169px;}
		.responsive .gallery-columns-4 dl a img {width: 185px;height: 127px;}
		.responsive .gallery-columns-5 dl a img {width: 147px;height: 100px;}
		.responsive .gallery-columns-6 dl a img, .responsive .gallery-columns-7 dl a img {width: 122px;height: 83px;}

		/*  filterable  */

		.responsive .portfolio-item-filter {width: 236px; height: 291px;}
		.responsive .portfolio-item-filter .portfolio-item-inner {width: 236px; height: 291px;}
		.responsive .portfolio-item-filter .portfolio-description {margin-top: -3px; width: 206px; height: 90px;}
		.responsive .portfolio-item-filter .shadow {width: 236px; height: 291px;}

		/* jplayer */

		.responsive .portfolio-project-wrapper div.jp-audio, .responsive .portfolio-project-wrapper div.jp-video,
		.responsive .portfolio-project-wrapper .jp-video-play, .responsive .portfolio-project-wrapper div.jp-jplayer.jp-jplayer-video {width: 556px;}

		.responsive .post-item div.jp-audio, .responsive .post-item div.jp-video,
		.responsive .post-item .jp-video-play, .responsive .post-item div.jp-jplayer.jp-jplayer-video { width: 446px; }

		.responsive .portfolio-project-wrapper div.jp-progress-container, .responsive .portfolio-project-wrapper div.jp-type-single div.jp-progress {width: 417px;}

		.responsive .post-item div.jp-progress-container, .responsive .post-item div.jp-type-single div.jp-progress { width: 307px;}

		/* contact form */

		.responsive .one-third-field {width: 169px;}
		.responsive .one-third-field.last {width: 149px;}
		.responsive .one-third-field input {width: 119px;}
		.responsive .wpcf7 textarea {width: 457px;}

		/* searchform */

		.responsive .sidebar-search-form input#s {width: 122px;}
		.responsive .sidebar-search-form input#searchsubmit { width: 40px;}

      /*
      	if You have a long menu You can uncomment code below

      	.header .logo {float: none;margin: 0 auto; text-align: center;}
		.header #nav-wrapper {float: left; clear: both;}*/
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) width = 380px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		.responsive .body-shadow {background: url(../images/body-shadow3.png) repeat-y center top;}
		.responsive.full-width-layout .body-shadow {background: none;}
		
		.responsive .info-top, .responsive .header-container, .responsive .navigation-wrapper, .responsive .flexslider-wrapper,
		.responsive .homepage-content-wrapper, .responsive .content-wrapper, .responsive .page-title-inner, .responsive .slogan-wrapper,
		.responsive .portfolio-wrapper, .responsive ul#portfolio-filters, .responsive #footer-wrapper,
		.responsive #footer-bottom-wrapper {width: 100%;}

		.info-top .info-top-nav, .info-top .info-top-description {display: block; float: none; text-align: center; width: 100%; clear: both;}
		.info-top .info-top-nav {text-align: center;}
		.info-top .info-top-nav li {float: none;}

		.responsive .header {height: auto;}
		.header .logo {margin: 30px auto; float: none; display: block; text-align: center;}

		.navigation-wrapper #nav {display: none;}
		.navigation-wrapper #responsive-nav { display: inline-block !important; width: 100% !important;}
		.navigation-wrapper select#responsive-nav {display: block !important; width: 420px !important; padding: 5px 10px; margin: 15px auto 30px;}

		.flexslider .flex-control-nav {display: none;}
		.flexslider .flex-caption {display: none;}

		.slogan-wrapper .slogan-text {padding: 40px 10px 20px;}
		.slogan-wrapper .slogan-button {padding: 0 10px 0; margin-bottom: 30px;}
		.slogan-button a.button.large {padding: 10px 15px; width: 370px; text-align: center;}

		.responsive .section-header span.sh-text {padding: 6px 20px}

		.responsive .team-member {padding-right: 10px;}
		.team-member .team-member-socials ul li {margin-right: 2px;}
		.team-member .team-member-description {margin-top: 5px; margin-bottom: 10px; padding-bottom: 5px; font-size: 12px; line-height: 18px;}

		#footer-bottom .footer-nav ul {float: none; display: block; width: 100%; text-align: center;}
		#footer-bottom .footer-nav ul li {float: none;}
		#footer-bottom .copyright p {text-align: center;}

		.responsive .post-inner {width: 320px;}

		.responsive #toTop {display: none !important;}

		/* PORTFOLIO */

		.responsive #portfolio-filters li {display: inline;	position: relative; background: none;}
		.responsive #portfolio-filters a {margin-bottom: 0;	margin-top: 0; border-bottom: none; border-top: none; padding:8px 22px;}
		.responsive #portfolio-filters li.current a {margin-bottom: 0; border-bottom: none; color: #ee7821;}

		.responsive .portfolio-item .shadow {width: 420px;}
		.responsive li.portfolio-item {width: 420px; height: 300px;}
		.responsive li.portfolio-item .portfolio-item-inner {width: 420px; height: 300px;}
		.responsive li.portfolio-item span.block {width: 420px; margin-top: 150px;}
		.responsive li.portfolio-item .shadow {display: none;}
		.responsive li.portfolio-item span.description {margin-top: 150px;}
		.responsive li.portfolio-item .icon {margin-top: 210px; margin-left: 190px;}
		.responsive li.portfolio-item span h4.title, .responsive li.portfolio-item span span.categories,
		.responsive li.portfolio-item-filter span h4.title,	.responsive li.portfolio-item-filter span span.categories {width: 390px;}

		/* gallery shortcode */

		.responsive .gallery-columns-2 dl a img {width: 208px;height: 142px;}
		.responsive .gallery-columns-3 dl a img {width: 138px;height: 94px;}
		.responsive .gallery-columns-4 dl a img, .responsive .gallery-columns-5 dl a img,
		.responsive .gallery-columns-6 dl a img, .responsive .gallery-columns-7 dl a img {width: 103px;height: 70px;}		

		/*  filterable  */

		.responsive .portfolio-item-filter {width: 420px; height: 422px;}
		.responsive .portfolio-item-filter .portfolio-item-inner {width: 420px; height: 422px;}
		.responsive .portfolio-item-filter .portfolio-description {margin-top: -4px; height: 90px; width: 400px;}
		.responsive .portfolio-item-filter .shadow {width: 420px; height: 422px;}
		.responsive li.portfolio-item-filter .icon {margin-top: 130px; margin-left: 190px;}

		/* jplayer */

		.responsive .portfolio-project-wrapper div.jp-audio, .responsive .portfolio-project-wrapper div.jp-video,
		.responsive .portfolio-project-wrapper .jp-video-play, .responsive .portfolio-project-wrapper div.jp-jplayer.jp-jplayer-video {width: 420px;}

		.responsive .post-item div.jp-audio, .responsive .post-item div.jp-video,
		.responsive .post-item .jp-video-play, .responsive .post-item div.jp-jplayer.jp-jplayer-video { width: 320px; }

		.responsive .portfolio-project-wrapper div.jp-progress-container, .responsive .portfolio-project-wrapper div.jp-type-single div.jp-progress {width: 281px;}

		.responsive .post-item div.jp-progress-container, .responsive .post-item div.jp-type-single div.jp-progress { width: 181px;}

		/* contact form */

		.responsive .one-third-field {width: 420px;}
		.responsive .one-third-field.last {width: 420px;}
		.responsive .one-third-field input {width: 390px;}
		.responsive .wpcf7 textarea {width: 390px;}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.responsive .body-shadow {background: url(../images/body-shadow4.png) repeat-y center top;}
		.responsive.full-width-layout .body-shadow {background: none;}
		
		.responsive .info-top, .responsive .header-wrapper, .responsive .header-container, .responsive .navigation-wrapper, .responsive .flexslider-wrapper,
		.responsive .homepage-content-wrapper, .responsive .content-wrapper, .responsive .page-title-inner, .responsive .slogan-wrapper,
		.responsive .portfolio-wrapper, .responsive ul#portfolio-filters, .responsive #footer-wrapper,
		.responsive #footer-bottom-wrapper {width: 100%;}

		.responsive .header {height: auto;}
		.header .logo {margin: 30px auto; float: none; display: block; text-align: center;}

		.navigation-wrapper #nav {display: none;}
		.navigation-wrapper #responsive-nav { display: inline-block !important; width: 100% !important;}
		.navigation-wrapper select#responsive-nav {display: block !important; width: 300px !important; padding: 5px 10px; margin: 15px auto 30px;}

		.flexslider .flex-caption {display: none;}
		.flexslider .flex-control-nav {display: none;}

		.responsive .page-title h1 {font-size: 14px; line-height: 1.6em;}

		.slogan-wrapper .slogan-text {padding: 40px 10px 20px;}
		.slogan-wrapper .slogan-button {padding: 0 10px 0; margin-bottom: 30px;}
		.slogan-button a.button.large {padding: 10px 15px; width: 250px; text-align: center;}

		.responsive .section-header span.sh-text {padding: 6px 10px}
		.responsive .section-header span.sh-bg {background: #fff; padding: 0 4px; margin-left: 8px;}
		.responsive .section-header span.sh-text {font-size: 11px;}
		.responsive .es-nav span.es-nav-next, .es-nav span.es-nav-prev {margin-right: 8px;} 
		.responsive .es-nav span.es-nav-inner {padding: 7px 3px 2px;}
		.responsive .es-nav span.es-nav-prev {margin-right: 0; padding: 0 0 0 4px;}
		.responsive .es-nav span.es-nav-next {margin-left: 0; padding: 0 4px;}
		.responsive .es-nav span span span.es-arrows {width: 20px;height: 18px;}

		.responsive .team-member-wrap {height: 400px; border-right: 0; border-bottom: 2px solid #eee;}
		.responsive .team-member-wrap:hover {height: 400px; border-right: 0; background: none;}
		.responsive .team-member-photo {display: block; float: none; position: relative; clear: both; text-align: center;}
		.responsive .team-member {padding: 16px 10px 16px 20px; text-align: center;}
		.responsive .team-member-description {margin-top: 5px; margin-bottom: 10px; padding-bottom: 5px; font-size: 12px; line-height: 18px;}
		.responsive.single .team-member {padding: 0px;}
		.responsive.single .team-member-wrap, .responsive.single .team-member-wrap:hover {border-bottom: none;}

		#footer-bottom .footer-nav ul {float: none; display: block; width: 100%; text-align: center;}
		#footer-bottom .footer-nav ul li {float: none;}
		#footer-bottom .copyright p {text-align: center;}

		.responsive .post-inner {width: 200px;}

		.responsive #toTop {display: none !important;}

		/* PORTFOLIO */

		.responsive #portfolio-filters li {display: inline;	position: relative; background: none;}
		.responsive #portfolio-filters a {margin-bottom: 0;	margin-top: 0; border-bottom: none; border-top: none; padding:8px 22px;}
		.responsive #portfolio-filters li.current a {margin-bottom: 0; border-bottom: none; color: #ee7821;}

		.responsive .portfolio-item .shadow {width: 300px;}
		.responsive li.portfolio-item {width: 300px; height: 218px;}
		.responsive li.portfolio-item .portfolio-item-inner {width: 300px; height: 218px;}
		.responsive li.portfolio-item span.block {width: 300px; margin-top: 63px;}
		.responsive li.portfolio-item .shadow {display: none;}
		.responsive li.portfolio-item span.description {margin-top: 63px;}
		.responsive li.portfolio-item .icon, .responsive li.portfolio-item-filter .icon {margin-top: 123px; margin-left: 130px;}
		.responsive li.portfolio-item span h4.title, .responsive li.portfolio-item span span.categories,
		.responsive li.portfolio-item-filter span h4.title,	.responsive li.portfolio-item-filter span span.categories {width: 270px;}

		/* gallery shortcode */

		.responsive .gallery-columns-2 dl a img {width: 148px;height: 101px;}
		.responsive .gallery-columns-3 dl a img, .responsive .gallery-columns-4 dl a img,
		.responsive .gallery-columns-5 dl a img, .responsive .gallery-columns-6 dl a img, .responsive .gallery-columns-7 dl a img {width: 98px;height: 67px;}		

		/*  filterable  */

		.responsive .portfolio-item-filter {width: 300px; height: 335px;}
		.responsive .portfolio-item-filter .portfolio-item-inner {width: 300px; height: 335px;}
		.responsive .portfolio-item-filter .portfolio-description {margin-top: -4px; height: 90px; width: 300px;}
		.responsive .portfolio-item-filter .shadow {width: 300px; height: 335px;}
		.responsive li.portfolio-item-filter .icon {margin-top: 86px; margin-left: 130px;}

		/* jplayer */

		.responsive .portfolio-project-wrapper div.jp-audio, .responsive .portfolio-project-wrapper div.jp-video,
		.responsive .portfolio-project-wrapper .jp-video-play, .responsive .portfolio-project-wrapper div.jp-jplayer.jp-jplayer-video {width: 300px;}

		.responsive .post-item div.jp-audio, .responsive .post-item div.jp-video,
		.responsive .post-item .jp-video-play, .responsive .post-item div.jp-jplayer.jp-jplayer-video { width: 200px; }

		.responsive .portfolio-project-wrapper div.jp-progress-container, .responsive .portfolio-project-wrapper div.jp-type-single div.jp-progress {width: 161px;}

		.responsive .post-item div.jp-progress-container, .responsive .post-item div.jp-type-single div.jp-progress { width: 61px;}

		/* contact form */

		.responsive .one-third-field {width: 300px;}
		.responsive .one-third-field.last {width: 300px;}
		.responsive .one-third-field input {width: 270px;}
		.responsive .wpcf7 textarea {width: 270px;}

	}