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

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

/* 1 Anything below starting width */
@media only screen and (max-width: 1200px)  {}

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

	.seperator {
		display: none;
	}

	/* Features 3 columns */
	.features .wpb_column {
		margin: 0 2% 20px;
		width: 29.33%;
	}

	/* Portfolio items 2 columns*/
	.port-item {
		width: 47.9%;
	}

	.port-overlay,
	.port-info {
		max-width: 100%;
	}

	/* Portfolio menu 2 columns */
	.filter-menu {
		margin-bottom: 40px;
	}

	.filter-menu li {
		display: block;
		margin: 0 auto 10px;
		width: 48%;
	}

	/* When 1 col is better than 2 */
	.blog-main,
	.aside {
		margin: 0;
		width: 100%;
	}

	.project>.container>.one-third,
	.project>.container>.two-thirds {
		width: 100%;
	}

	.blog-main {
		margin-bottom: 70px;
	}

	/* Feature hex images 1 column */
	.hexes {
		text-align: center;
		display: block;
		position: relative;
	}

	.hexes .feature-hex,
	.hexes .middle {
		padding-top: 0;
	}

	/* Clients 3 columns */
	.clients li {
		margin: 0 1% 20px;
		width: 30%;
		overflow: hidden;
	}

	/* Slider smaller */
	.welcome .caption-title {
		font-size: 60px;
	}

	.welcome .caption-subtitle {
		font-size: 26px;
	}

	/* SHORTEN SLIDER */
	.slider-wrapper .bx-viewport,
	.slider-wrapper .bx-wrapper,
	.slider-wrapper,
	.main-slider {
		height: 500px !important;
	}


	.blog-main {
		margin-bottom: 0;
	}

	.hexes .wpb_column {
		display: inline-block;
		float: none;
		width: 50%;
		margin: 20px auto;
	}

	/* Lightbox fullwidth */
	.pp_pic_holder.light_square { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; overflow: visible; }
	div.light_square .pp_content_container .pp_left { padding-left: 0!important; }
	div.light_square .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	#pp_full_res { line-height: 0.7 !important; }
	.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }    div.light_square .pp_description {margin: 11px 50px 5px 153px !important; }
	div.ppt { display:none !important; }
	.pp_play {margin-right: 20px !important;}
	.pp_arrow_previous {margin-right: 5px !important;}
	.pp_pic_holder.light_square iframe { width: 100%; }
	.pp_pic_holder .inline-content { padding: 20px; }


	/* Center and top align lightbox button */
	.pp_pic_holder.light_square .pp_close {
		position: fixed;
		top: 20px;
		width: 30px;
		height: 32px;
		left: 50%;
		margin-left: -15px;
		font-size: 34px;
	}
	/* Make lightbox iframes fullwidth */
	.pp_pic_holder.light_square iframe {
		display: block;
	}

	.pp_pic_holder.light_square .pp_details {
		background: none;
	}
}

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

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


	/* Portfolio items full width*/
	.port-item {
		padding: 0;
		width: 100%;
	}

	/* Clients 3 columns */
	.clients li {
		margin: 0 1% 20px;
		width: 48%;
	}

	/* Slider smaller */
	.welcome .caption-title {
		font-size: 40px;
	}

	.welcome .caption-subtitle {
		font-size: 20px;
	}

	.tweet_text {
		width: 100%;
	}

	/* Hide Revolution arrows on small screen */
	.tp-leftarrow,
	.tp-rightarrow {
		display: none;
	}

	.hexes .wpb_column {
		width: 100%;
	}

	.process-slider-wrap {
		margin-bottom: 20px;
	}

	.comment-avatar img {
		float: none;
		margin-bottom: 10px;
	}
	.comment-list .children {
		margin-left: 20px;
	}

	.bypostauthor .comment-author,
	.comment-meta {
		display: block;
		float: none;
		margin-bottom: 10px;
	}
}

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

	/* Features 2 columns */
	.clients .client,
	.skills .wpb_column,
	.features .wpb_column {
		margin: 0 2% 20px;
		width: 45.5%;
		display: inline-block;
	}
}

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

	.process-list {
		padding: 0;
	}

	/* Portfolio menu 100% */
	.filter-menu li {
		width: 100%;
	}

	.features .wpb_column {
		margin: 0 2% 20px;
		width: 44.5%;
		display: inline-block;
	}

}

@media only screen and (max-width: 240px) {
	/* Hides logo on exceptionally narrow devices */
	.header .logo {
		display: none;
	}
}

/* 7 Narrow screens */
@media only screen and (max-width: 959px) {

	.main_menu {
		display: none;
	}

	.header .container {
		width: 100%;
	}

	.selectnav {
		display: block;
		float: right;
	}

}