/*======================================================================
    1500px
----------------------------------------------------------------------*/
@media only screen and (max-width:1500px){



}

/*======================================================================
    1440px
----------------------------------------------------------------------*/
@media only screen and (max-width:1440px){
	
	
	
	div.page-cover div.page-wrapper div.table .headline {
		width: 80%;
	}
	
	#seal {
		right: 150px; 
		margin-top: -60px; 
		height: 250px;
	}
	
	#contact .page-wrapper #postcard {
		width: 80%;
	}
	
	.back_nav {
		position: relative;
		width: 100%;
	}
	
	.back_nav .back_wrapper {
		text-align: center;
		margin-right: 0px;
		padding-bottom: 30px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
		width: 700px;
		text-align: center;
	}
	
	div.module-awards div.module-wrapper {
	    padding: 30px 0px;
	}
		
	
}

/*======================================================================
    1300px
----------------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	
	/*============================================================
		Module (Home: Insights)
	------------------------------------------------------------*/
	div.module-insights div.module-wrapper div.resources{
		width:calc(100% / 4);
		float:left;
	}
	div.module-insights div.module-wrapper div.news{
		width:calc(100% / 4 * 3);
		float:left;
	}
	div.module-insights div.module-wrapper div.news div.post{
		width:calc(100% / 3);
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3){
		width:calc(100% / 3)
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3):before{
		padding-top:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(4){
		width:calc(100% / 3 * 2)
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(4):before{
		padding-top:50%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(5){
		display:none;
	}
	
	div.module-news div.module-wrapper .post .content .text div, div.module-news div.module-wrapper .post .content .text {
	    font-size: 22px;
    }
    
    .module-half .table .half {
	    width: calc(50% - 120px);
	    padding-right: 60px;
	    padding-left: 60px;
	    line-height: 25px;
	    font-size: 16px;
	}
	
	.module-half .table .half h1, #process_types div.module-wrapper div.showcase-container div.showcase-column-4 div.showcase div.content div.info table tr td {
	    font-size: 40px;
	    line-height: 45px;
    }
    
    
	.titles {
	    font-size: 40px;
	    line-height: 45px;
	}

    
    #process_copy {
	    padding-top: 60px;
	    padding-bottom: 60px;
    }
    
    #process_video, #studio_image {
	    width: 50%;
	    display: table;
	    width: 50%;
	    padding: 0px;
	}
	
	div.page-quote div.page-wrapper div.table .quote {
	    width: 90%;
	}
	
	#seal {
		right: 100px; 
		margin-top: -60px; 
		height: 250px;
	}
	
	#contact .page-wrapper #postcard_form #postcard_address {
		padding-left: 70px;
	}
	
	#contact .page-wrapper #postcard {
		width: 90%;
	}

	#contact .page-wrapper div.airmail-container div.airmail-content div.right-column {
    	width: 300px !important;
    }
    
    div.page-sidebar div.page-wrapper div.content {
	    width: 80%;
	}
	
	div.page-glossary div.page-wrapper div.sidebar {
		width: 80% !important;
	}
	
	.career_title {
	    font-size: 40px;
	    line-height: 45px;
	}
	
	div.page-container div.page-wrapper p {
	    line-height: 25px;
		font-size: 16px;
	}
	
	.module-third .table .third .copy h1 {
	    font-size: 21px;
	    padding: 5px 20px;
    }
    
    .module-third .table .third .copy {
	    width: calc(100% - 40px);
	    padding: 20px 20px 40px 20px;
	    font-size: 18px;
	    line-height: 26px;
	}

}

/*======================================================================
    1200px
----------------------------------------------------------------------*/
@media only screen and (max-width:1200px){
	
	
	/*============================================================
		Module (Insights: News)
	------------------------------------------------------------*/
	div.module-news div.module-wrapper .post {
	    width:calc(100% / 4 - 12px);
	}
	



	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource div.page-wrapper div.page-right{
		padding-top:0px;
	}
	
	
	div.page-cover div.page-wrapper div.table table tr td h1 {
	    font-size: 60px;
    }
	
	div.page-quote div.page-wrapper div.table .quote tr td h2 {
    	font-size: 40px;
    }
    
    /*div.module-awards div.module-wrapper div.awards-container ul li div {
	    padding: 40px 20px;
	}*/
	
	div.module-awards div.module-wrapper {
	    padding: 50px 0px;
	}
	
	#contact .page-wrapper #postcard_form {
		width: 75%;
	} 
	
	#contact .page-wrapper #postcard_form #postcard_address {
		line-height: 30px;
		font-size: 26px;
	}
	
	#contact .page-wrapper #postcard_form textarea {
		margin-bottom: 10px;
		color: #5d5751;
		width: 50%;
		max-width: 400px;
		resize: none;
		height: 100px;
	}
	
	#contact .page-wrapper div.airmail-container {
	    width: 80% !important;
	}
	
	#contact .page-wrapper div.airmail-container div.airmail-content div.right-column {
	    width: 320px !important;
	}
	
	.newsletter_module #newsletter {
		font-size: 28px;
    }
    
    #newsletter a i {
	    padding: 0 3px;
	}
	
	div.elevator-container div.elevator ul.menu {
	    padding-left: 0px;
	}
	
	div.elevator-container div.elevator {
	    width: 140px;
	    padding: 30px;
    }
    
    div.module-section div.module-padding div.module-wrapper div.module-content {
	    padding-left: 220px;
	    padding-right: 220px;
	}
	
	div.module-section div.module-padding div.module-wrapper div.module-content p img.alignright {
	    margin: 0px -230px 0px 0px;
	}
	
	div.module-cover div.module-wrapper div.table table tr td h1 {
    	font-size: 52px;
    	line-height: 55px;
    }
    
    div.module-cover div.module-wrapper div.table table tr td h4{
		font-size: 34px;
		line-height:60px;
	}
	
	.popup {
		width: calc(70% - 150px);
	}
	
	div.navigation-container-active {
		background-color: transparent;
		width: calc(100% - 95px);
	}
	
	.rrssb-buttons li.rrssb-facebook a {
		padding: 11px 11px 29px 27px !important;
	}
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column{
		width:25%;
		width:calc(100% / 4);
	}
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-2{
		width:50%;
		width:calc(100% / 2);
	}
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-1,
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-5{
		display:none;
	}
	
	#process_types div.module-wrapper div.showcase-container div.showcase-column-4{
		width: calc(100% / 2);
	}
	
	div.module-work div.module-wrapper div.showcase-container div.work-column-large{
		width:calc(100% / 2) !important;
	}
	
	#process_types div.module-wrapper div.showcase-container div.showcase-column-1 {
		display: block;
	}
	
	#process_types div.module-wrapper div.showcase-container div.showcase-column-2 {
		display: none;
	}
	
	/*============================================================
		What We Do
	------------------------------------------------------------*/
	
	
	#how_we_do_it .table .cell .listing .column {
		display: block;
		width: 100%;
	}
	
	#how_we_do_it .table .cell .listing {
		width: auto;
		margin-left: 0;
	}
	
	#how_we_do_it .table .cell {
	    padding: 80px;
	}
	
	
	
}

