@media (min-width: 1300px) {
  .container {
    max-width: 1100px; 
  } 
}


@media only screen and (min-width: 1001px) and (max-width: 1300px) {
	
	.col h2 {
		font-size: 20px;
	}
	
	.col h3 {
		font-size: 18px;
	}
	
	.col h4 {
		font-size: 16px;
	}
	
	.container #portfolio.portfolio-items .col {
		margin-bottom: 20px!important;
	}
	
	.carousel-wrap.recent-work-carousel {
		height: 252px!important;
	}
	
	.carousel-wrap.recent-work-carousel .caroufredsel_wrapper .portfolio-items {
		height: 252px!important;
	}
	
	body #featured .orbit-slide article .container .span_12 {
		width: 900px!important;
	}
	
	#author-bio #author-info {
	  	width: 544px!important;
	}
	
	#portfolio.portfolio-items .col.span_3 .work-item .work-info a {
		padding: 5px 6px!important;
		font-size: 11px!important;
		margin: 1px!important;
	}
	
	#portfolio.portfolio-items .col.span_3 .work-meta, #portfolio.portfolio-items .col.span_4 .work-meta {
		width: 74%!important;
	}
	
	#portfolio.portfolio-items .col.span_3 .nectar-love-wrap, #portfolio.portfolio-items .col.span_4 .nectar-love-wrap  {
		width: 52px;
	}
	
	body.single-portfolio #sidebar.fixed-sidebar, body.single-portfolio #sidebar {
		width: 224px!important;
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1080px) {
	body #featured .orbit-slide article .container .span_12 {
		width: 820px!important;
	}
	
	body #sidebar.fixed-sidebar, body.single-portfolio #sidebar {
		top: 0px!important;
		margin-left: 0px!important;
		position: relative!important;
	}
}

@media only screen and (max-width: 1020px) {
	#to-top {
		display: none!important;
	}
}

/* iPad landscape fixes */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
	
	
	body[data-smooth-scrolling="1"], body[data-smooth-scrolling="1"] #header-outer {
		padding-right: 0px!important;
	}
	
	body[data-smooth-scrolling="1"] .orbit-wrapper div.slider-nav span.right {
		right: 0px!important;
	}
	
	#featured article {
		background-position: center!important;
	}
	
	#featured .orbit-slide article .container {
		top: 145px!important;
		position: absolute!important;
	}
	
	.orbit-wrapper div.slider-nav span.left, .orbit-wrapper div.slider-nav span.right {
		position: absolute!important;
		top: 230px!important;
	}
	
	.orbit-wrapper, .orbit-wrapper #featured, .orbit-wrapper #featured article  {
  		height: 450px!important;	
  		margin-bottom: 0;
  	}
  	
  	#featured article {
		background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		-webkit-background-size: cover!important;
		background-attachment: scroll!important;
	}
	
	body .fixed-sidebar, .single-portfolio #sidebar {
		top: 0px!important;
		width: 23.5%!important;
		margin-left: 0px!important;
		position: relative!important;
	}
}



