@media all and (max-width: 1080px) {

	.grid-2x2 .table-cell {
		height: 550px;
	}

}	

@media all and (max-width: 980px) {

	h2,
	.header-text{
		font-size:28px;
	}


	#header a.logo img{
		height:30px;
		width:auto;
	}
	
	#header .navigation img.menu-btn{
		height: 40px;
		width:auto;
	}

	#banner,
	#banner-image{
		min-height:400px;
	}

	.home #banner-image img{
		max-height:280px;
	}

	.page-template-page-project-details #banner{
		min-height:580px;
	}

	#banner h1,
	#banner .h1{
		font-size:48px;
	}	
	
	#banner h1 .plus-sign{
		width:55px;
		height:55px;
		margin:0 10px;
	}	

	#banner h2{
		padding-top:40px;
	}

	#values.whatwedo ul.slider li {
		padding: 30px 40px;
	}
	
	#blog-posts.grid-2x2 .table,
	#blog-posts.grid-2x2 .table-row,
	#blog-posts.grid-2x2 .table-cell,
	#blog-posts.grid-2x2 .table-cell.horizontal_image_half_text .text{
		display:block;
		width:100%;
		clear:both;
		position:relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		transform:none;
		height:auto;
		min-height:280px;
	}

	#blog-posts.grid-2x2 a.table-cell{
		margin-bottom:50px;
	}

	.grid-3-1 .table{
		display: block;
	}

	.grid-3-1 .content-left,
	.grid-3-1 .content-right{
		display: block;
		width: 100%;
		padding-right: 0;
		vertical-align: top;
	}

	
	#lists.grid-3-1 .box-wrapper{
		display:table;
		border-collapse: collapse;
		table-layout: fixed;
		width:100%;
		text-align:left;	
	}
	
	#lists.grid-3-1 .box-wrapper .box{
		position:relative;
		display:table-cell;
		padding:10px;
	}

	/*
	#footer .block {
		width: 45%;
		float: left;
		padding-right:0;
		padding-left:0;
	}
	
	#footer #social{
		padding-left:0;
	}


	#footer #video.block p.copyright {
		text-align: left;
		padding-top:0;
	}

	#footer .block:nth-child(odd){
		float:right;
		clear:right;
	}
	
	#footer .block:nth-child(1),
	#footer .block:nth-child(2){
		margin-bottom:60px;
	}

	*/

	#works .work {
		width: 22%;
	}
	
	#works .work.white-bg{
		display:none;
	}
	
	ul.project-images li img {
		height: 300px;
	}	
	
	#judges .content-left h4.right-arrow-turquoise {
		margin-top:20px;
		float:left;
		width:auto;
		padding:0 40px 0 0;
		display: inline-block;
	}	
	
	#judges .judge-profiles ul{
		margin-top:20px;
	}
	
	#judges .judge-profiles ul li,
	#judges .judge-profiles ul li:nth-child(even){
		float:left;
		width:24%;
		margin-right:1%;
	}
	
	#judges .judge-profiles li:last-of-type{
		float:right;
		margin-right:0;
	}

}



@media all and (max-width: 890px) {

	#team .people .person {
		display: inline-block;
		width: 47%;
		margin: 1%;
	}	
	
	.blog-post .post-content-wrapper{
		float:none;
		width:100%;
	}

	.blog-post #sidebar{
		float:none;
		width:100%;
	}


	#resources .table.grid-3-3,
	#resources  .grid-3-3 .table-cell{
		width:100%;
		display:block;
	}

	#resources  .grid-3-3 .table-cell{
		margin-bottom:20px;
	}

	#resources .grid-3-3 .white-bg {
		display: block;
		width: 100%;
		height:auto !important;
	}

	#below-banner-strap .table{
		display:block;
		margin:0 auto;
		max-width:300px;
	}
	
	#below-banner-strap .table .block {
		display: block;	
		clear:both;
		width:100%;
		padding: 0;
		margin:30px 0 0 0;
	}	
	
	#below-banner-strap .table .block.sep {
		margin:30px auto 0 auto;
		display: block;	
		clear:both;
		with:100%;
		height:40px;
		text-align:center;
	}	

}

@media all and (max-width: 798px) {

	.grid-2x2 .table,
	.grid-2x2 .table .table-row{
		display:block;
		width:100%;
	}
	
	.grid-2x2 .table .table-row{
		margin-bottom:30px;
	}
	
	#blog-posts.grid-2x2 .table-row{
		margin-bottom:0;
	}
	
	.grid-2x2 .table .table-row:last-of-type{
		margin-bottom:0;
	}
	
	.grid-2x2 .table-cell{	
		width:100%;
		display:block;
		padding:60px 40px;
		height:auto;
	}
	
	.grid-2x2 .table-cell.onefour.image-cell{
		width:50%;
		float:left;
	}
	
	.grid-2x2 .table-cell.onefour.image-cell img{
		max-height:120px;
		width:auto;
	}
	
	.grid-2x2 .table-cell.image-cell{
		height:300px;
	}

	.grid-2x2 .table-cell .text{
		position: relative;
		top: auto;
		transform: none;	
		max-width:95%;
	}

	.grid-2x2 .table-cell.rotating-icons{
		clear:both;
	}

	.grid-2x2 .table-cell.rotating-icons .absolute-center {
    position: relative;
    top: auto;
    transform: none;
    padding: 0;
	}

	#our-services li {
		width: 30%;
		padding: 0 30px 45px 30px;
	}

	#works .work {
		width: 31%;
	}
	
	#footer .block h4 {
		font-size: 24px;
	}

	#footer .block {
		width: 100%;
		float: none;
		padding-right:0;
	}
	
	#footer .block,
	#footer .block:nth-child(1),
	#footer .block:nth-child(2){
		margin-bottom:60px;
	}	

	#footer #social{
		padding-left:0;
	}


}