/*======================================================================
    1100px
----------------------------------------------------------------------*/
@media only screen and (max-width:1100px){
	
	
		
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
		font-size:32px;
	}
	
	
	/*=======================*/
	div.page-cover div.page-wrapper div.table .headline {
	    width: 90%;
	}
	
	div.page-cover div.page-wrapper div.table table tr td h1 {
	    font-size: 50px;
	    line-height: 57px;
	}
	
	.module-half .table .half h1, #process_types div.module-wrapper div.showcase-container div.showcase-column-4 div.showcase div.content div.info table tr td {
	    font-size: 33px;
	    line-height: 37px;
	}
	
	.titles {
	    font-size: 33px;
	    line-height: 37px;
	}
	
	.module-half .table .half {
	    width: calc(50% - 100px);
	    padding-left: 50px;
	    padding-right: 50px;
	    line-height: 23px;
	    font-size: 14px;
	}
	
	div.page-quote div.page-wrapper div.table .quote {
	    width: 100%;
	}
	
	div.page-quote div.page-wrapper div.table .quote tr td h2 {
	    font-size: 35px;
	    line-height: 42px;
	}
	
	div.page-wrapper div.table .quote tr td {
    	font-size: 25px !important;
    }
    
    #process_copy {
	    padding-top: 50px;
	    padding-bottom: 50px;
    }
    
    .module-fourth .table .fourth {
	    padding: 40px 20px;
    }

	.module-fifth .table .fifth .services {
	    font-size: 52px;
	    line-height: 110px;
	    width: 110px;
	    height: 110px;
	    border-radius: 55px;
	}
	
	.module-fifth .table .fifth {
	    padding: 40px 20px;
    }

	div.module-video div.module-wrapper div.table div.cell h1 {
		font-size: 75px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
    	font-size: 50px;
    }
    
    div.module-container div.module-wrapper h1.title {
    	font-size: 55px;
    }
    
    div.module-about div.module-wrapper {
	    padding: 50px 0px;
	}
	
	div.module-container div.module-wrapper h1.title {
	    font-size: 50px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li div {
	    padding: 0px 10px;
	}
	
	div.module-awards div.module-wrapper {
	    padding: 40px 0px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    padding: 20px 30px;
	}
	
	#videoplayer_mobile {
		display: block;
		height: 100%;
	}
	
	#videoplayer {
		display: none;
	}
	
	
	#seal {
		right: 60px; 
		margin-top: -60px; 
		height: 200px;
	}
	
	
	#contact .page-wrapper #postcard {
		width: 100%;
	}
	
	
	#contact .page-wrapper div.airmail-container {
	    width: 90% !important;
	}
	
	#contact .page-wrapper div.airmail-container div.airmail-content div.right-column {
	    width: 320px !important;
	}
	

	/*============================================================
		Page (Service)
	------------------------------------------------------------*/
	div.service div.intro div.copy p{
		font-size:33px;
		line-height:40px;
	}

	div.page-sidebar div.page-wrapper div.sidebar {
		margin-left: 0;
		width: calc(100% / 4 - 20px);
	}
	
	.newsletter_module {
	    margin-left: 20px;
	    padding: 10px;
	    text-align: center;
	}
	
	div.page-sidebar div.page-wrapper div.widget-container div.widget-wrapper {
		padding-left: 20px;
	}

	#mobile_header {
		display: block;
	}
	
	#desktop_header {
		opacity: 0;
	}

	.mobile_wrapper {
		background-color: rgba(37, 42, 48, .5);
	}
	
	div.page-quote { 
		padding: 0 !important;
	}
	
	div.page-quote div.page-wrapper div.table .quote tr td h2 {
	    padding: 20px 30px;
	}
	
	div.module-cover div.module-wrapper div.table table {
	    width: 100%;
	}
	
	div.page-cover div.page-wrapper {
		margin-top: 40px;
	}
	
	div.page-cover div.page-wrapper div.table .headline {
		width: calc(100% - 40px);
	}
	

	
	div.page-cover div.page-wrapper div.table table tr td {
	    padding-top: 50px;
	}
	
	div.page-cover-glossary div.page-wrapper div.table table tr td {
		padding-top: 50px !important;
	}
	
	.rrssb-buttons li .rrssb-text {
		display: none;
	}
	
	.rrssb-buttons li {
		width: auto !important;
	}
	
	.rrssb-buttons li .rrssb-icon {
		padding: 10px !important;
		left: 0 !important;
	}
	
	.rrssb-buttons li a {
		width: 100% !important;
	}
	
	
	div.page-cover {
	    background-position: top 40px left 50% !important;
	    background-color:rgba(37, 42, 48, 0) !important;
    }

	.career_title {
	    font-size: 33px;
		line-height: 37px;
	}
	
	div.page-container div.page-wrapper p {
		line-height: 23px;
		font-size: 14px;
	}
	
	.module-third .table .third .copy h1 {
		margin-left: -20px;
		width: 100%;
	}
	
	.module-third .table .third .column {
    	margin: 20px 10px;
    }
    
    .module-third .table .third .copy {
	    font-size: 17px;
	    line-height: 24px;
	}
	
	#filter .filters {
	    font-size: 18px;
	    padding: 8px 20px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info h1 {
	    font-size: 24px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content {
	    width: calc(100% - 300px);
	    padding: 30px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info {
	    width: calc(30% - 20px);
	    padding: 0 0 0 20px;
	    font-size: 16px;
	}
	
	
	#process_chart .page-wrapper .table .third {
	    width: 100%;
	    display: block;
	     text-align: center;
	     padding-bottom: 0px;
	}
	
	#process_chart .page-wrapper .table .two-third {
	    width: 100%;
	    display: block;
	     padding-top: 40px;
	     padding-bottom: 50px;
	}
	
	#process_chart .page-wrapper .table .third img {
		padding-right: 120px;
		padding-top: 50px;
	}
	
	#process_chart .page-wrapper .table .two-third {
	    padding-left: 0px;
	}
		

	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
		
	
	#how_we_do_it .table .cell .listing .column {
	    line-height: 30px;
	}
	
	

				
}