@media only screen 
and (min-width : 690px) and (max-width : 1000px) {
	
	body[data-smooth-scrolling="1"] #header-outer {
		padding-right: 0px!important;	
	}
	
	.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 { width: 100%; margin-left: 0px; }
	
	.col {
		margin-bottom: 15px;	
	}
	
	.container {
    	max-width: 600px; 
  	} 
  	
  	.orbit-wrapper, .orbit-wrapper #featured, .orbit-wrapper #featured article  {
  		height: 450px!important;	
  		margin-bottom: 0em;
  	}
  	
  	
	body #featured .orbit-slide article .container { 
	    top: -25px!important;
	    opacity: 1!important;
	    position: absolute!important;
	}
	
	body #featured .orbit-slide article .container .span_12 {
		width: 600px!important;
	}
	
	.one-fourths.span_3 { width: 48%!important; margin-bottom: 2%; margin-right: 15px; margin-left: 0px!important; padding: 15px; float: left; }
  	
  	.one-fourths.span_3.clear-both { clear: both; }
  	.one-fourths.span_3.right-edge { margin-right: 0px; }

  	.portfolio-items .col {
  		width: 100%;
  		margin-left: 0px;
  		margin-bottom: 8px;
  	}
  	
  	.col.boxed:hover {
  		margin-top: 0px!important;
  		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
    	box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
  	}
  	
  	body #featured article .post-title h2 span {
  		font-size: 24px!important;
  		line-height: 43px!important;
  	}
  	
  	
	#featured article .post-title h2 {
		max-width: 310px!important;
    	min-width: 310px!important;
	}
	
	#call-to-action .container a {
		margin-top: 20px;
		margin-left: 0px!important;
	}
	
	#post-area {
		padding-right: 0px!important;
	}
	
	
	.contact-info {
		padding-left: 0px!important;
	}
	
	
	#sidebar #flickr > div {
		width: 16%!important;
	}
	
	#footer-outer #copyright .col {
		width: 49%;
		margin-bottom: 0px;
	}
	
	#footer-widgets .container .col {
		margin-left: 15px;
		width: 48%;
	}
	
	#footer-widgets .one-fourths .span_3:nth-child(2n+1) {
		margin-left: 0px;
	}
	
	body #sidebar #flickr div {
		float: left;
	}
	
	#sidebar .recent_projects_widget div a, body #sidebar #flickr div a  {
		width: 90px!important;
	}
	
	body #sidebar .recent_projects_widget div a:last-child, body #sidebar #flickr div {
		margin-right: 0px!important;
	}
	
	#sidebar .recent_projects_widget div a:nth-child(3n+3), body #sidebar #flickr div:nth-child(3n+3) a {
		margin: 2% 2% 0 0!important;
	}
	
	.carousel-wrap.recent-work-carousel  {
		height: 250px!important;
	}
	
	.carousel-wrap.recent-work-carousel  .portfolio-items {
		height: 250px!important;
	}
	
	#author-bio #author-info {
	  	width: 494px!important;
	}
	
	#page-header-bg .span_6 h1 {
  		font-size: 32px!important;
  		line-height: 32px!important;
  	}
  	#page-header-bg .span_6 span.subheader {
  		font-size: 22px!important;
  	}
	
	#page-header-bg .span_6 {
		top: auto!important;
		float: none!important;
	}
	
	#portfolio-filters {
		position: relative!important;
		display: inline-block!important;
		clear: both!important;
		top: auto!important;
	}
	
	.page-header-no-bg  #portfolio-filters {
		padding-top: 15px!important;
		float: none!important;
		clear: both;
		height: auto!important;
	}
	
	.page-header-no-bg  #portfolio-filters ul {
		position: absolute;
	}
	
	.pricing-table > div { 
  		width: 50%!important; 
  		margin-bottom: 25px!important;
  	}
  	
  	.pricing-column.highlight .nectar-button {
  		margin-bottom: 10px!important;
  		margin-top: 0px!important;
  	}
  	
  	.pricing-column.highlight {
  		margin-top: 0px!important;
  	}
  	
  	.pricing-column h3 {
  		font-size: 20px!important;
  	}
  	
  	.pricing-column.highlight h3 {
  		padding: 5px 0px!important;
  	}
  	
  	body .clients.no-carousel > div { 
  		width: 24.2%!important;
  		margin-right: 1%!important;
  	}
  	
  	body .clients.no-carousel > div:nth-child(4n+4){
  		margin-right: 0px!important;
  	}
  	
  	body .clients.carousel > div {
		margin: 0px 5px!important;
	}
	
	#call-to-action .container span {
		display: block!important;
	}
}