@media all and (max-width: 690px) {

	.privacy-policy .table,
	.privacy-policy .table-row,
	.privacy-policy .table-cell,
	.privacy-policy .table-cell.half{
		width:100%;
		display:block;
	}

	.privacy-policy .table-cell.right {
		padding-top:30px;
		padding-left: 0;
	}

	#values.whatwedo ul.slider li {
		padding: 30px 30px 0 30px;
	}
	
	#contact-strip form .fields{
		width:83.5%;
	}

	#contact-strip form .submit{
		width:15%;
	}	


	#works .work {
		margin: 0.8%;
		width: 46%;
	}
	
	.blog-post-navigation .table-cell{
		width:100%;
		clear:both;
		display:block;
		min-height:120px;
		vertical-align:middle;
		position: relative;
	}	
	
	.blog-post-navigation .table-cell .text{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	#lists.grid-3-1 .box-wrapper{
		display:block;
	}
	
	#lists.grid-3-1 .box-wrapper .box{
		width:100%;
		display:block;
		padding:0 0 10px 0;
	}	
	
	
	#judges .judge-profiles ul li,
	#judges .judge-profiles ul li:nth-child(even){
		float:left;
		width:49%;
		margin:0 1% 2% 0;
	}	
	
	#judges .judge-profiles ul li:nth-child(even){
		margin-right:0;
		float:right;
	}
	
}


@media all and (max-width: 620px) {

	h2{
		font-size:22px;
	}
	
	
	.header-text{
		font-size:26px;
	}


	#header a.logo img{
		height:22px;
	}

	#banner,
	#banner-image{
		min-height:300px;
	}

	.home #banner-image img{
		max-height:200px;
	}

	#banner .banner-text{
		top: 30%;
	}

	#banner h1,
	#banner .h1{
		font-size:32px;
	}	

	#banner h2 {
		padding-top: 25px;
	}

	#banner .arrow-wrapper {		
		bottom: 20px;
	}

	h4,
	.page-template-page-project-details #banner .banner-content p {
		font-size: 16px;
	}

	#below-banner-strap p {
		font-size: 18px;
		padding-top: 0;
	}
	

	#values.whatwedo ul.slider:after{
		content: "";
		display: table;
		clear: both;		
	}
	
	#values.whatwedo ul.slider li {
		width:50%;
		padding:30px;
		float:left;
	}	

	#team .people .person {
		display: inline-block;
		width: 100%;
		margin: 2% 0;
	}	
	
	.contact-details .contact-details-left {
		float: none;
		padding-right: 0;
		width:100%;
	}	



  table.datatable{
  	border-bottom:0;
  }
  
  table.datatable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.datatable tr {
    border-bottom: 3px solid #1ebdbe;
    display: block;
    margin-bottom: .625em;
  }
  
  table.datatable td {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: left;
  }
  
	table.datatable td:after {
		content: "";
		display: table;
		clear: both;		
	}
		
  table.datatable td::before {

    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size:11px;
  }
  

	table.datatable tbody tr td,
	table.datatable p{
		text-align:right !important;
	}


  table.datatable td:last-child {
    border-bottom: 0;
    text-align:left !important;
  }
  
   table.datatable td:last-child::before {
   	content: "" !important;
   }

}

@media all and (max-width: 600px) {

	.whatwedo ul.slider li {
		padding: 30px 30px;
	}
	

	#contact-strip form .fields{
		float:none;
		width:100%;
	}

	#contact-strip form .submit{
		float:none;
		width:100%;
		margin-top:20px;
	}

	#contact-strip form .submit input[type="submit"] {
		height: auto;
		padding:10px;
	}

	.grid-2x2 .table-cell {
		padding: 35px 30px;
	}

	.grid-2x2 .table-cell .text {
			max-width: 100%;
	}
	
	.page-template-page-culture .table-cell.rotating-icons h3{
		padding-top:30px;
	}	

}

@media all and (max-width: 550px) {

	.grid-2x2 .size-large .table-cell h3,
	.grid-2x2 .size-large .table-cell p {
		font-size: 18px;
	}

	.grid-2x2 .table-cell p {
		font-size: 18px;
	}

	.client-logos {		
		padding: 60px 0 30px 0;
	}

	#footer-bottom img {
		clear: both;
		display: block;
		margin:0 auto;
	}

	#footer-bottom a.enquiry-btn {
		position:relative;
		right:auto;
		bottom:auto;
		clear:both;
		margin:30px auto 0 auto;
	}
	
	#our-services li {
		width: 45%;
		padding: 0 20px 45px 20px;
	}	

}	

@media all and (max-width: 490px) {

	.grid-2x2 .table-cell.onefour.image-cell{
		width:100%;
		float:none;
	}
	
	.whatwedo ul.slider li {
		padding: 30px 22px;
	}
	
	#contact-strip {
		padding: 40px 0;
	}	
	
	#contact-strip form .field-50{
		float:none;
		width:100%;
	}	

}


@media all and (max-width: 420px) {

	#our-services li {
		width: 100%;
		padding: 0 0 45px 0;
	}	
	
	#works .work {
		margin: 3% 0;
		width: 100%;
	}	

}