/*======================================================================
    1000px
----------------------------------------------------------------------*/
@media only screen and (max-width:1000px){
	
	/*============================================================
		Module (Home: Awards)
	------------------------------------------------------------*/
	/*div.module-awards div.module-wrapper div.awards-container ul li{
		width:calc(100% / 3);
	}*/
	
	div.module-awards div.module-wrapper div.awards-container ul li {
		float: none;
		display: inline-block;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
		text-align: center;
	}
	
	/*============================================================
		Module (Home: Insights)
	------------------------------------------------------------*/
	div.module-insights div.module-wrapper div.resources{
		width:calc(100% / 3);
		float:left;
	}
	div.module-insights div.module-wrapper div.news{
		width:calc(100% / 3 * 2);
		float:left;
	}
	div.module-insights div.module-wrapper div.news div.post{
		width:calc(100% / 2);
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3){
		width:calc(100% / 2);
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(4){
		display:none;
	}
	
	/*============================================================
		Page (Sidebar)
	------------------------------------------------------------*/
	div.page-sidebar{
		padding-top:0px;
	}
	div.page-sidebar div.page-wrapper div.content{
		margin-top:40px;
		float:none;
	}
	
	div.page-glossary div.page-wrapper div.content {
		margin-top: 0;
		padding-top: 40px;
	}
	
	div.page-sidebar div.page-wrapper div.sidebar{
		width:calc(100% - 20px);
		margin-top:40px;
		float:none;
	}
	
	
	.insights_sidebar{
		margin-top: -40px;
	}
	
	
	.insights_sidebar div.page-wrapper div.content {
		padding-top: 40px;
	}
	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource div.page-wrapper div.page-right ul{
		margin:0px;
	}
	div.page-resource div.page-wrapper div.page-right ul form li{
		width:100%;
		margin-left:0px;
		margin-right:0px;
		float:none;
	}
	
	/*============================================================
		Page (Service)
	------------------------------------------------------------*/
	div.service div.category div.table div.image{
		width:40%;
		vertical-align:middle;
	}
	div.service div.category div.table div.copy{
		width:60%;
	}
	
	
	/*============================================================
		Module (Insights: News)
	------------------------------------------------------------*/
	div.module-news div.module-wrapper .post .content .text div, div.module-news div.module-wrapper .post .content .text {
	    font-size: 22px;
    }
    
    .module-fourth .table .fourth {
	    width: calc(50% - 40px);
	    padding: 20px;
    }
    
    .module-fifth .table .fifth h4 {
    	font-size: 23px;
    }
    
    div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 70px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 45px;
	}
	
	#contact .page-wrapper #postcard_form #postcard_address {
	    padding: 180px 0 0 70px;
        line-height: 28px;
	    font-size: 24px;
	}
	
	#contact .page-wrapper #postcard_form #postcard_address a {
		line-height: 28px;
	    font-size: 24px;
	}
	
	#contact .page-wrapper div.airmail-container {
	    width: 90% !important;
	}
	
	#contact .page-wrapper div.airmail-container div.airmail-content div.right-column {
	    width: 290px !important;
	}
	
	#contact .page-wrapper div.airmail-container div.airmail-content div.right-column div.table div.cell ul li {
	    font-size: 23px !important;
	    line-height: 31px !important;
	}
	
	
	#contact .page-wrapper div.airmail-container div.airmail-content div.left-column {
	    width: 45%;
	}
	
	#contact .page-wrapper  div.airmail-container div.airmail-content{
		background-size: 380px 238px, 185px 185px !important; 
	}
	
	div.module-container div.module-wrapper h1.title {
	    line-height: 55px;
    }
	
	div.page-sidebar div.page-wrapper div.content .resource_cover {
		margin-top: 30px;
	}
	
	.module-third .table .third {
		width: 100%;
		display: block;
	}
	
	.module-third .table .third .image {
		width: 40%;
		display: table-cell;
		vertical-align: top;
	}
	
	.module-third .table .third .copy {
		width: calc(60% - 40px);
		display: table-cell;
		vertical-align: top;
		margin-top: 0px;
	}
	
	.module-third .table .third .copy:after {
		clear: both;
	}
	
	.module-third .table .third .column {
		background-color: #fff;
	}
	
	.module-third .table .third .copy h1 {
		margin-left: 0px;
		width: calc(100% - 40px);
	}
	
	#hubspot .image {
	    width: 30%;
	}
	
	#hubspot .text {
	    width: 65%;
	}
	
	#hubspot .text p {
	    line-height: 22px;
	    font-size: 18px;
	}
	
	#hubspot .text h3 {
	    font-size: 35px;
	    line-height: 43px;
	}

	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info h1 {
	    font-size: 22px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info {
	    font-size: 15px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-image {
		width: 65%;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info {
		width: calc(35% - 30px);
	}
	
	
	
	
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
		
	#what_we_do .table .cell .text, #how_we_do_it .table .cell .text {
	    line-height: 26px;
	    font-size: 16px;
	}
	
	#what_we_do .table .cell {
	    padding: 20px;
	}
	
	#how_we_do_it .table .cell {
		padding: 60px;
	}
	
	#what_we_do .table .cell:nth-of-type(1) {
	    padding-left: 40px;
	}
	
	#what_we_do .table .cell:nth-of-type(2) {
	    padding-right: 40px;
	}
	
	#what_we_do .table:first-child {
	    padding-top: 60px;
	}

	#what_we_do .table:last-child {
	    padding-bottom: 60px;
	}

	    
}
 
/*======================================================================
    900px
----------------------------------------------------------------------*/
@media only screen and (max-width:900px){
	
	/*============================================================
		Module (Insights: News)
	------------------------------------------------------------*/
	div.module-news div.module-wrapper .post {
	    width:calc(100% / 3 - 12px);
	}
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
		font-size:28px;
	}
	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource div.page-wrapper div.page-left{
		width:calc(40% - 40px);
	}
	div.page-resource div.page-wrapper div.page-right{
		width:calc(60% - 40px);
	}
	
	
	/*============================================================*/
	
	
	div.page-cover div.page-wrapper div.table .headline {
	    width: 95%;
	}
	
	div.page-cover div.page-wrapper div.table table tr td h1, div.page-cover div.page-wrapper div.table table tr td h2 {
	    font-size: 40px;
	    line-height: 45px;
	}
	
	.module-half .table .half h1 {
	    font-size: 30px;
	    line-height: 34px;
	}
	
	.titles {
	    font-size: 30px;
	    line-height: 34px;
	}
	
	.module-half .table .half {
	    width: calc(50% - 80px);
	    padding-left: 40px;
	    padding-right: 40px;
	}
	
	div.page-quote div.page-wrapper div.table .quote tr td h2 {
	    font-size: 32px;
	    line-height: 37px;
	}
	
	div.page-wrapper div.table .quote tr td {
    	font-size: 23px !important;
    }
    
    div.page-quote div.page-wrapper div.table .quote {
	    padding: 80px 0;
	}
	
	#process_copy {
	    padding-top: 40px;
	    padding-bottom: 40px;
    }
    
    div.page-quote div.page-wrapper div.table .quote tr td a {
	    font-size: 25px;
    }
    
    .module-fifth .table .fifth .services {
	    font-size: 45px;
	    line-height: 90px;
	    width: 90px;
	    height: 90px;
	    border-radius: 45px;
	}
	
	.module-fifth .table .fifth {
	    padding: 30px 10px;
	    width: calc(20% - 20px);
    }
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 65px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 40px;
	    margin: 0;
	}
	
	div.module-container div.module-wrapper h1.title {
	    font-size: 45px;
	}
	
	div.module-about div.module-wrapper {
	    padding: 30px 0px;
	}
	
	#seal {
		right: 60px; 
		margin-top: -80px; 
		height: 200px;
	}
	
	
	#contact .page-wrapper #postcard_form #postcard_address {
	    padding: 160px 0 0 80px;
        line-height: 25px;
	    font-size: 21px;
	}
	
	#contact .page-wrapper #postcard_form #postcard_address a {
        line-height: 25px;
	    font-size: 21px;
	}

	
	#contact {
		padding: 40px 20px;
	}
	
	
	/*============================================================
		Page (Service)
	------------------------------------------------------------*/
	
	div.service div.intro div.copy p{
		font-size: 29px;
		line-height: 35px;
	}
	
	div.module-container div.module-wrapper h1.title {
	    line-height: 45px;
    }
    
    div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
	font-size: 25px;
	}
	
	div.page-sidebar div.page-wrapper div.content .resource_cover {
	    width: 160px;
	    margin-right: -50px;
	    padding-left: 20px;
	}
	
	
	div.module-section div.module-padding div.module-wrapper div.module-content {
	    padding-left: 0px;
	    padding-right: 0px;
	}


	
	/*============================================================
		Module (Case Study: Elevator)
	------------------------------------------------------------*/
	div.elevator-container{
		display:none;
	}
	
	.career_title {
	    font-size: 30px;
	    line-height: 34px;
	}
	
	div.page-container div.page-wrapper p {
		line-height: 23px;
		font-size: 14px;
	}
	
	
	.popup {
		width: calc(80% - 150px);
		margin-left: 10%;
		margin: 90px 10%;
	}
	
	#filter .filters {
	    display: none;
	}
	
	#filter #select_filter {
		display: block;
	}
	
	div.navigation-container-active {
	   /* background-color: #252a30;*/
	}
	
	#logo.fadeout {
		opacity: 1;
	}
	
	#hubspot .text {
	    width: 67%;
	    padding-left: 25px;
	}
	
	#hubspot .text p {
	    line-height: 20px;
	    font-size: 16px;
	}
	
	#hubspot .text h3 {
	    font-size: 31px;
	    line-height: 40px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    width: 500px;
	}
		
		
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
	
	#what_we_do .table:first-child {
	    padding-top: 40px;
	}
	
	#what_we_do .table .cell .text, #how_we_do_it .table .cell .text, #process_chart .page-wrapper .table .two-third, #process_chart p {
	    line-height: 24px;
	    font-size: 15px;
	}
	
	#how_we_do_it .table .cell .listing .column {
	    line-height: 25px;
	    font-size: 17px;
	}
		
}
 
