@media only screen and (min-width : 1260px) {

	.four-column .column{
		width:20% !important;
	}
	.work-container > .work-interior-container{
		/*padding:6px 6px 6px 6px;*/
	}
	.work-container-interior{
		width:100% !important; /* 960px / 1260px */
		float:left !important;
	}
	.other-work .work-interior-container{
		padding:6px !important;
		margin:0 !important;
	}
	.next-work > .work-interior-container{
		padding:6px 6px 6px 0 !important;
		margin:0 !important;
	}

}

@media only screen and (max-width: 1260px){
	.grid-list-view .left{padding-left:0;width:71.041667%;}
	.grid-list-view .left .block .date{position:static;float:left;width:100%;margin-bottom:15px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
	.four-column .column.last{display:none;}
}

@media only screen and (max-width : 1226px) {
	
	.work-container-interior{
		width:100% !important; /* 960px / 1260px */
		float:none !important;
		margin:0 auto !important;
		position:relative !important;
	}
	/*
	.work-interior-container{
		width:99.047619% !important;
	}
	*/
	.other-work{
		display: none !important;
	}
	.about-general .two-third-column .column{
		width:100% !important;
		margin: 0 !important;
	}
	.about-general .two-third-column .odd .one-third-column{
		width:50% !important;
	}
	.about-general .two-third-column .odd .one-third-column .odd{
		float:left !important;
		width:100% !important;
	}
	.about-general .about-general-container ul.capabilities li{
		width:100% !important;
	}
	.about-general .about-general-container ul.seo-tags li{
		clear:none !important;
		margin:0 2.00892857% 10px 0 !important;
	}
	.contact-container .two-column-contact > .odd .content{
		margin-left:4% !important;
		width:96% !important;
	}
	.contact-container .jobs-internships .jobs-internships-container{
		width:94% !important;
		margin:0 3% !important;
	}
	.about-general-container{
		width:94% !important;
		margin:0 3% !important;
	}
	.work-container .wrapper-960,.two-column-case-study .wrapper-960,.work-final .work-container .work-grid-container .client-list-container,.home-large-text-container,#footer .footer-container{
		width:94% !important;
		padding: 0 3% !important;
	}
	#header #header-container{width:94% !important;margin:0 3% !important;}
	
	#map-canvas {width: 100%; margin-left: 0; margin-bottom: 40px; height: 400px}
	.map-cta {margin-left: 0}
	
}

@media only screen and (max-width: 1200px) {
   #custom-port .wrapper-960 {width: 90%;}
}

@media only screen and (max-width: 1024px) {
	/*.four-column-capabilities h1{clear:left;}*/
	.about-general-container{width:96%!important;margin:0 2%!important;padding:0!important;}
	.agency-new .wrapper-960{width:100%!important;}
	.agency-new .capabilities-description{width:88%;padding-left:6%;padding-right:6%;}
	.agency-new .capabilities-description h5{font-size:20px!important;line-height:25px!important;}
}

