@media only screen and (min-width: 1300px) {
	#boxed {
		width: 1200px!important;
		margin: 0 auto;
	}
	.container {
		max-width: 1100px;  
	} 
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
	#boxed {
		width: 980px!important;
		margin: 0 auto;
	}
	
	.col h2 {
		font-size: 20px;
	}
	
	.col h3 {
		font-size: 18px;
	}
	
	.col h4 {
		font-size: 16px;
	}
}

@media only screen and (min-width : 690px) and (max-width : 1000px) {
	.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;	
	}
	header .col {
		margin-bottom: 0;
	}
	
	.container {
    	max-width: 600px; 
  	}
	
	.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; }
	
	#footer-outer #copyright .col {
		width: 49%;
		margin-bottom: 0px;
	}
	
	#footer-widgets .container .col {
		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;
	}
}

@media only screen and (max-width : 1000px) {
	#footer-menu li {
		padding-left: 15px;
	}
	#footer-menu li:before {
		padding-right: 15px;
	}
}

@media only screen and (max-width : 690px) {
	.container, div.slider-nav {
    	max-width: 300px!important; 
  	} 
  
  	.col {
		margin-bottom: 25px;
	}
	
	.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;
	}
	
	#footer-widgets .container .col:nth-child(3) {
		margin-bottom: 40px!important;
	}
	
	#footer-menu {
		text-align: left;
	}
	#footer-outer #social {
		float: none;
	}
	
	#footer-outer #flickr img, #sidebar #flickr img {
		width: 95px;
	}

  	#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;
  	}
	
	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 {
		float: none!important;
	}
	
	.tabbed > ul li a {
		border-right: 0px!important;
	}
	
	.row .col.section-title.project-title {
		padding-bottom: 30px;
		margin-bottom: 30px!important;
	}
	
	#footer-outer #social li {	
	   margin-right: 10px;
	   margin-left: 0px!important;
	}
}

@media only screen and (min-width : 1px) and (max-width : 1000px) {
	header#top {
		height: 85px;
	}
	
	header#top .col {
		margin: 0;
	}
	
	header#top #logo {
		line-height: 30px;
	}
	
	body header#top #logo img {
		height: 60px!important;
		position: relative;
	}
  	
  	header#top #logo { float: left; }
	header#top #toggle-nav { display: block!important; float: right; }
  	
	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#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!important;
		position: relative;
		z-index: 100000;
	}
	
	header#top nav > ul li {
		display: block;
		width: 100%;
		float: none!important;
		margin-left: 0px!important;
	}
	
	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;
	}
	
	#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: #27CFC3;
	}
	
	a > .sf-sub-indicator { 
		right: 0px!important;
		position: absolute;
		padding: 16px;
		left: auto!important;
  	    top: 0px!important; 
		height: auto;
		width: auto;
  	}
	
	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;
	}
  	
  	#footer-widgets .container .col {
  		margin-bottom: 40px;
  	}
  	
  	#footer-widgets .container .col:nth-child(3), #footer-widgets .container .col:nth-child(4) {
  		margin-bottom: 0px;
  	}
	
  	.wp-caption {
  		width: 100%!important;
  	}
	
	.main-content > div {
		padding-bottom: 0px;
	}
	
	#footer-outer #social li {	
	   width: 33px;
	   margin-top: 9px;
	   margin-bottom: 9px;
	}
	
	.carousel-heading h2 {
		max-width: 82%;
	}
}