/*======================================================================
    800px !! BEGIN 30PX PADDING !!
----------------------------------------------------------------------*/
@media only screen and (max-width:800px){
	
	/*============================================================
		Navigation
	------------------------------------------------------------*/

	
	/*============================================================
		Footer
	------------------------------------------------------------*/
	div.footer-container div.footer-wrapper div.table div.cell{
		text-align:center;
		width:100%;
		padding:0px;
		border:0px none;
		display:block;
	}
	div.footer-container div.footer-wrapper div.table div.cell-right{
		padding-top:30px;
		margin-top:30px;
		border-top:1px solid #4d5258;
	}
	div.footer-container div.footer-wrapper div.credits{
		padding-top:30px;
		margin-top:30px;
	}
	
	/*============================================================
		Module (Default)
	------------------------------------------------------------*/
	div.module-container{
		padding: 30px;
	}
	
	div.module-cover{
		padding: 0px;
	}
	
	
	div.module-container div.module-wrapper h1.title{
		font-size:32px;
		line-height:40px;
		margin-bottom:20px;
	}
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work{
		padding:5px;
	}
	

	
	
	
	/*============================================================
		Module (Case Study: Cover)
	------------------------------------------------------------*/
	div.module-cover{
		height:500px;
	}
	div.module-cover div.module-wrapper div.table table tr td h1{
		font-size:44px;
		line-height:50px;
	}
	
	/*============================================================
		Module (Case Study: Section)
	------------------------------------------------------------*/
	div.module-section{
		padding:0px;
	}
	div.module-section div.module-padding{
		padding:30px;
	}
	div.module-section div.module-padding div.module-wrapper div.module-content{
		padding-left:0px;
	}
	
	/*============================================================
		Page (Default)
	------------------------------------------------------------*/
	div.page-container{
		padding:30px;
	}
	
	
	
	
	div.page-container div.page-wrapper h1.title{
		font-size:32px;
		line-height:40px;
		margin-bottom:20px;
	}
	
	/*============================================================
		Page (Sidebar)
	------------------------------------------------------------*/
	div.page-sidebar{
		padding:30px 10px;
		padding-top:0px;
	}
	div.page-sidebar div.page-wrapper div.content{
		margin-top:30px;
	}
	div.page-sidebar div.page-wrapper div.sidebar{
		margin-top:30px;
	}
	
	
	div.page-glossary div.page-wrapper div.content {
		margin-top: 0;
	}
	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource{
		padding:30px 15px 0px 15px;
	}

	div.page-resource div.page-wrapper div.page-right h1{
		font-size:42px;
		line-height:50px;
		margin-bottom: 0px;
	}
	
	.module-half .table .half {
	    width: calc(100% - 120px);
	    padding: 60px;
	    line-height: 25px;
	    font-size: 16px;
	}
	
	.module-half .table .half h1, #process_types div.module-wrapper div.showcase-container div.showcase-column-4 div.showcase div.content div.info table tr td {
	    font-size: 35px;
	    line-height: 38px;
	}
	
	.titles {
	    font-size: 35px;
	    line-height: 38px;
	}
	
	#process_video, #studio_image {
		width: 100%;
		height: 400px;
		max-height: 400px;
	}

	div.page-quote div.page-wrapper div.table .quote tr td h2 {
	    font-size: 29px;
	    line-height: 34px;
	}
	
	div.page-wrapper div.table .quote tr td {
    	font-size: 21px !important;
    }
    
    div.page-quote div.page-wrapper div.table .quote {
	    padding: 60px 0;
	}
	
	#smaller_images {
	    width: 100%;
	    height: auto;
	}
	
	div.module-pictures {
		height: auto;
	}
	
	div.module-pictures .table .half_thirds, div.module-pictures .table .third_thirds { 
		background-position: top center;
		min-height: 150px;
	}
	
	.module-half .table .half {
		min-height: 250px;
	}
	
	.page-we-believe {
		display: none;
	}
	
	#studio_image {
		display: none;
	}

	div.page-quote div.page-wrapper div.table .quote tr td {
		line-height: 50px;
	}
	
	.module-fifth .table .fifth h4 {
	    font-size: 21px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 60px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 37px;
	}
	


    
    div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td span {
	    margin-top: 5px;
	}

	div.module-work div.module-wrapper div.showcase-container div.showcase-column {
	    width: 50%;
	    width: calc(100% / 2);
	}
	
	div.module-work div.module-wrapper div.showcase-container div.work-column-large {
		width: 100% !important;
	}

	div.module-work div.module-wrapper div.showcase-container div.showcase-column-3 .showcase:nth-of-type(2) {
		display: none;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-4 {
		width: 100%;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-4 .showcase {
		width: 50%;
		float: left;
	}
	
	div.module-video div.module-wrapper div.table div.cell a, div.module-about div.module-wrapper p a {
	    padding: 4px 26px;
    }
	
	/*============================================================
		Page (Service)
	------------------------------------------------------------*/
	div.service div.pages{
		padding:20px 30px;
	}
	div.service div.intro{
		padding: 60px 40px;
	}
	div.service div.category{
		padding:0px 30px;
	}
	div.service div.category div.table div.cell{
		width:100%;
		padding:30px 0px;
		display:block;
		vertical-align:bottom;
	}
	div.service div.category div.table div.gutter{
		display:none;
	}

	
	#seal {
		right: 20px; 
		margin-top: -70px; 
		height: 180px;
	}
	
	div.footer-container div.footer-wrapper div.table div.cell-right p {
		text-align: center;
	}
	
	#contact .page-wrapper  div.airmail-container div.airmail-content div.left-column{
		width: 100%;
		padding-right: 0px;
	    margin-right: 0px;
	}
	
	#contact .page-wrapper div.airmail-container div.airmail-content {
   		padding: 30px 30px 30px 30px;
	    background-image: url(''),url('images/airmail-tan.png');
	    background-position: right top, center center;
	    background-repeat: no-repeat, repeat;
	}
	
	#contact .page-wrapper  div.airmail-container div.airmail-content div.right-column {
		display: none;
	}
	
	div.module-work {
		padding: 30px !important;
	}
	
	div.module-showcase .module-wrapper {
	    padding: 0px 0px 0px 0px !important;
	}
	
	div.page-cover {
	    height: 300px;
    }
    
    .video {
		width: calc(100% - 80px); max-width:1440px; padding: 40px; margin:0px auto;
	}
	
	div.page-resource div.page-wrapper div.page-right h1 {
		font-size: 32px;
		line-height: 34px;
		padding-bottom: 0px;
	}
	
	.insights_sidebar{
		margin-top: -30px;
	}
	
	div.page-cover div.page-wrapper div.table table tr td {
		padding-bottom: 0;
	}
	
	.insights_sidebar div.page-wrapper div.content h2 {
		font-size: 46px !important;
		line-height: 50px !important;
	}
	
	
	div.module-cover div.module-wrapper div.table table tr td {
		padding-bottom: 0;
	}
	
	div.module-container div.module-wrapper h1.title {
	    line-height: 35px;
    }
    
    div.module-section div.module-padding div.module-wrapper div.module-content {
	    padding-right: 0px;
	}
	
	div.module-section div.module-padding div.module-wrapper div.module-content p img.alignright {
	    margin: 0px 0px 0px 0px;
	    max-width: 330px;
	}
	
	
	div.page-cover-glossary div.page-wrapper div.table table tr td form {
	    max-width: 500px;
	    margin-top: 20px;
	}
	
	div.page-cover {
	    background-position: top 100px left 50% !important;
    }
    
    div.module-cover div.module-wrapper div.table table tr td h4{
		font-size: 30px;
		line-height: 50px;
	}
	
	.career_title {
	    font-size: 35px;
		line-height: 38px;
	}
	
	div.page-container div.page-wrapper p {
		line-height: 25px;
        font-size: 16px;
	}
	
	.module-third .table .third .image {
		width: 30%;
	}
	
	.module-third .table .third .copy {
		width: calc(70% - 40px);
	}
	
	#process_types div.module-wrapper div.showcase-container div.showcase-column-4{
		width: calc(100% / 2);
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-4 .showcase {
		width: calc(100% - 10px);
	}
	
	#related div.module-wrapper div.showcase-container div.showcase-column {
		width: calc(100% / 3 - .5px);
	}
	
	#related div.module-wrapper div.showcase-container div.showcase-column:nth-of-type(4) {
		display: none;
	}
	
	#related h3 {
	    font-size: 38px;
	    line-height: 50px;
	}
	
	#related h3 {
	    font-size: 36px;
	    line-height: 46px;
	}
	
	#hubspot {
		padding-top: 40px;
	}
	
	#hubspot .image {
	    width: 40%;
	    display: block;
	    margin: 0 auto 20px auto;
	}
	
	#hubspot .text {
		width: 85%;
		display: block;
		margin: 0 auto;
		padding-left: 0px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-image {
		width: 100%;
		float: right;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info {
		width: 100%;
		padding: 0;
		padding-bottom: 30px;
		float: right;
	}
	
	
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
	
	#how_we_do_it .table .cell {
	    padding: 40px;
	}
		
	#related_case_studies div.module-wrapper div.showcase-container div.showcase-column {
	    width: 33%;
	    width: calc(100% / 3 - .5px);
	}	
	
	#related_case_studies div.module-wrapper div.showcase-container div.showcase-column:nth-child(4) {
		display: none;
	}
	
	#careers_content {
		padding: 0;
	}	
	
	#careers_content.module-half .table .half {
		min-height: 0;
	}
	
	.career_title {
	    font-size: 28px !important;
	    padding-bottom: 10px !important;
	}
	
	div.navigation-container div.navigation-wrapper img {
	    height: 50px;
	}
	
	div.module-video div.module-wrapper div.table div.cell .home_link a {
	    font-size: 35px;
	}
	
	#process_chart .logos .logo {
	    width: calc(25% - 20px);
	    padding: 10px;
	}

}
 