@media only screen and (max-width: 960px) {
	
	.six-column .column{width: 25%!important;}
	
	.about-statement{
		padding:0 !important;
	}
	.about-statement .about-statement-container{
		padding:0 !important;
	}
	.about-statement .column{
		width:100% !important
	}
	.about-statement .about-statement-container div.img-heart-mind-gut{
		top:0 !important;
		left:0 !important;
		width:100% !important;
	}
	.about-statement .about-statement-container div.img-heart-mind-gut img{
		/*width:100% !important;*/
		display: none;
	}
	.about-statement .even{
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
	
	.experience .about-statement-container {padding: 80px 0 !important;}
	
	/* CASE STUDIES */
	
	.case-studies-grid li{width:49.920635% !important;}
	
	.two-column-case-study .left{width:100% !important;}
	.two-column-case-study .right{width:100% !important;}
	

	form.contact-form input[type="text"], form.contact-form textarea{
		float:left !important;
		width:95.692308% !important; /* 622px / 650px */
		margin:0 0 20px 0 !important;
	}
	.contact-container .two-column-contact > .even form.contact-form input[type="submit"]{
		width:100% !important;
	}

	.grid-list-view .left{width:100%;margin-right:0;padding-left:0;}
	.grid-list-view .right{float:left;width:100%;}
	
	.grid-list-view .left.interior{width:100%;}
	
	form.contact-form input[type="submit"]{width: 35%;height:auto;padding:20px;}

	div.landing-bottom .column input, div.landing-bottom .column textarea {width: 100% !important; font: 400 16px/16px "adelle-sans","adelle",sans-serif;}
  div.landing-bottom .column textarea {height: 176px;}
  div.landing-bottom .column input[type="submit"] {height: 64px; font: 400 16px/16px "adelle-sans","adelle",sans-serif;}
  .landing-popup-wrap {width: 70%;}

}

@media only screen and (max-width:1000px){
	#footer .footer-container ul.footer-right li.first{float:right;}
	#footer .footer-container ul.footer-right li.second{clear:right;}
	/*.work-final .work-container .work-grid-container .work-grid .content{width:32.3% !important;margin-bottom:5px !important;}*/
	.work-final .work-container .work-grid-container .client-list-container ul.client-list li{width:25% !important;}
	
	.blog-landing{width:95% !important;}
	.blog-masonry-container .item{width:32.3% !important;margin-bottom:5px !important;}
	
	.agency-graphic{width:96%!important;margin:0 2%!important;}
	.graphic-description{clear:left;margin-left:0!important;width:96%!important;padding-left:2%!important;padding-right:2%!important;}
}

@media only screen and (max-width:920px){
	.home-experience .wrap {width: 94%; margin: 0 3%;}
	.home-experience h2 {font-size: 22px; padding: 30px 0;}
	.home-experience p {font-size: 18px;}
}

@media only screen and (max-width: 900px){
	
	#header .regular-site{
		display: none !important;
	}
	#header .mobile-site{
		display: block !important;
	}
	#header #header-container ul.nav li{font-size:1.125em!important;}

	body.staff .three-column .second{clear:left;width:100%;margin-left:0;}
	body.staff .three-column .first{margin-left:0;width:100%;margin-bottom:25px;}
	body.staff .about-staff .second ul.staff-name-title li.title{padding-left:0;}
	body.staff .about-staff .second ul.staff-name-title li.name{margin-right:19px;}
	
	.contact-container .jobs-internships .jobs-internships-container ul.job-openings li{
		background: none !important;
		padding-left:0 !important;
		width:100% !important;
	}
	
	/* WORK */
	
	
	.work-final .work-container ul.work-categories li{font-size:15px!important;}
	
	.main-home-slideshow img.logo-large{display: none;}
	
	.jobs-internships-container .column{float:left;width:100%;}
	.main-image.jobs .headings{margin-top:15px;}
	.contact-container .jobs-internships .jobs-internships-container .two-column .column img{position: relative;float:left;}
	.contact-container .jobs-internships .jobs-internships-container .second{margin-left:0;}
	.contact-container .jobs-internships .jobs-internships-container .two-column .column{min-height:inherit !important;}
	
	/*ul.client-list li{width:90% !important;margin:0 5% !important;clear: both !important;}*/
	/*.work-final .work-container .work-grid-container .work-grid .content{width:48.5% !important;margin-bottom:5px !important;}*/
	.work-final .work-container .work-grid-container .work-grid .content .overlay{display: none !important;}
	
	.work-final .work-container ul.hide-clients{position:relative;float:left;padding-left:0;margin-top:15px;}
	.work-final .work-container ul.hide-clients li.text{padding:19px 10px 15px !important;}
	
	.work-interior-container .work-two-column .two .content .overlay{display:none !important;}
	
	.work-interior-container ul.work-navigation{float:left !important;width:100% !important;position: relative!important;}
	.work-interior-container ul.work-navigation li.viewing{display:none;}
	.viewing-text.mobile{display:block;}
	.work-interior-container ul.work-navigation.direction-hover{background:#545150 !important;}
	.work-interior-container .work-two-column .two{padding-bottom:18px;}
	
	.about-staff.mobile{display: block !important;float: left;width: 94%;padding: 25px 3%;}
	
	.four-column-capabilities{margin:0!important;width:100%!important;}
	.four-column-capabilities h1{clear:left!important;width:auto!important;min-width: 125px;clear:left;}
	.four-column-capabilities ul{width:auto!important;padding-left:5%!important;clear: none;}
	.four-column-capabilities ul li{padding-left:5%!important;}
	
	#footer .footer-container ul.footer-right li.break{float:right;}
	
}

@media only screen and (max-width:800px){

	#footer .footer-container ul.footer-right li{margin-top:10px!important;}

	#filter_select_chzn{display: block !important;float:left;}
	ul.work-categories{display:none !important;}
	
	.three-column-agency .column{width:47%;padding-right:3%;}
	.three-column-agency .column.odd{clear:left;}
}