@media only screen 
and (max-width : 690px) {
	
	body[data-smooth-scrolling="1"] #header-outer {
		padding-right: 0px!important;	
	}
	
	.container, div.slider-nav {
    	max-width: 300px!important; 
  	} 
  
  	.col {
		margin-bottom: 25px;
	}
	
	.col.boxed:hover {
  		margin-top: 0px!important;
  		-o-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
    	box-shadow: 0 1px 2px rgba(0,0,0,0.2)!important;
  	}
  
	#header-outer .col {
  		margin-bottom: 0px;
  	}
  	
  	.orbit-wrapper #featured article .post-title h2 span {
		font-size: 18px;
	}
	
	.orbit-wrapper, .orbit-wrapper #featured {
  		height: 325px!important;	
  		margin-bottom: 0em;
  		margin-top: -31px;
  	}
  	
  	.orbit-wrapper #featured article {
  		height: 325px!important;	
  		margin-bottom: 3em;
  	}
	
	.orbit-wrapper #featured article .post-title h2 span {
		line-height: 35px !important;
	}
	
	body .orbit-wrapper #featured article .post-title h2 {
		max-width: 240px!important;
		min-width: 240px!important;
	}
	
	body #featured .orbit-slide article .container { 
	    top: -20px!important;
	    opacity: 1!important;
	    position: absolute!important;
	}
	
	body #featured .orbit-slide article .container .span_12 {
		width: 300px!important;
		position: relative;
	}
	
	.container article.post .post-meta {
		display: none;
	}
	
	.container article.post .post-content {
		padding-left: 0px!important;
	}
	
	.container article.post .post-header h2  {
		font-size: 18px;
	}	
	
	.container .post-header {
	    font-size: 10px;
	}
	
	.container .comment-list li.comment > div {
		padding: 25px 25px 70px 25px;
	}
	
	.container .comment-list li.comment > div img.avatar {
		display: none;
	}
	
	.container #respond h3 {
		font-size: 13px;
	}
	
	.container .comment-list .reply {
    	right: 29px;
    	top: auto;
    	bottom: 29px;
	}	 
	
	.container .contact-info {
		padding-left: 0px;
	}
	
	.row .col.section-title span {
		display: none;
	}
	
	#page-header-bg h1 {
		font-size: 34px!important;
	}
	
	#page-header-bg .subheader {
		font-size: 22px!important;
	}
	
	
	body #footer-outer #copyright .col ul {
		float: left;
	}
	
	body #footer-outer #copyright .col ul li:first-child {
		margin-left: 0px;
	}
	
	body .orbit-wrapper #featured article .post-title {
  		top: 120px!important;
  	}
  	
  	
	.orbit-wrapper #featured article .post-title h2 {
		max-width: 260px;
		min-width: 260px;
	}
	
	#call-to-action .container a {
		display: block!important;
		margin-top: 20px;
		margin-left: 0px!important;
	}
	
	
	#call-to-action {
		font-size: 18px!important;
	}
	
	#footer-widgets .container .col:nth-child(3) {
		margin-bottom: 40px!important;
	}
	
	.carousel-wrap.recent-work-carousel  {
		height: 250px!important;
	}
	
	.carousel-wrap.recent-work-carousel .portfolio-items {
		height: 270px!important;
	}
	
	#footer-outer #flickr img, #sidebar #flickr img {
		width: 95px;
	}
	
	#post-area #pagination {
		padding-left: 0px!important;	
	}
	
	.single #single-meta {
		display: none;
	}
	
	body #featured .orbit-slide article .container {
		top: -35px!important;	
	}
	
	body #featured article .post-title a {
  		padding: 6px 9px!important;
  		font-size: 10px;
  		top: 10px!important;
  	}
  	
  	
	#search-results .result  {
  		width: 100%!important;
  		margin-right: 0px!important;
  		margin-bottom: 15px!important;
  		margin-left: 0px!important;
  	}
  	
  	.gallery .gallery-item {
  		width: 100%!important;
  	}
  	
  	#author-bio img {
  		margin-right: 0px!important;
  		width: 60px;
  	}
  	
  	#author-bio #author-info {
  		width: 215px!important;
  	}

  	#contact-map {
  		height: 270px!important;
  	}
  	
  	div.pp_pic_holder {
  		left: 9px!important;
  		width: 96%!important;
  	}
  	
  	.pp_content {
  		width: 100%!important;
  		height: 290px!important;
  	}
  	
  	.pp_content iframe {
  		width: 100%!important;
  	}
  	
  	.pp_content .pp_inline iframe {
  		height: 250px!important;
  	}
  	
  	.pp_content img {
  		width: 100%!important;
  		height: auto!important;
  	}
  	
  	#page-header-bg .span_6 h1 {
  		font-size: 24px!important;
  		line-height: 24px!important;
  	}
  	#page-header-bg .span_6 span.subheader {
  		font-size: 18px!important;
  	}
  	
  	#page-header-bg .span_6 {
		top: auto!important;
		float: none!important;
	}
	
	#portfolio-filters {
		position: relative!important;
		display: block!important;
		clear: both!important;
		top: auto!important;
	}
	
	.page-header-no-bg  #portfolio-filters {
		padding-top: 15px!important;
		height: auto!important;
	}
  	
  	.pricing-table > div { 
  		width: 100%!important; 
  		margin: 0px 0px 25px 0px!important;
  	}
  	
  	body .clients.no-carousel > div { 
  		margin-right: 1%!important;
  		width: 49.4%!important;
  	}
  
    body .clients.no-carousel > div:nth-child(2n+2){
  		margin-right: 0px!important;
  	}
	
	body .clients.carousel > div {
		margin: 0px 5px!important;
		width: 150px!important;
	}
	
	body .clients.carousel.phone > div { 
		width: 150px!important;
	}
	
	body .row #error-404 h1 {
		 font-size: 150px !important;
   		 line-height: 150px !important;
	}
	
	body .row #error-404 h2 {
		 font-size: 40px;
	}
	
	body .row #error-404 {
		margin-bottom: 0px;
	}
	
	.tabbed > ul li {
		float: none;
		width: 100%;
	}
	
	.tabbed > ul li a {
		border-right: 0px!important;
	}
	
	#portfolio-nav {
		margin: 10px 0px 0px;
		position: relative!important;
	}
	
	#portfolio-nav ul {
		margin-left: 0px;
	}
	
	.row .col.section-title.project-title {
		padding-bottom: 30px;
		margin-bottom: 30px!important;
	}
}