/*======================================================================
    700px
----------------------------------------------------------------------*/
@media only screen and (max-width:700px){
	
	/*============================================================
		Module (Home: Video)
	------------------------------------------------------------*/
	div.module-video div.module-wrapper div.table div.cell h1{
		font-size:58px;
	}
	div.module-video div.module-wrapper div.table div.cell h2{
		font-size:32px;
	}
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
		font-size:32px;
	}
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td span{
		font-size:14px;
	}
	
	/*============================================================
		Module (Home: Insights)
	------------------------------------------------------------*/
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(1){
		width:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(1):before{
		padding-top:50%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(2):before{
		padding-top:200%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3):before{
		padding-top:200%;
	}
	
	/*============================================================
		Module (Case Study: Cover)
	------------------------------------------------------------*/
	div.module-cover{
		height:400px;
	}
	div.module-cover div.module-wrapper div.table table tr td h1{
		font-size:34px;
		line-height:35px;
		padding: 0 5%;
	}
	div.module-cover div.module-wrapper div.table table tr td h1 br{
		display:none;
	}
	
	div.module-cover div.module-wrapper div.table table tr td h4{
		font-size: 23px;
		line-height: 40px;
	}
	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource{
		padding:30px;
		padding-bottom:0px;
	}
	div.page-resource div.page-wrapper div.page-left{
		display:none;
	}
	div.page-resource div.page-wrapper div.page-right{
		width:100%;
		padding-bottom:30px;
		margin:0px;
		float:none;
	}
	div.page-resource div.page-wrapper div.page-right img.cover{
		display:block;
		padding-top: 20px;
		margin-bottom: 10px;
	}
	div.page-resource div.page-wrapper div.page-right ul{
		margin:0px -10px;
	}
	div.page-resource div.page-wrapper div.page-right ul form li{
		width:calc(50% - 20px);
		margin-left:10px;
		margin-right:10px;
		float:left;
	}
	
	/*============================================================
		Module (Insights: News)
	------------------------------------------------------------*/
	div.module-news div.module-wrapper .post {
	    width:calc(100% / 2 - 12px);
	}
	
	/*===========================================*/
	div.page-cover div.page-wrapper div.table table tr td h1, div.page-cover div.page-wrapper div.table table tr td h2 {
	    font-size: 35px;
	    line-height: 40px;
	}
	
	div.page-cover-glossary div.page-wrapper div.table table tr td form {
	    max-width: 400px;
	}
	
	/*===========================================*/
	div.page-cover {
	    height: 200px;
	    padding-top: 100px;
	    padding-bottom: 100px;
    }
    
	.module-fourth .table .fourth {
	    width: calc(100% - 40px);
    }
    
    .module-fifth .table .fifth .services {
	    font-size: 60px;
	    line-height: 120px;
	    width: 120px;
	    height: 120px;
	    border-radius: 60px;
	}
	
	.module-fifth .table .fifth {
	    padding: 30px 10px;
	    width: calc(100% / 3 - 24px);
	    display: inline-block;
	    vertical-align: top;
	    float: none;
    }
    
    .module-fifth .table {
	    text-align: center;
    }
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 52px;
	}
	
	div.module-video div.module-wrapper div.table div.cell a, div.module-about div.module-wrapper p a {
	    padding: 3px 20px;
	}
	
	div.module-insights div.module-wrapper div.news div.post div.content table tr td h2 {
	    font-size: 25px;
	    line-height: 25px;
	}
	
	div.module-awards div.module-wrapper {
	    padding: 30px 0px;
	}
	
	#seal {
		right: 20px; 
		margin-top: -70px; 
		height: 160px;
	}

	
	.page-container .page-wrapper h1 {
		font-size: 30px;
		line-height: 40px;
		font-family: "Oswald Light", sans-serif;
	}
	
	div.page-sidebar div.page-wrapper div.content .resource_cover {
	    width: 160px;
	    margin-right: 0px;
	    padding-left: 20px;
	}
	
	div.page-sidebar div.page-wrapper div.content {
	    width: calc(100% - 40px);
	}
	
	div.module-section div.module-padding div.module-wrapper div.module-content p img.alignright {
	    max-width: 270px;
	}
	
	div.page-glossary div.page-wrapper div.sidebar {
	    width: calc(100% - 30px) !important;
	}	
	
	.popup {
		width: calc(90% - 150px);
		margin-left: 5%;
	}
	
	.module-third .table .third .image {
		width: 100%;
		display: block;
	}
	
	.module-third .table .third .copy {
		width: calc(100% - 40px);
		display: block;
		margin-top: -50px;
	}
	
	.module-third .table .third .copy h1 {
	    margin-left: 0px;
	    width: auto;
	}
	
	#related div.module-wrapper div.showcase-container div.showcase-column {
	    width: calc(50% - .5px);
	    display: block;
	}
	
	#related div.module-wrapper div.showcase-container div.showcase-column:nth-of-type(4) {
	    display: block;
	}
	
	#related h3 {
	    font-size: 34px;
	    line-height: 44px;
	}
	
	#hubspot .text {
	    width: 90%;
	}

	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content {
	    width: calc(100% - 120px);
	    padding: 30px;
	}
	
	.lightbox-work {
		z-index: 1100 !important;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info .closeme {
		display: block;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    padding: 20px 10px;
	}
	
	
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
	
	#what_we_do .table .cell {
	    display: block;
	    width: calc(100% - 80px);
	    padding: 20px 40px;
	    min-height: 0;
	}
	
	#how_we_do_it .table .cell {
	    display: block;
	    width: calc(100% - 80px);
	    padding: 40px;
	    min-height: 0;
	}
	
	#how_we_do_it .table .cell:nth-of-type(2) {
	    width: 100%;
	    padding: 0px;
	}
	
	#how_we_do_it .table .cell .listing {
	    padding: 30px 40px;
	}
	
	#what_we_do .table .cell img {
		float: none !important;
		max-width: 400px !important;
	}
		
	#what_we_do .table .cell .text, #how_we_do_it .table .cell .text {
	    max-width: none !important;
	}
	
	#what_we_do .table .cell:nth-of-type(1) .text, #how_we_do_it .table .cell:nth-of-type(1) .text {
	    float: none !important;
	}
	
	#what_we_do .table:last-child {
	    padding-bottom: 40px;
	}	
	
	
	#process_chart .logos .logo {
	    width: calc(50% - 80px);
	    padding: 40px;
	}
		
	
	
	#what_we_do .table {
        display: -webkit-box;
        -webkit-flex-direction: column;
        display: -moz-box;
        -moz-flex-direction: column;
        display: -ms-flexbox;
        -ms-flex-direction: column;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }
	
	
	#what_we_do .table:nth-of-type(1) .cell:nth-of-type(1) {
		-webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        text-align: center;
	}
	
	#what_we_do .table:nth-of-type(2) .cell:nth-of-type(2) {
        text-align: center;
	}
	
	#what_we_do .table:nth-of-type(3) .cell:nth-of-type(1) {
		-webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        text-align: center;
	}
	
	#process_chart .page-wrapper .table .third img {
	    padding-right: 0px;
	    padding-top: 50px;
	}
	
	
		
}
 
