/*
* 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
*/

/* #Retina Styles
================================================== */

/*
* Swift Framework Retina Stylesheet v1.0
* Retina Stylesheet for Retina Dislay Devices
* Copyright 2012, Swift Ideas
*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       	#mobile-navigation > div {
       		background-image: url(../images/select@2x.png);
			background-size: 28px 26px;
       	}
		#header-items ul.social-icons li a, ul.social-icons-small li a  {
			background-image: url(../images/social-icons-small@2x.png);
			background-size: 384px 24px;
		}
		ul.social-icons li a {
			background-image: url(../images/social-icons@2x.png);
			background-size: 512px 32px;
		}
}

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

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
		/* LAYOUT */
		.container .sidebar.five.columns {
			width: 179px;
		}
		.container .sidebar.four.columns {
			width: 135px;
		}
		.inner-page-wrap.top-spacing article, .inner-page-wrap.top-spacing .sidebar, .inner-page-wrap.has-both-sidebars.top-spacing .page-content {
			padding-top: 20px;
		}
		
		
		/* PORTFOLIO */
		.portfolio-wrap {
			margin-bottom: 20px;
		}
		.portfolio-wrap.sixteen.columns {
			margin: 0 -10px;
		}
		.overlay-shape li figure {
			left: -13px;
		}
		.portfolio-items.overlay-shape .portfolio-item.eight.columns figure, .portfolio-items.overlay-shape .portfolio-item.eight.columns figure > .item-mask {
			width: 400px;
			height: 400px;
		}
		.portfolio-items.overlay-shape .portfolio-item.one-third figure, .portfolio-items.overlay-shape .portfolio-item.one-third figure > .item-mask {
			width: 265px;
			height: 265px;
		}
		.portfolio-items.overlay-shape .portfolio-item.four.columns figure, .portfolio-items.overlay-shape .portfolio-item.four.columns figure > .item-mask {
			width: 198px;
			height: 198px;
		}
		
		
		/* BLOG */
		.container .related-item.four.columns {
			width: 112px;
		}
		.related-item figure > a {
			width: 112px;
			height: 74px;
		}
		.author-info {
			width: 79%;
		}	
		.has-both-sidebars .container .related-item.four.columns {
			width: 172px;
		}
		.has-both-sidebars .related-item figure > a {
			width: 172px;
			height: 129px;
		}
		.has-both-sidebars .author-info {
			width: 72%;
		}
		
		
		/* CLIENTS */
		.client-items.overlay-shape .client-item figure, .client-items.overlay-shape .client-item figure > .item-mask {
			width: 198px;
			height: 198px;
		}
		
		
		/* TEAM */
		.team-members.overlay-shape .team-member.four.columns figure, .team-members.overlay-shape .team-member.four.columns figure > .item-mask {
			width: 198px;
			height: 198px;
		}
			
		
		/* ASSETS */
		.sf-icon.icon-large.sf-icon-cont {
			padding: 24px;
		}
		.columns-4 .pricing-table-column {
			width: 24.7%;
		}
		.columns-3 .pricing-table-column {
			width: 33%;
		}
		.pricing-table-price {
			font-size: 26px;
		}
		.bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column {
			width: 21.7%;
		}
		.bordered.columns-3 .pricing-table-column, .bordered_alt.columns-3 .pricing-table-column {
			width: 30%;
		}
		.bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column {
			width: 46.8%;
		}
		.bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column {
			width: 97%;
		}
		.pricing-table-wrap.bordered .pricing-table-price {
			float: none;
			margin-top: 10px;
		}
		
		
		/* COMMENTS */		
		#commentform textarea {
			width: 96%;
			max-width: 96%;
			min-width: 96%;
		}
		li.depth-1 .comment-wrap .comment-content {
			width: 394px;
		}
		li.depth-2 .comment-wrap .comment-content {
			width: 374px;
		}
		li.depth-3 .comment-wrap .comment-content {
			width: 354px;
		}
		li.depth-4 .comment-wrap .comment-content {
			width: 334px;
		}
		li.depth-5 .comment-wrap .comment-content {
			width: 314px;
		}
		li.depth-6 .comment-wrap .comment-content {
			width: 294px;
		}
		.has-both-sidebars li.depth-1 .comment-wrap .comment-content {
			width: 284px;
		}
		.has-both-sidebars li.depth-2 .comment-wrap .comment-content {
			width: 264px;
		}
		.has-both-sidebars li.depth-3 .comment-wrap .comment-content {
			width: 244px;
		}
		.has-both-sidebars li.depth-4 .comment-wrap .comment-content {
			width: 224px;
		}
		.has-both-sidebars li.depth-5 .comment-wrap .comment-content {
			width: 204px;
		}
		.has-both-sidebars li.depth-6 .comment-wrap .comment-content {
			width: 184px;
		}
			
			
		/* FOOTER */
		.widget.flickr-widget li {
			width: 76px;
			height: 76px;
		}
		.flickr-widget li img {
			height: 76px;
			min-height: 76px;
			min-width: 226px;
		}
		
		
		/* OTHER */
		.sidebar .widget.flickr-widget li {
			width: 44px;
			height: 44px;
		}
		.sidebar .flickr-widget li img {
			height: 44px;
			width: auto;
			min-height: 44px;
			min-width: 44px;
		}
		#map-canvas {
			width: 354px;
			height: 280px;
		}
	}

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

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		/* GENERAL */
		.flex-pauseplay, .flex-control-nav {
			display: none;
		}
		.flex-direction-nav .prev {
			left: 0;
			opacity: 1;
		}
		.flex-direction-nav .next {
			right: 0;
			opacity: 1;
		}
	
		/* LAYOUT */
		.container .sidebar.five.columns {
			width: 420px;
		}
		.container .sidebar.four.columns {
			width: 100%;
		}
		.has-right-sidebar .content-wrap, .has-left-sidebar .content-wrap {
			border: 0;
		}
		.has-left-sidebar .content-wrap {
			padding-left: 0;
		}
		.has-right-sidebar .content-wrap {
			padding-right: 0;
		}
		.has-both-sidebars .page-content, .has-both-sidebars .content-wrap {
			border: 0;
			padding-left: 0;
			padding-right: 0;
		}
		
		
		/* HEADER */
		#header-section.sticky-header {
			position: relative;
		}
		#main-navigation {
			display: none;
		}
		#mobile-navigation {
			display: block;
		}
		#logo img {
			margin: 0 auto;
			max-width: 100%;
		}
		
		
		/* PAGE CONTENT */
		#impact-text {
			padding: 30px 0;
			text-align: center;
		}
		#impact-text h1 {
			font-size: 60px!important;
			line-height: 55px;
			word-wrap: break-word;
		}
		#impact-text h2 {
			word-wrap: break-word;
		}
		
		
		/* PORTFOLIO */
		.filtering li {
			float: none;
			text-align: center;
			margin-bottom: 10px;
			margin-right: 0;
		}
		.overlay-shape li figure {
			left: 0;
		}
		.portfolio-items.overlay-shape .portfolio-item.eight.columns figure, .portfolio-items.overlay-shape .portfolio-item.eight.columns figure > .item-mask, .portfolio-items.overlay-shape .portfolio-item.one-third figure, .portfolio-items.overlay-shape .portfolio-item.one-third figure > .item-mask {
			width: 198px;
			height: 198px;
		}
		.portfolio-items li.four.columns, .portfolio-items li.eight.columns, .portfolio-items li.one-third.column {
			width: 200px;
			margin: 20px 10px 30px;
		}
		.portfolio-details-wrap .client, .portfolio-details-wrap .date, .portfolio-details-wrap .tags, .portfolio-details-wrap .item-link {
			margin-right: 0;
			display: block;
			text-align: center;
			margin-bottom: 10px;
		}
		.portfolio-details-wrap .share-links {
			float: none;
			text-align: center;
			display: block;
			margin: 15px auto 0;
			width: 230px;
		}
		
		
		/* BLOG */
		.container .related-item.four.columns, .has-both-sidebars .container .related-item.four.columns {
			width: 90px;
			margin: 0 10px 20px;
		}
		.related-item figure > a, .has-both-sidebars .related-item figure > a {
			width: 90px;
			height: 68px;
		}
		.author-info {
			width: 77%;
		}
		
		
		/* CLIENTS */
		.client-items li.four.columns {
			width: 200px;
			margin: 20px 10px 10px;
		}
		.client-items.overlay-shape .client-item figure, .client-items.overlay-shape .client-item figure > .item-mask {
			width: 198px;
			height: 198px;
		}
		
		
		/* TEAM */
		.team-members li.four.columns {
			width: 200px;
			margin: 20px 10px 30px;
		}
		
		
		/* CONTACT */
		#map-canvas, .contact-content {
			margin-left: 0;
		}
		#map-canvas {
			width: 100%;
		}
		
		
		/* FOOTER */
		#sticky-footer {
			position: relative!important;
		}
		#footer-social-icons {
			margin-left: 5px;
		}
		#footer-social-icons li, #footer-social-icons li a {
			width: 30px;
		}
		#control-nav a {
			padding: 11px 10px 10px;
		}
		#footer {
			padding-top: 50px;
		}
		#footer-widgets {
			margin: 0;
			text-align: center;
		}
		#footer-widgets .four.columns {
			width: 100%;
		}
		#footer-widgets .footer-column {
			margin-bottom: 40px;
		}
		#copyright p {
			text-align: center;
			width: 100%;
		}
		
		
		/* ASSETS */
		.columns-4 .pricing-table-column {
			width: 48.8%;
		}
		.columns-3 .pricing-table-column {
			width: 32.8%;
		}
		.columns-1 .pricing-table-column {
			width: 99.4%;
		}
		.pricing-table-wrap.bordered .pricing-table-price {
			float: right;
			margin-top: 0;
		}
		.bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column {
			width: 45%;
			margin-bottom: 10px;
		}
		.bordered.columns-3 .pricing-table-column, .bordered_alt.columns-3 .pricing-table-column {
			width: 93.4%;
			margin-bottom: 10px;
		}
		.bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column {
			width: 44.8%;
		}
		.bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column {
			width: 94%;
		}
		
		
		/* COMMENTS */
		#commentform textarea {
			width: 93%;
			max-width: 93%;
			min-width: 93%;
		}
		li.depth-1 .comment-wrap .comment-content, .has-both-sidebars li.depth-1 .comment-wrap .comment-content {
			width: 350px;
		}
		li.depth-2 .comment-wrap .comment-content, .has-both-sidebars li.depth-2 .comment-wrap .comment-content {
			width: 330px;
		}
		li.depth-3 .comment-wrap .comment-content, .has-both-sidebars li.depth-3 .comment-wrap .comment-content {
			width: 310px;
		}
		li.depth-4 .comment-wrap .comment-content, .has-both-sidebars li.depth-4 .comment-wrap .comment-content {
			width: 290px;
		}
		li.depth-5 .comment-wrap .comment-content, .has-both-sidebars li.depth-5 .comment-wrap .comment-content {
			width: 270px;
		}
		li.depth-6 .comment-wrap .comment-content, .has-both-sidebars li.depth-5 .comment-wrap .comment-content {
			width: 250px;
		}
				
		
		/* OTHER */
		.widget.flickr-widget li {
			width: 185px;
			height: 104px;
		}
		.flickr-widget li img {
			height: 104px;
			min-height: 185px;
			min-width: 104px;
		}
		.flickr_images {
			margin-right: 0;
		}
		.sidebar .widget.flickr-widget li {
			width: 64px;
			height: 64px;
		}
		.sidebar .flickr-widget li img {
			height: 64px;
			width: auto;
			min-height: 64px;
			min-width: 64px;
		}
		
	}

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

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	
	
		/* GENERAL */
		.flex-direction-nav {
			display: none;
		}
	
	
		/* LAYOUT */
		.container .sidebar.five.columns {
			width: 280px;
		}
		
		
		/* PAGE CONTENT */
		#impact-text h1 {
			font-size: 55px!important;
			line-height: 50px;
		}
		
		
		/* FOOTER */
		
		#copyright {
			padding: 30px 0;
		}
		
		
		/* PORTFOLIO */
		.portfolio-wrap .portfolio-items.no-shape, .portfolio-wrap .portfolio-items {
			margin: 0;
		}
		.portfolio-items li.four.columns, .portfolio-items li.eight.columns, .portfolio-items li.one-third.column {
			width: 280px;
		}
		.portfolio-items.overlay-shape .portfolio-item.four.columns figure, .portfolio-items.overlay-shape .portfolio-item.four.columns figure > .item-mask, .portfolio-items.overlay-shape .portfolio-item.eight.columns figure, .portfolio-items.overlay-shape .portfolio-item.eight.columns figure > .item-mask, .portfolio-items.overlay-shape .portfolio-item.one-third figure, .portfolio-items.overlay-shape .portfolio-item.one-third figure > .item-mask {
			width: 280px;
			height: 280px;
		}
		
		
		
		/* BLOG */
		.comments-likes {
			float: none;
			margin-top: 10px;
		}
		.container .related-item.four.columns, .has-both-sidebars .container .related-item.four.columns {
			width: 140px;
		}
		.related-item figure > a, .has-both-sidebars .related-item figure > a {
			width: 140px;
			height: 97px;
		}
		.author-info, .has-both-sidebars .author-info {
			width: 66%;
		}
		
		
		/* CLIENTS */
		.client-items li.four.columns {
			width: 280px;
			margin-bottom: 0;
		}
		.client-items.overlay-shape .client-item figure, .client-items.overlay-shape .client-item figure > .item-mask {
			width: 280px;
			height: 280px;
		}
		
		
		/* TEAM */
		.team-wrap .team-members {
			margin: 0;
		}
		.team-members li.four.columns {
			width: 280px;
			margin-bottom: 40px;
		}
		.team-members.overlay-shape .team-member.four.columns figure, .team-members.overlay-shape .team-member.four.columns figure > .item-mask {
			width: 280px;
			height: 280px;
		}
				
		
		/* ASSETS */
		.columns-3 .pricing-table-column {
			width: 99.4%;
			margin-bottom: 10px;
		}
		.columns-3 .pricing-table-column {
			border-left-width: 1px;
		}
		.columns-2 .pricing-table-column {
			width: 49.3%;
		}
		.bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column {
			width: 93%;
		}
		.bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column {
			width: 93%;
			margin-bottom: 10px;
		}
		.bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column {
			width: 93%;
		}
		
		
		/* COMMENTS */
		#commentform textarea {
			width: 91%;
			max-width: 91%;
			min-width: 91%;
		}
		.comment-wrap .comment-content {
			width: 84%;
			margin-left: 0;
		}
		.comment-wrap .comment-avatar {
			display: none;
		}
		.comment .children > li {
			padding: 0 0 0 15px;
			background-position: 0 5px;
		}
		.comment .children > li .comment-wrap {
			padding-left: 0;
		}
		.comment .avatar-arrow {
			display: none;
		}
		li.depth-1 .comment-wrap .comment-content, .has-both-sidebars li.depth-1 .comment-wrap .comment-content {
			width: 270px;
		}
		li.depth-2 .comment-wrap .comment-content, .has-both-sidebars li.depth-2 .comment-wrap .comment-content {
			width: 255px;
		}
		li.depth-3 .comment-wrap .comment-content, .has-both-sidebars li.depth-3 .comment-wrap .comment-content {
			width: 240px;
		}
		li.depth-4 .comment-wrap .comment-content, .has-both-sidebars li.depth-4 .comment-wrap .comment-content {
			width: 225px;
		}
		li.depth-5 .comment-wrap .comment-content, .has-both-sidebars li.depth-5 .comment-wrap .comment-content {
			width: 210px;
		}
		li.depth-6 .comment-wrap .comment-content, .has-both-sidebars li.depth-6 .comment-wrap .comment-content {
			width: 195px;
		}
		
		
		/* OTHER */		
		.widget.flickr-widget li {
			width: 125px;
			height: 85px;
		}
		.flickr-widget li img {
			height: 85px;
			min-height: 85px;
			min-width: 125px;
		}
		.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
			width: 96%;
			margin-bottom: 10px;
		}
		ul.social-icons {
			margin-right: 0;
		}
		.sidebar .widget.flickr-widget li {
			width: 55px;
			height: 55px;
		}
		.sidebar .flickr-widget li img {
			height: 55px;
			width: auto;
			min-height: 55px;
			min-width: 55px;
		}
	}