@media only screen and (max-width:720px){
	.graphic-description{width:96%!important;padding-left:2%!important;padding-right:2%!important;margin:0!important;}
	#footer .footer-container ul.footer-right li.break{clear:left;}
	.work-final .work-container .work-grid-container .client-list-container ul.client-list li{width:33.333333%!important;}
}

@media only screen and (max-width : 768px) {
	.experience h1 {font-size: 26px;}
	.experience .intro-callout {display: none;}
	.experience .intro-callout-mob {display: block;}
}


@media only screen and (max-width:700px){
	
	.six-column .column{width: 50%!important;}

	/* WORK INTERIOR */
	
	.work-interior-container{height:auto!important;}
	.work-interior-container .work-wrapper{
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	.work-interior-container .work-two-column{
		width:94% !important;
		margin:0 3% !important;
	}
	.work-interior-container .work-two-column .column{
		width:100% !important;
		position:relative!important;
	}
	.work-interior-container .work-two-column .two img, .work-interior-container .work-two-column .two iframe{
		width:100% !important;
		margin-right:0 !important;
	}
}

@media only screen and (max-width : 640px) {
	.home-experience p {font-size: 16px; line-height: 28px;}
	.experience .capabilities ul {width: 100%; padding-right: 0;}
	.experience .bio .pic {float: none; margin: 0 auto 20px auto;}
}

@media only screen and (max-width: 600px) {
  div.landing-bottom .column input, div.landing-bottom .column textarea {font: 400 18px/18px "adelle-sans","adelle",sans-serif;}
  div.landing-bottom .column input[type="submit"] {height: 76px; font: 400 28px/28px "adelle-sans","adelle",sans-serif;}
  .landing-popup-wrap {width: 90%;}
}

@media only screen and (max-width : 580px) {
	
	.home-large-text .home-large-text-container .four ul.ul-text-line-four{padding-left:0;margin-top:20px;}
	.home-large-text .home-large-text-container .four ul.ul-text-line-four li.extra-margin,.home-large-text .home-large-text-container .four ul.ul-text-line-four li.stay-connected{display: none;}
	.form-home-outer .form-home-container div.copy{width: 100%;}
	.form-home-outer .form-home-container div.copy p{padding-top:10px;}
	.form-home-outer .form-home-container form.form-home h4{line-height:20px;margin-top:15px;}
	.form-home-outer .form-home-container form.form-home ul.buttons li.mobile-hide{display: none;}
	.form-home-outer .form-home-container form.form-home ul.buttons li input{-webkit-appearance: none;}

	.work-final .work-container ul.case-studies-grid li{width:100%!important;margin:0;padding:0;}
	.home-large-text .home-large-text-container .two{margin-bottom:20px;}

	.work-final .work-container .work-grid-container{padding-top:45px!important;}
	.work-final .work-container .work-grid-container .work-grid{width:100%!important;}
	.work-final .work-container .work-grid-container .work-grid .content{width:100%!important;}

	.six-column.desktop{display: none!important;}

	.home-large-text-container .content{padding-top:0!important;}

	.three-column-agency .column{width:100%;padding-right:0;}

	.work-interior-container .work-two-column .two .content{width:100%!important;margin-right:0!important;max-width:100%!important;}

	.work-final .work-container .work-grid-container .client-list-container ul.client-list li{width:50%!important;}
	
	.capabilities-container{margin-bottom:0!important;}
	.capabilities-container .wrapper-960{float:left;width:94%;padding:0 3%;}
	.capabilities-description .cap-container ul li{font-size:20px!important;}

	.four-column-capabilities h1{text-align: left;margin-bottom:5px;min-width:inherit!important;}

	.main-image.jobs{padding-top:15px;}

	.contact-container .jobs-internships .jobs-internships-container .two-column .column img{display: none;}

	form.contact-form{margin-bottom:45px;}
	
	.blog-landing .author-image{float:left;display: block;width:48%;margin-right:2%;}
	.grid-list-view .right .heading.no-top{width:50%;}
	
	.case-study-images{float:left;width:94%;padding:0 3%;}
	
	.three-column{margin-bottom:15px;}
	.three-column .first{background:none!important;}
	
	.grid-list-view{margin-top:15px;}
	
	.grid-list-view .left .block .copy ul li{background-position:20px 15px;}
	
	button.exit{display:none;}

	form.contact-form .submit .copy{width:100%;}
	form.contact-form .submit .button{width:100%;}
	form.contact-form .uploads .upload-item{width:100%;margin:0;padding:0;background:none;}

	/*.work-final .work-container .work-grid-container .work-grid .content{width:100% !important;margin-bottom:30px !important;}*/

	.grid-list-view .right{display: none;}
	.grid-list-view .right.interior{display:block;}
	
	.blog-landing .sorting ul.filter li{display:none;}
	.blog-landing .sorting ul.filter li.categories{display: block;}
	.blog-landing .sorting{top:50px;}
	
	.blog-masonry-container{margin-top:35px;}
	.blog-masonry-container .item{width:100% !important;margin-bottom:30px !important;}
	
	body{
		min-width: 50px !important;
	}
	#main-wrapper{
		margin-top:75px;
	}
	#header{-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);}
	#header .mobile-site{
		width:91.666667% !important; /* 440px / 480px */
		margin:0 auto !important;
	}
	#header .mobile-site .column{
		margin-bottom:20px !important;
	}
	#header .mobile-site .column img{
		float:left !important;
	}
	#header .mobile-site .first{
		float:left !important;
		width:72.727273% !important; /* 320px / 440px */
	}
	#header .mobile-site .second{
		float:left !important;
		width:27.272727% !important; /* 120px / 440px */
	}
	#header .mobile-site .second ul.nav-mobile li{
		float:left;
		width:100%;
		display:inline-block;
		list-style-type: none !important;
	}
	#footer{
		float:left !important;
		width:100% !important;
		position:static !important;
	}
	/*
	.filter{
		display: none !important;
	}
	*/
	.filter .filter-container{
		width:91.666667% !important; /* 440px / 480px */
		margin:0 auto !important;
	}
	
	/* COLUMNS */
	
	.videos-container .column{
		margin:0 0 0.47619048% 0 !important;
	}
	.two-column-contact{
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	.two-column-contact .column.odd{
		float:left !important;
		width:100% !important;
		margin:0 0 20px 0 !important;
	}
	.two-column-contact .column.even{
		width:94% !important;
		margin:0 3% !important;
	}
	.contact-container .two-column-contact > .odd .content{
		margin-left:20px !important;
	}
	.contact-container .two-column-contact > .odd .content ul.contact-information{
		width:100% !important;
	}
	.contact-container .two-column-contact > .odd .content ul.contact-additional{
		width:100% !important;
	}
	.contact-container .two-column-contact > .odd .content ul.contact-information li{
		/*width:98% !important;*/
		/*background:none !important;*/
		padding:2% 0 2% 60px !important;
	}
	.jobs-internships-container{
		width:94% !important;
		margin:0 3% !important;
	}
	.contact-container .jobs-internships .jobs-internships-container ul.job-openings li{
		padding:0 !important;
		background:none !important;
		width:100% !important;
	}
	.about-general-container{
		width: 96% !important;
		float:left !important;
		margin: 0 2% !important;
		height:auto !important;
	
		padding: 0;
}
	.about-general .about-general-container .gray-box h3{
		padding:15px 0 15px 3% !important;
		text-align:left;
		font-weight:normal !important;
		font-style:italic;
	}
	.two-third-column .odd{
		width:100% !important;
		margin-right:0 !important;
	}
	.two-third-column .column h2{
		padding-left:3%;
	}
	.two-third-interior .even{
		width:100% !important;
	}
	.two-third-interior .odd{
		width:100% !important;
		margin:0 0 0.48076923% 0 !important;
	}
	.two-third-interior .one-column .small-margin-bottom{
		margin:0 0 0.48076923% 0 !important;
	}
	.four-column .column{
		width:50% !important;
	}
	.four-column-interior .column{
		width:49.7596154% !important; /* (100% - 0.48076923%) / 2 */
	}
	.four-column-interior .even{
		margin:0 0 0.48076923% 0 !important;
	}
	.four-column-interior .odd{
		margin-bottom:0.48076923% !important;
	}
	.small-margin-bottom{
		margin:0 !important;
	}
	.two-column .column{
		float:left !important;
		width: 100% !important;
		margin:0 !important;
	}
	.two-column .first, .two-column .second{
		width: 100% !important;
		margin:0 !important;
	}
	.two-column-interior .column{
		width:100% !important;
	}
	.two-column-interior .odd{
		margin:0 0 0.48076923% 0 !important;
	}
	.two-column-interior .even{
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.about-general .about-general-container ul.capabilities li{
		width:90% !important;
		padding:0 5%;
	}
	
	
	#map-canvas {width: 300px; height: 200px}
	
	/* NAVIGATION */
	
	#header #header-container img.logo-small{
		margin:0 20px 0 0;
	}
	
	/* HOME */
	
	.first-time-slideshow{
		display: none !important;
	}
	.form-home-outer{
		float:left;
		width:100%;
		margin:0 !important;
		padding:15px 0 !important;
	}
	.form-home-outer .form-home-container{
		width:94% !important;
		margin:0 3% !important;
		float:left !important;
	}
	.form-home-outer .form-home-container form.form-home input[type="text"], .form-home-outer .form-home-container form.form-home textarea{
		float:left !important;
		width:96.25% !important;
		margin-right:0 !important;
		margin-bottom:10px !important;
	}
	.form-home-outer .form-home-container form.form-home input[type="submit"]{
		float:left !important;
		width:100% !important;
	}
	.home-information-container{
		width:94% !important;
		margin:0 3% !important;
		float:left !important;
	}
	.home-large-text{
		background:url('/National_Library/oe_/https://www.missionmedia.com/images/bg-wood-planks-mobile.jpg') 0 0 repeat-y !important;
		height:278px !important;
	}
	.home-large-text .home-large-text-container{
		padding:60px 0 0 0 !important;
		height:218px !important;
	}
	
	/*
	.view-more-work-container ul.ul-view-more-work li.text{
		float:none !important;
		width:auto !important;
	}
	.view-more-work-container ul.ul-view-more-work li.image{
		float:none;
		width:auto;
	}
	*/
	
	/* AGENCY */
	
	.six-column .column{
		width:50% !important;
	}
	
	.about-statement{
		background-repeat: repeat-y !important;
		max-height:none !important;
		height:auto !important;
	}
	.about-statement .about-statement-container{
		width:94% !important;
		margin:0 3% !important;
		float:left !important;
		padding:20px 0 !important;
		height:auto !important;
	}
	.one-third-column .even{
		width:100% !important;
	}
	.one-third-column .two-column .column{
		width:100% !important;
		margin:0 !important;
	}
	.two-third-column .gray-box{
		margin:0 0 20px 0 !important;
		width:100% !important;
	}
	.two-third-column .even{
		width:100% !important;
	}
	.about-general .two-third-column .column ul.seo-tags{
		width:auto !important;
	}
	
	.experience .about-statement-container {padding: 60px 0 !important;}
	
	#footer .footer-container ul.footer-right{float:left!important;margin-bottom:15px;}
	#footer .footer-container ul.footer-right li{margin-top:10px!important;}
	#footer .footer-container ul.footer-right li.first{margin-top:10px!important;margin-bottom:10px!important;width:auto!important;margin-right:10px!important;float:left;}
	#footer .footer-container ul.footer-right li.break{clear: none!important;float:left!important;}
	#footer .footer-container ul.footer-right li.second{clear: none!important;width:auto!important;}
	
	.view-more-work-container ul.ul-view-more-work li a.orange-arrow-right{}
	
	.work-interior-container .work-two-column .column{position: relative!important;}
	
	.mobile-blog-hide{display: block;}
	.mobile-blog-show{display: none;}
	
}

@media only screen and (max-width : 500px) {
	.experience .about-statement-container {padding: 30px 0 !important;}
	.experience h1 {font-size: 20px;}
}

@media only screen and (max-width : 380px) {
	#footer .footer-container ul.footer-right li.first {float: none; display: block;}
}

  @media only screen and (max-width: 800px) {
    div.landing-top .two-column .column:first-child, div.landing-top .two-column .column:nth-child(2) {
      float: none !important; 
      width: auto !important; 
      margin: 0 0 40px 0 !important;
    }
      div.landing-top .two-column .column:nth-child(2)
      {
        padding: 20px 28px;
        margin: 0 !important;
        background: #eee;
      }

    div.landing-bottom .column h2 {
      font-size: 24px;
      line-height: 36px;
    }
    div.landing-bottom .three-column .column {
      float: none; 
      width: auto; 
      margin: 0;
    }
      div.landing-bottom .column .block {
        height: 300px !important;
        margin-bottom: 36px;
      }
  }