/*======================================================================
    600px
----------------------------------------------------------------------*/
@media only screen and (max-width:600px){
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column{
		width:50%;
		width:calc(100% / 2);
	}
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-2{
		width:100%;
	}
	
	/*============================================================
		Module (Home: Awards)
	------------------------------------------------------------*/
	/*div.module-awards div.module-wrapper div.awards-container ul li{
		width:50%;
	}*/
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    width: 300px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li {
		height: 200px;
	}
	
	#___partnersbadge_0 {
		padding-top: 60px !important;
	}
	
	/*============================================================
		Module (Home: Insights)
	------------------------------------------------------------*/
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(1):before{
		padding-top:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(2){
		width:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(2):before{
		padding-top:50%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3){
		width:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3):before{
		padding-top:50%;
	}
	
	#process_video, #studio_image {
		max-height: 325px;
	}
	
	.module-half .table .half {
	    width: calc(100% - 80px);
	    padding: 40px;
	}
	

	
	div.page-quote div.page-wrapper div.table .quote tr td h2 {
	    padding: 0 30px;
	}
		
	
	 .module-fifth .table .fifth .services {
	    font-size: 50px;
	    line-height: 100px;
	    width: 100px;
	    height: 100px;
	    border-radius: 50px;
	}

	.module-fifth .table .fifth h4 {
	    padding-top: 20px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 45px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 29px;
	}
	
	div.module-video div.module-wrapper div.table div.cell a, div.module-about div.module-wrapper p a {
	    padding: 2px 16px;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-4 .showcase {
	    width: 100%;
	    float: left;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column-3 .showcase:nth-of-type(2) {
	    display: block;
	}
	
	div.module-insights div.module-wrapper div.resources {
	    width: 50%;
	}
	
	div.module-insights div.module-wrapper div.news {
	    width: 50%;
	}
	
	div.module-insights div.module-wrapper div.news div.post div.content table tr td h2 {
	    font-size: 23px;
	    line-height: 22px;
	}
	
	div.module-insights div.module-wrapper div.news div.post div.content table tr td {
	    padding: 0px 20px 15px 15px;
	}
	
	div.module-insights div.module-wrapper div.resources div.glossary div.content table tr td h2 {
	    font-size: 25px;
	    line-height: 28px;
    }
    
    div.module-awards div.module-wrapper {
	    padding: 0px 0px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li div {
	    padding: 20px 0px;
	}
	
	#seal {
		right: 0px; 
		margin-top: -70px; 
		height: 160px;
	}
	
	div.footer-container div.footer-wrapper div.credits p {
		float: none;
		text-align: center;
		padding-bottom: 10px;
	}
	
	div.footer-container div.footer-wrapper div.credits ul {
		float: none;
		text-align: center;
	}
	
	div.footer-container div.footer-wrapper div.credits ul li {
		display: inline;
		float: none;
		text-align: center;
	}
	
	.video {
		width: calc(100% - 60px); max-width:1440px; padding: 30px; margin:0px auto;
	}
	
	div.page-resource div.page-wrapper div.page-right img.cover {
		width: 40%;
	}
	
	div.page-container div.page-wrapper blockquote {
		padding: 40px 40px 40px 40px;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
	font-size: 24px;
	}
	
	div.page-sidebar div.page-wrapper div.content .resource_cover {
		display: none;
	}
	
	div.module-section div.module-padding div.module-wrapper div.module-content p img.alignright {
	    max-width: 240px;
	}
		
	.popup {
		width: calc(90% - 100px);
		margin-left: 5%;
		padding: 50px;
	}
	
	#process_types div.module-wrapper div.showcase-container div.showcase-column-4 {
	    width: calc(100% - 10px);
	    display: none;
	}
	
	#hubspot .text {
	    width: 100%;
	}
	
	#hubspot .image {
	    width: 60%;
	}
	
	#related h3 {
	    line-height: 37px;
	    width: 70%;
	    margin: 0 auto;
	    margin-bottom: 20px;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content div.lightbox-info {
	    padding-top: 40px;
	}
	
	
	
	
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/
	
	#related_case_studies div.module-wrapper div.showcase-container div.showcase-column {
	    width: 50%;
	    width: calc(100% / 2 - .5px);
	}

	#related_case_studies div.module-wrapper div.showcase-container div.showcase-column:nth-child(3) {
	    display: none;
	}
	
	.career_title {
	    font-size: 22px !important;
	    line-height: 22px !important;
	    padding-bottom: 10px !important;
	}
	
	#benefits ul li {
	    padding-left: 10px;
	}
	
	div.module-video div.module-wrapper div.table div.cell .home_link a, div.module-video div.module-wrapper div.table div.cell .home_link {
	    font-size: 30px;
	}

		
}
 