@media only screen 
and (min-width : 1px) and (max-width : 1000px) {
	
	body[data-smooth-scrolling="1"], body[data-smooth-scrolling="1"] #header-outer {
		padding-right: 0px!important;
	}
	
	header#top #logo  {
		margin-top: 7px!important;	
	}
	
	body header#top #logo img {
		height: 24px!important;
		margin-top: -3px!important;
		top: 3px; 
		position: relative;
	}
	
	.admin-bar #header-outer {
		top: 0px!important;	
	}
	
	#header-outer {
  		position: relative!important;	
  		height: 52px!important;
  		padding-top: 10px!important;
  		margin-bottom: 30px;
  	}
  	
  	#header-outer #logo { top: 6px!important; left: 6px!important; }
  	#header-space, #search-outer { display: none!important; }
	header#top #toggle-nav { display: block!important; }
	
	header#top .col.span_3 {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 1000;
  		width: 85%!important;
  	}
  	
  	header#top .col.span_9 {
  		margin-left: 0px;
  		min-height: 48px;
  		width: 100%!important;
  		float: none;
  		z-index: 100;
		position: relative;
  	}
  	
	#header-outer header#top nav > ul {
		width: 100%;
		padding: 15px 0px 25px 0px!important;
		margin: 0px auto 0px auto!important;
		float: none!important;
		z-index: 100000;
		position: relative;
	}
	
	
	#header-outer header#top nav {
		background-color: #1F1F1F;
		margin-left: -250px!important;	
		margin-right: -250px!important;	
		padding: 0px 250px 0px 250px;
		top: 48px;
		margin-bottom: 75px;
		display: none;
		position: relative;
		z-index: 100000;
	}
	
	header#top nav > ul li {
		display: block;
		width: 100%;
		float: none!important;
		margin-left: 0px!important;
	}
	
	#header-outer header#top nav > ul {
		overflow: hidden!important;
	}
	
	header#top nav > ul ul {
		position: relative;
		width: 100%;
		top:0px!important;
		left: 0px!important;
		padding: 0px;
		visibility: visible!important;
		box-shadow: 0px 0px 0px #fff!important;
		-moz-box-shadow: 0px 0px 0px #fff!important;
		-webkit-box-shadow: 0px 0px 0px #fff!important;
		background-color: transparent!important;
		float: none!important;
	}
	
	header#top nav > ul ul li {
		padding-left: 20px;
	}
	
	header#top .sf-menu a {
		color: rgba(255,255,255,0.6)!important;
		font-size: 12px;
		border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
		padding: 16px 0px 16px 0px!important;
		background-color: transparent!important;	
	}
	
	header#top nav .sf-menu li.sfHover > a {
		color: #FFBAAF;
	}
	
	#header-outer #top nav ul li a:hover, #header-outer header#top nav .sf-menu li.sfHover > a, #header-outer header#top nav .sf-menu li.current_page_ancestor > a, #header-outer header#top nav .sf-menu li.current-menu-ancestor > a, #header-outer header#top nav .sf-menu li.current_page_item > a {
		color: #27CFC3;
	}
	
	a > .sf-sub-indicator { 
		right: 16px!important;
		position: absolute;
		left: auto!important;
  	    top: 16px!important; 
  	}
	
	header#top .sf-menu li ul li a:hover,
    header#top nav ul li a:hover, 
    header#top nav .sf-menu li.sfHover > a, 
    header#top nav .sf-menu li.current_page_ancestor > a, 
    header#top nav .sf-menu li.current-menu-ancestor > a, 
    header#top nav .sf-menu li.current_page_item > a {
		color: #FFF!Important;
	}
	
	header#top .sf-menu > li:hover  ul, header#top .sf-menu > li.sfHover  ul {
		height: 0px;
		position: absolute;
		visibility: hidden!important;
		overflow: hidden;
    }

    
    header#top .sf-menu li ul.mobile-open {
    	height: auto!important;
    	display: block!important;
    	position: relative;
    	visibility: visible!important;
    }
	
	header#top nav > ul > li > a {
		padding:16px 0px!important;
		border-bottom: 1px solid #ddd;
	}
	
	header#top, #header-outer {
		height: auto!important;
	}
	
	header#top li#search-btn {
		display: none;
	}
	
	.orbit-wrapper #featured .slide article .post-title, .orbit-wrapper .slider-nav > span {
		opacity: 1!important;
		margin-top: 0px!important;
	}
	
	#featured article {
		background-size: cover!important;
		-moz-background-size: cover!important;
		-o-background-size: cover!important;
		-webkit-background-size: cover!important;
		background-attachment: scroll!important;
	}
	
	.orbit-wrapper, .orbit-wrapper #featured {
  		margin-top: -31px;
  	}
  	

	#post-area {
		padding-right: 0px!important;
	}
	
	div.slider-nav {
		position: relative;
		max-width: 600px; 
		margin: -40px auto 0px auto;
	}
	
	div.slider-nav > span {
		height: 25px!important;
		width: 25px!important;
		background-repeat: no-repeat!important;
		background-image: url(../img/icons/slider-arrows-small.png)!important;
	}
	
	body .orbit-wrapper div.slider-nav > span.left, body .orbit-wrapper div.slider-nav > span.right {
		background-color: #fff!important;
	}
	
	div.slider-nav > span.left {
		left: 0px; 
		background-position: 9px -20px!important;
	}
	
	div.slider-nav > span.right {
		left: 30px!important;
		background-position: -38px -20px!important
	}
	
	
	div.slider-nav span span {
		display: none!important;
	}
	
	#portfolio {
		margin: 3px 0 0!important;
	}
	
	#portfolio.portfolio-items .col.span_4, #portfolio.portfolio-items .col.span_3 {
  		width: 100%!important;
  		margin-right: 0px!important;
  		margin-left: 0px!important;
  	}
  	
  	.portfolio-items .col {
  		margin-bottom: 15px!important;
  	}
  	
  	.orbit-wrapper #featured article .post-title, .orbit-wrapper div.slider-nav span {
  		position: absolute;
  	}
  	
  	.orbit-wrapper #featured article .post-title {
  		top: 170px!important;
  		left: 0px;
  	}
  	
  	.orbit-wrapper div.slider-nav span {
  		top: 0px!important;
  	}
  	
  	#footer-widgets .container .col {
  		margin-bottom: 40px;
  	}
  	
  	#footer-widgets .container .col:nth-child(3), #footer-widgets .container .col:nth-child(4) {
  		margin-bottom: 0px;
  	}
  	
  	#pagination {
		margin-bottom: 40px!important;
	}
	
	.single .section-title h1 {
		max-width: 390px;
	}
	
    body #featured article .post-title a {
  		padding: 10px 12px;
  		background-color: #27CFC3;
  		border-color: #27CFC3;
  		color: #fff;
  		top: 20px;
  	}
  	
  	body #featured article .post-title a:hover {
  		border-color: #27CFC3;
  		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  		-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  	}
  	
  	#featured article .post-title a {
  		left: 0px!important;
  	}
  	
  	#portfolio.portfolio-items .col.span_3 .work-item .work-info a {
		padding: 9px 15px!important;
		font-size: 12px!important;
		margin: 5px!important;
	}
	
  	.wp-caption {
  		width: 100%!important;
  	}
  	
  	body.single-portfolio #sidebar.fixed-sidebar, body.single-portfolio #sidebar  {
		top: 0px!important;
		width: 100%!important;
		margin-left: 0px!important;
		margin-top: 10px;
		position: relative!important;
	}
	
	body.search .row .col.section-title h1 {
		font-size: 18px!Important;	
	}
	
	body.search .row .col.section-title span {
		display: inline-block;
		margin-top: 10px;
		font-size: 14px;
	}
	
	body.search .divider {
		display: none;	
	}
	
	.main-content > div {
		padding-bottom: 0px;
	}
	
}