/*======================================================================
    500px !! BEGIN 10PX PADDING !!
----------------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	
	div.module-work {
		padding: 30px 20px 20px 20px !important;
	}
	
	
	/*============================================================
		Navigation
	------------------------------------------------------------*/
	div.navigation-container div.navigation-wrapper img{
		padding:5px 0px;
	}
	
	/*============================================================
		Module (Default)
	------------------------------------------------------------*/
	div.module-container{
		padding:10px 20px 20px 20px;
	}
	
	div.module-cover{
		padding: 0px;
	}
	
	div.module-news {
		padding: 30px 20px 20px 20px;
	}
	
	/*============================================================
		Module (Case Study: Section)
	------------------------------------------------------------*/
	div.module-section{
		padding:0px;
	}
	
	/*============================================================
		Module (Home: Insights)
	------------------------------------------------------------*/
	div.module-insights div.module-wrapper div.resources{
		width:100%;
	}
	div.module-insights div.module-wrapper div.resources img{
		width:calc(50% - 10px);
		float:left;
	}
	div.module-insights div.module-wrapper div.resources div.glossary{
		width:50%;
		float:left;
	}
	div.module-insights div.module-wrapper div.news{
		width:100%;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(1),
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(2),
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3),
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(4),
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(5){
		width:100%;
		display:block;
	}
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(1):before,
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(2):before,
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(3):before,
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(4):before,
	div.module-insights div.module-wrapper div.news div.post:nth-of-type(5):before{
		padding-top:50%;
	}
	

	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource div.page-wrapper div.page-right ul{
		margin:0px;
	}
	div.page-resource div.page-wrapper div.page-right ul form li{
		width:100%;
		margin-left:0px;
		margin-right:0px;
		float:none;
	}
	
	
	/*===========================================*/
	div.page-cover div.page-wrapper div.table table tr td h1, div.page-cover div.page-wrapper div.table table tr td h2 {
	    font-size: 30px;
	    line-height: 35px;
	}
	
	#process_video, #studio_image {
		max-height: 300px;
	}
	
	 .module-fifth .table .fifth .services {
	    font-size: 40px;
	    line-height: 80px;
	    width: 80px;
	    height: 80px;
	    border-radius: 40px;
	}
	
	div.module-insights div.module-wrapper div.news div.post div.content table tr td h2 {
	    font-size: 28px;
	    line-height: 32px;
	}
	
	div.module-insights div.module-wrapper div.resources div.glossary div.content table tr td h2 {
	    font-size: 28px;
	    line-height: 32px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    font-size: 37px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 25px;
	}
    
    div.module-video div.module-wrapper div.table div.cell a, div.module-about div.module-wrapper p a, div.module-insights div.module-wrapper div.button a  {
	    padding: 0px 13px;
	    font-size: 19px;
	}
	
	div.footer-container div.footer-wrapper div.table div.cell p {
	    line-height: 35px;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td {
	    font-size: 30px;
	}
	
	
	#seal {
		right: 0px; 
		margin-top: -50px; 
		height: 120px;
	}		
	
	
	.video {
		width: calc(100% - 40px); max-width:1440px; padding: 20px; margin:0px auto;
	}
	
	
	div.page-resource div.page-wrapper div.page-right h2 {
		line-height: 40px;
	}
	
	
	div.gform_wrapper form div.gform_body ul li {
	    width: calc(100% - 0px);
	}
	
	div.page-container div.page-wrapper blockquote {
		padding: 20px;
	}
	
	div.module-cover div.module-wrapper div.table table {
		padding: 10px;
	}
	
	div.gform_wrapper form div.gform_body ul li div input {
	    width: calc(100% - 42px);
	}
	
	div.page-container div.page-wrapper div.content h3 {
	    font-size: 32px;
	    line-height: 40px;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
	font-size: 22px;
	}
	
	div.module-section div.module-padding div.module-wrapper div.module-content p img.alignright {
	    max-width: 100%;
	}
	
	div.page-cover {
	    background-position: top 40px left 50% !important;
    }
    
    
    div.module-cover div.module-wrapper div.table table tr td h1{
		padding: 0;
	}
	div.module-cover div.module-wrapper div.table table tr td h4{
		font-size: 20px;
		line-height: 35px;
	}

	div.gform_wrapper form div.gform_body ul li {
	    margin: 20px 0 0 0 !important;
	    width: 100% !important;
	}
	
	#field_5_6 {
		margin-top: 0 !important;
	}

	#field_5_3, #field_5_4, #field_5_2 {
		margin: 2px 0 2px 0 !important;
	}
	
	#related h3 {
	    width: 90%;
	}
	
	#hubspot .text h3 {
	    line-height: 37px;
	}
	
	.titles {
		padding-top: 40px;
	}


	#related_case_studies .titles {
		padding-top: 10px;
	}
	
	div.module-pictures .table .half_thirds, div.module-pictures .table .third_thirds {
		height: 150px;
	}
	
	div.module-video div.module-wrapper div.table div.cell .home_link a {
	    font-size: 25px;
	    margin: 10px 10px 0 10px;
	}
	
	#process_chart .logos .logo {
	    width: calc(50% - 40px);
	    padding: 20px;
	}
	
    
}



/*======================================================================
    420px
----------------------------------------------------------------------*/
@media only screen and (max-width:420px){


	div.page-container div.page-wrapper .rrssb-buttons li {
		width: 42px !important;
	}
	
	.rrssb-buttons.small-format li a .rrssb-icon svg {
		width: 17px !important;
	}
	
	.rrssb-buttons li.rrssb-facebook a {
	    padding: 0px !important;
	}

	.rrssb-buttons.small-format li a .rrssb-icon svg {
		top: 2px !important;
	}
	
	div.lightbox-work div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content {
	    width: calc(100% - 80px);
	    padding: 20px;
	}

}

 
/*======================================================================
    400px
----------------------------------------------------------------------*/
@media only screen and (max-width:400px){
	
	
	.popup, .rrssb-buttons li a {
	    width: calc(90% - 50px);
	    margin-left: 5%;
	    padding: 25px;
	}

	
	.page-resource .page-wrapper {
	    margin-top: 40px !important;
	}


	div.navigation-container {
		padding: 20px;
		width: calc(100% - 40px);
	}
	
	
	div.navigation-container-compact {
	    padding: 20px 20px;
	}
	
	
	div.module-pictures .table .third_thirds {
		width: 100%;
		min-height: 200px;
	}
	
	div.module-pictures .table .half_thirds {
		display: none;
	}
	
	#process_chart .logos .logo {
	    width: calc(50% - 20px);
	    padding: 10px;
	}
	
	
	/*============================================================
		Footer
	------------------------------------------------------------*/
	div.footer-container div.footer-wrapper div.table div.cell p{
		font-size:22px;
		line-height:35px;
	}
	div.footer-container div.footer-wrapper div.credits p{
		text-align:center;
		float:none;
	}
	div.footer-container div.footer-wrapper div.credits ul{
		text-align:center;
		float:none;
	}
	div.footer-container div.footer-wrapper div.credits ul li{
		display:inline-block;
		float:none;
	}
	
	/*============================================================
		Module (Home: Work)
	------------------------------------------------------------*/
	div.module-work div.module-wrapper div.showcase-container div.showcase-column{
		width:100%;
	}
	
	/*============================================================
		Module (Insights: News)
	------------------------------------------------------------*/
	div.module-news div.module-wrapper .post {
	    width:calc(100% / 1 - 12px);
	}
	
	.module-half .table .half {
	    width: calc(100% - 60px);
	    padding: 30px;
	}
	
	.module-fifth .table .fifth {
	    width: calc(100% - 24px);
    }
    
    .module-fifth .table .fifth .services {
	    font-size: 60px;
	    line-height: 120px;
	    width: 120px;
	    height: 120px;
	    border-radius: 60px;
	}
	
	div.module-insights div.module-wrapper div.news div.post div.content table tr td h2 {
	    font-size: 24px;
	    line-height: 26px;
	}
	
	div.module-insights div.module-wrapper div.news div.post {
		min-height: 200px;
	}
	
	div.module-insights div.module-wrapper div.resources div.glossary {
	    width: 100%;
	}
	
	div.module-insights div.module-wrapper div.resources img {
	    width: calc(100% - 10px);
	}
	
	div.module-insights div.module-wrapper div.resources div.glossary {
	    max-height: 200px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li {
	    width: 80%;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li div {
	    padding: 0px 0px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    padding: 30px 30px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h1 {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	div.module-video div.module-wrapper div.table div.cell h2 {
	    font-size: 27px;
	    margin-top: 10px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
	div.module-video div.module-wrapper div.table div.cell {
		padding-bottom: 0;
	}
	
	div.module-video div.module-wrapper div.table div.cell a, div.module-about div.module-wrapper p a {
	    padding: 4px 12px;
	    font-size: 16px;
	    line-height: 32px;
	}
	
	div.module-container div.module-wrapper h1.title {
	    font-size: 32px;
	    line-height: 36px;
	}
	
	div.module-container div.module-wrapper p {
	   font-size: 16px;
	   line-height: 21px;
	   padding-left: 0px;
	   padding-right: 0px;
	}
	
	div.navigation-container div.navigation-wrapper img {
	    height: 40px;
	    padding: 5px 0px;
	}
	
	div.navigation-container div.navigation-wrapper img_old {
	    height: 25px;
	    padding: 5px 0px;
	}
	
	#seal {
		right: 0px; 
		margin-top: -30px; 
		height: 100px;
	}
	
	
	#contact .page-wrapper div.airmail-container div.airmail-content {
	    padding: 15px;
	}
	
	#contact .page-wrapper div.airmail-container {
	    padding: 10px;
    }
    
    #contact .page-wrapper div.airmail-container div.airmail-content div.left-column input.hs-input {
    font-size: 16px;
    padding: 0px;
    }
    
    #contact .page-wrapper div.airmail-container div.airmail-content div.left-column input.hs-button, #contact .page-wrapper div.airmail-container div.airmail-content div.left-column {
	    text-align: center;
	    margin: 0 auto;
    }
    
    #gform_2 {
	    text-align: center;
    }
    
    div.footer-container {
	    padding: 40px 30px 20px 30px;
	}
	
	div.lightbox-menu div.lightbox-table div.lightbox-cell div.lightbox-wrapper div.lightbox-content ul.menu li {
	    margin-top: 15px;
    }
    
    div.lightbox-container {
	    background-color: rgba(37, 42, 48, 1);
    }
    
	
	div.page-container div.page-wrapper div.content h3 {
	    font-size: 30px;
	    line-height: 37px;
	}

	
	

	div.page-cover div.page-wrapper{
		margin-top: 50px;
	}
	
	div.module-work .module-wrapper {
	    margin-top: 30px !important;
	}
	
	div.module-news .module-wrapper {
	    margin-top: 30px !important;
	}
	
	div.module-showcase .module-wrapper {
	    margin-top: 0 !important;
	}
	
	div.page-cover {
	    /* height: auto; */
	    height: 150px;
    }
    
    

    .video {
		width: 100%; max-width:1440px; padding: 0px; margin:0px auto;
	}
	
	
	div.page-resource div.page-wrapper div.page-right img.cover {
		width: 100%;
		padding-bottom: 20px;
	}
	
	div.page-resource div.page-wrapper div.page-right h1 {
		font-size: 32px;
		line-height: 36px;
	}
	

	
	.insights_cover {
		padding-bottom: 30px !important;
	}
	
	.insights_sidebar div.page-wrapper div.content h2 {
		font-size: 40px !important;
		line-height: 43px !important;
	}
	
	div.module-cover div.module-wrapper div.table table {
		width: 100%;
	}
	
	div.module-work div.module-wrapper div.showcase-container div.showcase-column div.showcase div.content div.info table tr td{
		font-size: 28px;
	}

	div.page-cover div.page-wrapper div.table table tr td {
	    padding-top: 0px;
	    padding-bottom: 20px;
	}
	
	.module-third .table .third .copy h1 {
	    margin-left: -20px;
	    width: 100%;
	}
	
	.module-third .table .third .column {
	    margin: 10px 0px;
	}
	
	#filter {
	    padding: 10px 5px 30px 5px;
	}
	
	#filter #select_filter {
		width: 100%;
		min-width: 0;
	}

	#related div.module-wrapper div.showcase-container div.showcase-column {
	    width: 100%;
	}
	
	#related div.module-wrapper div.showcase-container div.showcase-column:nth-of-type(3), #related div.module-wrapper div.showcase-container div.showcase-column:nth-of-type(4) {
	    display: none;
	}
	
	#gform_wrapper_3 input {
		width: calc(100% - 22px);
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    padding: 30px 10px;
	    margin: 30px 0;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul {
	    width: 240px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li {
		width: 220px;
		display: block;
		text-align: center;
		margin: 0 auto;
		height: 165px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li div {
		width: 220px;
	}
	
	div.module-awards div.module-wrapper div.awards-container ul li div {
		padding-top: 30px !important;
	}
	
	
	/*======================================================================
		What We Do
	----------------------------------------------------------------------*/

	
	#what_we_do .table .cell {
	    width: calc(100% - 60px);
	    padding: 20px 30px !important;
	}
	
	#what_we_do .table:first-child {
	    padding-top: 20px;
	}
	
	#how_we_do_it .table .cell {
	    width: calc(100% - 60px);
	    padding: 40px 30px !important;
	}


	#how_we_do_it .table .cell:nth-of-type(2) {
	    padding: 0px !important;
	}
	
	#related_case_studies div.module-wrapper div.showcase-container div.showcase-column {
	    width: 100%;
	}
	
	div.module-video div.module-wrapper div.table div.cell .home_link a {
	    font-size: 22px;
	    margin: 10px 5px 0 5px;
	}
		

}
 
/*======================================================================
    300px
----------------------------------------------------------------------*/
@media only screen and (max-width:300px){
	
	/*============================================================
		Page (Resource)
	------------------------------------------------------------*/
	div.page-resource div.page-wrapper div.page-right img.cover{
		width:100%;
		margin-top:0px;
	}
}