/*--------------- Useful for block switching --------------*/
/*---------------------------------------------------------*/
	
.hideOnPhone{
	display:block;
}
.hideOnSmallTablet{
	display:block;
}
.showOnPhone{
	display:none;
}
.showOnSmallTablet{
	display:none;
}

/*Apply to all Responsive*/
@media (max-width: 2004px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	#caseStudyContainer, #blogContainer{
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}

	.caseStudy, .blog{
		margin-left:1%;
		margin-right:1%;
		width:31.3%;
	}
	.caseStudy img, .blog img{
		height:auto;
		max-width:100%;
	}

	.blogText {
		position:relative;
	}	
	/*.blogText a.button, .blogText a.button:visited{
		position:absolute;
		bottom:32px;
		left:32px;
	}*/

	input, textarea{
		border-radius: 0px;
		-webkit-appearance: none;
	}

}


@media(max-width: 1726px){
	.branding2col .brandingText {
		width: 47%;
	}
	#brandingRight.branding2col .brandingImage{
		width:280px;
	}
	#brandingRight.branding2col .brandingImage img{
		height:auto;
		max-width:100%;
	}	
	
	#branding-image-small{
		display:none;
	}	
}



@media(max-width: 1500px){
	.homeCaseStudy h2 {
		font-size: 3.4em;
	}
}

@media(max-width: 1400px){

	#about-heading {
    	font-size: 5.2em;
	}
	#about-text {
		padding-top: 32px;
	}
	#about-text p.about-large, #about-project p.about-large, #about-approach p.about-large {
    	font-size: 1.6em;
	}
	#about-text p {
    	font-size: 1.2em;
	}
	
	.about-block h2 {
		font-size: 2.6em;
		margin-top: 10px;
	}
	
	#about-approach p, #about-approach ul li {
		font-size: 1.2em;
	}
	#about-project p {
		font-size: 1.2em;
	}


}

@media(min-width: 1241px) and (max-width: 1499px){

	#brandingLeft .brandingTop{
		display:none;
	}
	
	#brandingLeft .brandingImage{
		width: 280px;
	}
	#brandingLeft .brandingImage img{
		height:auto;
		max-width:100%;
	}
	
	#brandingRight.branding2col .brandingImage {
		width: 166px;
	}
	
	#brandingRight .brandingText {
		margin-top: 6px;
		width: 68%;
	}

}

/*Apply to specific sized laptops 1366 x 768px*/
@media(max-width: 1366px) and (max-height: 768px){

	#header {
		padding-top: 18px;
	}
	
	#headerContact, #header-cta-btn {
		margin-top: -8px;
	}

	#navigation ul li a, #navigation ul li a:visited {
		padding-bottom: 23px;
	}

	#bannerTextInner {
		border-top: 5px solid #ffffff;
		margin-top: 47px; 
	}

	#bannerText h2 {
		font-size: 3.4em;
	}

	#bannerText h2 span {
		border-bottom: 5px solid #ffffff;
	}

	#bannerText ol li, #bannerText p {
		font-size: 1.9em;
	}

	#banner .bx-controls {
		top: 65px;
	}

	#banner a.bx-next:after {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    height: 75px;
	    width: 75px;
	}

	#bannerContact, #brandingBanner div#bannerContact {
		background-size: contain;
		height: 100px;
		top: 45px;
		width: 75px;
	}

	#bannerContact span {
		font-size: 2em;
	}

	.bannerLogo {
	    right: 58px;
	    bottom: 80px;
	    width: 16%;
	}

	#static-navigation ul li div.subNav {
		top: 88px;
	}

	#static-navigation ul li div.subNav div.container:before {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    left: 1%;
	    height: 75px;
	    width: 75px;

	}

	#static-navigation ul li div.subNav div.col-3 {
		background-position: center;
	}

	#static-navigation ul li div.subNav div.col-3 div.navText {
		border-top: 5px solid #ffffff;
	}

	#static-navigation ul li div.subNav div.col-3 h2 {
		font-size: 1.4em;
	}

	#static-navigation ul li div.subNav div.col-3 h2 span {
		border-bottom: 5px solid #ffffff;
	}

	#brandingBannerText div, .homeWhatWeDoText, #homeCaseStudyTitle  {
		border-top: 5px solid #ffffff;
	}

	#brandingBannerText h1, .homeWhatWeDoText h2, .homeCaseStudy h2, .pageCaseStudy h3 {
		font-size: 3.4em;
	}

	#brandingBannerText h1 span, .homeWhatWeDoText h2 span, .homeCaseStudy h2 span {
		border-bottom: 5px solid #ffffff;
	}

	.textBGBottom:after, .textBGRight:after, .textBGLeft:after, .textBGTop:after {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    height: 75px;
	    width: 75px;
	}

	.branding2col .brandingTop .textBGBottom:after {
		border-top: 10px solid #ff3077;
	    border-right: 10px solid #ff3077;
		height: 75px;
	    width: 75px;
	}

	.whatImage h2 {
		font-size: 5em;
	}

	#makingBrandsText {
		border-top: 5px solid #ff0058;
	}

	#makingBrandsText h2 {
		font-size: 3.4em;
	}

	#makingBrandsText h2 span {
		border-bottom: 5px solid #ff0058;
	}


} 


/*Apply to all Responsive*/
@media (max-width: 1240px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	.wrap {
		max-width: 1180px;
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}
	
	.container {
		padding-left: 4%;
		padding-right: 4%;
	}
	.container .wrap{
		padding-left: 0px;
		padding-right: 0px;
		width:100%;
	}
	
	#bannerTextInner {
		width: 100%;
	}
	
	#header_graphic{
		z-index:600;
	}
	
	#navigation ul li a, #navigation ul li a:visited {
		margin-left: 12px;
    	margin-right: 12px;
	}
	
	#bannerText{
		background-size:cover;
		height:100%;
	}

	#foot2, #foot4{
		width:20%;
	}
	#foot5{
		width:15%;
	}
	
	.col3{
		margin-right:0px !important;
	}	
	.col3 h2{
		margin-top:0px;
	}
	.col-5-7{
		width:40%;
	}
	.col-7-5{
		width:58%;
	}	
	.col-6-6{
		width:49%;
	}
	
	.col-5{
		width:18.4%;
	}
	
	.col-3-9 {
		width: 26%;
	}
	.col-9-3{
		width:72%
	}
	
	.column{
		margin-right:2%;
	}
	.columnLast{
		margin-right:0px;
	}
	
	#userExperience{
		background-size:cover;
	}	
	
	#caseStudyTop h1{
		padding-bottom:0px;
	}	
	
	#caseStudyTop #block1, #solutionTitle {
		margin-right: 2%;
		width: 24%;
	}
	#caseStudyTop #block2 {
		margin-right: 0px;
		width: 49%;
	}
	#caseStudyTop #block3, #solutionBlock {
		padding-bottom:1px;
		width: 74%;
	}
	.homeCaseStudyText h3, .pageCaseStudyText h3, .whatWeDoText h3 {
		padding-top:15px;
		margin-bottom:15px;
	}

	.imagesLeft {
		margin-right: 2%;
		width: 49%;
	}
	.imagesRight {
		width: 49%;
	}	

	.contact-subject {
		margin-right: 2%;
		width: 32%;
	}
	.contact-subject img {
		width: 100%;
		max-width: 230px;
	}
	.contact-subject p {
		max-width:280px;
		width:100%;
	}

	#addressBox {
		margin-right: 22px;
		padding-right: 28px;
	}
	
	#enquiry-form, .g-recaptcha {
		margin-right: 4%;
		width: 46%;
	}
	#message-form, .contact-submit-container {
		width: 50%;
	}
	
	#contactForm .contact-textbox, #contactForm .contact-textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	#contactForm .contact-textarea {
    	height: 166px;
	}
	
	
	#subscribeform {
    	max-width:940px;
    	width: 92%;
	}
	.inputBox {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 1%;
		margin-right: 1%;
		width: 48%;
	}
	
	#blogLeft{
		margin-left:-100%;
		margin-right:10%;
		width:20%;
	}
	#blogRight{
		margin-left:30%;
		width:70%;
	}

	.blogText h2 {
		font-size: 1.4em;
		line-height: 1.4em;
		min-height: 70px;
		margin-bottom: 0px;
	}

	#bannerTextInner {
		border-top: 5px solid #ffffff;
		margin-top: 47px; 
	}

	#bannerText h2 {
		font-size: 3.4em;
	}

	#bannerText h2 span {
		border-bottom: 5px solid #ffffff;
	}

	#bannerText ol li, #bannerText p {
		font-size: 1.9em;
	}

	#banner .bx-controls {
		top: 65px;
	}

	#banner a.bx-next:after {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    height: 75px;
	    width: 75px;
	}

	#bannerContact, #brandingBanner div#bannerContact {
		background-size: contain;
		height: 100px;
		top: 45px;
		width: 75px;
	}

	#bannerContact span {
		font-size: 2em;
	}

	.bannerLogo {
	    right: 58px;
	    bottom: 80px;
	    width: 16%;
	}


	#static-navigation ul li div.subNav div.container:before {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    left: 1%;
	    height: 75px;
	    width: 75px;

	}

	#static-navigation ul li div.subNav div.col-3 {
		background-position: center;
	}

	#static-navigation ul li div.subNav div.col-3 div.navText {
		border-top: 5px solid #ffffff;
	}

	#static-navigation ul li div.subNav div.col-3 h2 {
		font-size: 1.4em;
	}

	#static-navigation ul li div.subNav div.col-3 h2 span {
		border-bottom: 5px solid #ffffff;
	}

	#brandingBannerText div, .homeWhatWeDoText, #homeCaseStudyTitle  {
		border-top: 5px solid #ffffff;
	}

	#homeCaseStudyTitle {
		width: 55%;
	}

	#brandingBannerText h1, .homeWhatWeDoText h2, .homeCaseStudy h2 {
		font-size: 3.4em;
	}

	#brandingBannerText h1 span, .homeWhatWeDoText h2 span, .homeCaseStudy h2 span {
		border-bottom: 5px solid #ffffff;
	}

	.textBGBottom:after, .textBGRight:after, .textBGLeft:after, .textBGTop:after {
	    border-top: 10px solid #ffffff;
	    border-right: 10px solid #ffffff;
	    height: 75px;
	    width: 75px;
	}

	.branding2col .brandingTop .textBGBottom:after {
		border-top: 10px solid #ff3077;
	    border-right: 10px solid #ff3077;
		height: 75px;
	    width: 75px;
	}

	#makingBrandsText {
		border-top: 5px solid #ff0058;
	}

	#makingBrandsText h2 {
		font-size: 3.4em;
	}

	#makingBrandsText h2 span {
		border-bottom: 5px solid #ff0058;
	}

	.whatImage h2 {
		font-size: 5em;
	}

	.homeCaseStudy h2 {
		font-size: 2.8em;
	}

	.homeCaseStudy p, .pageCaseStudy p {
		font-size: 1.2em;
	}
	
	#brandingLeft.branding2col{
		float: none;
		width: 100%;
	}
	#brandingRight.branding2col{
		float: none;
		width: 100%;
	}
	
	#brandingLeft .brandingTop{
		display:none;
	}
	
	#brandingRight .brandingText {
		margin-top: 24px;
	}
	
	#brandingRight.branding2col .brandingImage {
		margin-top: -190px;
	}
	
	.about-block {
    	width: 50%;
	}
	
	#about-robot, #about-project{
		clear:both;
	}	
	#about-approach {
		clear: none;
	}
	
	#about-text p.about-large, #about-project p.about-large, #about-approach p.about-large {
		font-size: 1.6em;
	}
	
	#notice h2{
		margin-left:1%;
		width:13%;
	}
	#notice p{
		padding-left:1%;
		padding-right:1%;
		width:84%;
	}
	* html #notice p{
		width:86%;
		w\idth:84%;
	}	
	
	

}

@media (min-width: 768px) and (max-width: 999px) {
	.homeServices a.buttonLink {
		display: block;
		position: absolute;
		bottom: 32px;
	}
}

@media (max-width: 1024px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	#header_graphic{
		z-index:700;
		/*width: 120px;*/
	}
	/*#navigation {
		width: 75%;
	}

	#navigation ul li a, #navigation ul li a:visited {
		margin-right: 10px;
		margin-left: 10px;
	}*/

	#header-cta-btn {
		margin-right: 1.5rem;
	}

	/*#static-navigation ul li div.subNav div.container:before {
		display: none;
	}

	#static-navigation ul li div.subNav div.col-3 {
		margin-left: 2%;
		width: 49%;
	}
	#static-navigation ul li div.subNav div.wrapper-inner div.col-3-first{
		margin-left: 2%;
	}

	#static-navigation ul li div.subNav div.col-3:nth-of-type(odd){
		margin-left: 0px !important;
	}

	#static-navigation ul li div.subNav div.col-3 h2 {
		font-size: 1.1em;
	}

	#static-navigation ul li div.subNav div.col-3 div.navText {
		border-top: 4px solid #ffffff;

	}

	#static-navigation ul li div.subNav div.col-3 h2 span {
		border-bottom: 4px solid #ffffff;
	}

	#static-navigation ul li div.subNav div.col-3:after {
	    content: '';
	    display: inline-block;
	    border-top: 5px solid #ffffff;
	    border-right: 5px solid #ffffff;
	    position: absolute;
	    right: 7%;
	    bottom: 7%;
	    height: 20px;
	    width: 20px;
	    -moz-transform: rotate(135deg);
	    -webkit-transform: rotate(135deg);
	    transform: rotate(135deg);
	}*/
	#header-right-container {
        position: relative;
    }

	.closed{
		display:none;
	}
	.open{
		display:block !important;	
	}

	#nav-icon {
		display: block;
		float: right;
	  	width: 45px;
	  	height: 30px;
		/* margin-top:5px; */
	  	position: relative;
	  	-webkit-transform: rotate(0deg);
	  	-moz-transform: rotate(0deg);
	  	-o-transform: rotate(0deg);
	  	transform: rotate(0deg);
	  	-webkit-transition: .5s ease-in-out;
	  	-moz-transition: .5s ease-in-out;
	  	-o-transition: .5s ease-in-out;
	  	transition: .5s ease-in-out;
	  	cursor: pointer;
	}

	#nav-icon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #000000;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	  top: 15px;
	}

	#nav-icon span:nth-child(4) {
	  top: 30px;
	}

	#nav-icon.open span:nth-child(1) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#nav-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}

	#navigation ul li a::after, #navigation ul li a::after {
		display:none;
	}

	#static-navigation {
		margin-top: 0px;
	}

	#navigation{	
		float:none;
		border-bottom:0px;
		height: 1px;
		margin:0px;
		width:100%;
		position:absolute;	
		top:0px;
		z-index: 500;
	}
	#navigation ul{	
		background-color:#e7e7e8;
		border-top:0px;
		position: fixed;
		top:88px;
		right:9999px;
		z-index:600;
		/*display:none;*/
		width:100%;
	}

	#navigation ul li {
		border-bottom: 1px dotted #353839;
		display: block;
		float: none;
		width: 100%;
	}
	#navigation ul li a, #navigation ul li a:visited{
		 display: block;
		 float:none;
		font-size: 18px;
		margin-right: 0px;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:4%;
		padding-right:4%;
		text-align: left;
		width: 100%;
	}

	#navigation ul li a#close-sub {
		display:none;
	}

	/*#navigation ul .Nav-icon-link {
		display:block;
	}

	#navigation ul .Nav-icon-link a, #navigation ul .Nav-icon-link a:visited, #navigation ul .Nav-icon-link a:hover {
		color:#ffffff;
		text-align: center;
		margin:0px;
		width: 100%;
        box-sizing: border-box;
	}*/

	#navigation ul li div.sub {
		position: static;
		top: auto;
		left: auto;
		display:none;
		height: auto;
		width: 100%;
	}
	
	#navigation ul li div.subNav {
		background: none;
		background-image:none;
		border: 0px;
		margin: 0px;
		padding: 0px;
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
	}

	#static-navigation ul li div.subNav div.container{
		box-sizing: border-box;
		padding-left: 2%;
		padding-right: 2%;
		width: 100%;
	}

	#static-navigation ul li div.subNav div.wrapper-inner  {
		width: 100%;
	}

	#static-navigation ul li div.subNav div.col-3 {
		background: none;
		margin-left: 0px !important;
		width: 100%;
	}

	#static-navigation ul li div.subNav div.col-3 div.navText {
		border-top: none;
		position: relative;
	}

	#static-navigation ul li div.subNav div.col-3 h2 {
        font-size: 1em;
    }

	#static-navigation ul li div.subNav div.col-3 div.navText h2 span {
		border-bottom: none;
		display: inline-block;
		width: auto;
	}

	#static-navigation ul li div.subNav div.col-3:after {
		display:none;
		bottom: 33%;
		right: 4%;
	}

	#static-navigation ul li div.subNav div.col-3 a {
		padding-top: 0px;
        padding-bottom: 0px;
	}

	.bx-controls {
		display:none;
	}



	#subscribeform {
		width: 100%;
	}
	#subscribeform .inputBox{
		display:block;
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:444px;
	}
	
	h1, .h1-inline {
    	font-size: 2.4em;
	}

	#bannerText {
		left: 4%;
		width: 45%;
	}
	
	#bannerTextInner {
		border-top: 4px solid #ffffff;
		margin-top: 57px; 
    	/*padding-top: 50px;*/
	}
	
	#bannerText h2 {
		font-size: 2.6em;
	}

	#bannerText h2 span {
		border-bottom: 4px solid #ffffff;
	}

	#bannerText ol li, #bannerText p {
		font-size: 1.8em;
	}

	#bannerContact, #banner a.bx-next:after {
		display: none;
	}
	
	#banner{
		background-image:none;
		/*height:auto !important;*/
	}
	#banner #bannerImg{
		display:block;
	}
	#banner #bannerScroll{
		display:none;
	}

	#bannerText a.buttonLink, #bannerText a.buttonLink:visited {
		border: 2px solid #ffffff;
	}

	#pageBanner p {
		margin-bottom: 34px;
	}

	.homeWhatWeDoText {
		border-top: 4px solid #ffffff;
		width: 90%;
	}

	.homeWhatWeDoText h2 {
		font-size: 3em;
	}

	.homeWhatWeDoText h2 span {
		border-bottom: 4px solid #ffffff;
	}

	.homeWhatWeDo a.buttonLink, .homeWhatWeDo a.buttonLink:visited {
		margin-top: 50%;
	}

	#pageBanner {
		padding-bottom: 35px;
		padding-top: 65px;
	}
	#pageBanner h1{
		font-size: 3em;
	}
	/*#pageBanner:after {
		content: '';
		display: inline-block;
		border-top: 7px solid #ffffff;
		border-right: 7px solid #ffffff;
		margin-top: 0px;
		height: 40px;
		width: 40px;
	   }*/

	.textBGRight:after, .textBGLeft:after, .textBGBottom:after, .textBGTop:after  {
	    border-top: 8px solid #ffffff;
	    border-right: 8px solid #ffffff;
		bottom: 5%;
	    height: 55px;
	    width: 55px;

	}

	.homeCaseStudyDescription .textBGTop:after {
		border-top: 3px solid #ffffff;
	    border-right: 3px solid #ffffff;
	    height: 30px;
	    width: 30px;
	}

	.branding2col .brandingTop .textBGBottom:after {
		border-top: 8px solid #ff3077;
   		border-right: 8px solid #ff3077;
   		height: 55px;
	    width: 55px;
	}

	.branding2col .brandingImage {
		display: none;
	}

	.brandingTop img {
		margin-bottom: 40px;
	}

	.branding2col .brandingBottom .brandingText {
		float: right;
	}

	#branding-success {
		float: left !important;
		width: 100%;
	}

	.brandingHeading {
		width: 40%;
	}

	.whatImage h2 {
		font-size: 5em;
	}

	#homeCaseStudyTitle {
		border-top: 4px solid #ffffff;
		width: 65%;
	}

	#homeCaseStudyTitle h2 {
		font-size: 3em;
	}

	#homeCaseStudyTitle h2 span {
		border-bottom: 4px solid #ffffff;
	}

	.homeCaseStudy h2 {
		font-size: 2em;
		margin-bottom: 6px;
	}

	.homeCaseStudy p {
		display: none;
	}

	.pageCaseStudyText .container {
		padding-left: 32px;
		padding-right: 32px;
	}

	.pageCaseStudyText p {
		color: #2b2b2b;
	}

	.pageCaseStudyText a.button, .pageCaseStudyText a.button:visited {
		display: block;
		position: absolute;
		bottom: 24px;
		left: 32px;
	}

	.caseStudyOverlay a.buttonLink, .caseStudyOverlay a.buttonLink:hover, .caseStudyOverlay a.buttonLink:visited {
		border: 2px solid #ffffff;
		float: left;
	}

	.homeWhatWeDo span.border {
		display: none;
	}

	#makingBrandsText {
		border-top: 4px solid #ff0058;
	}

	#makingBrandsText h2 {
		font-size: 3em;
	}

	#makingBrandsText h2 span {
		border-bottom: 4px solid #ff0058;
	}

	#brandingBannerText div {
		border-top: 4px solid #ffffff;
		width: 100%;
	}

	#brandingBannerText h1 {
		font-size: 3em;
	}

	#brandingBannerText h1 span {
		border-bottom: 4px solid #ffffff;
	}

	.brandingHeading {
		border-top: 4px solid #ff0058;
	}

	.brandingHeading h2 {
		font-size: 2.8em;
	}

	.brandingHeading h2 span {
		border-bottom: 4px solid #ff0058;
	}

	#branding-1 .brandingText, #branding-1 .brandingImage {
		margin-top: 45px;
	}

	.brandingText {
		width: 40%;
	}

	.brandingText p {
		font-size: 1.6em;
	}

	#branding-3 .brandingImage {
		display: none;
	}

	#branding-1, #branding-2, #branding-3 {
		padding-bottom: 20px;
	}

	#brandingRight h3 {
		font-size: 4em;
	}
	
	
	.bigSpace {
		padding-top: 70px;
		padding-bottom: 38px;
	}

	.caseStudyOverlay {
		opacity: 1;
	}


	
	/*.homeCaseStudyText {
		background-color: #f5f5f5;
		background-image:none;	
		height: 264px;
		position:relative;
		bottom:auto;
		top: auto;
	}
	
	.homeCaseStudy .homeCaseStudyText{
		height:350px;
	}*/
	
	.homeCaseStudyText .container, .whatWeDoText .container {
		padding-left: 32px;
		padding-right: 32px
	}
	
	.homeCaseStudyText h3, .whatWeDoText h3 {
		color:#2b2b2b;
		font-family: 'GibsonRegular', Arial, Verdana, Helvetica, sans-serif;
		font-size:1.4em;
		margin-bottom: 14px;
		padding-top: 24px;
	}
	.homeCaseStudyText p, .whatWeDoText p {
		color: #2b2b2b;
					  
	}
	.homeCaseStudyText a.button, .homeCaseStudyText a.button:visited {
		display:block;
		position: absolute;
		bottom: 32px;
		left: 32px;
	}
	
	.homeServices {
		height:390px;
		margin-bottom: 0px;
		margin-right: 26px;
	}
	
	#pageBanner h1{
		margin-bottom:0px;
		padding-bottom:30px;
		top: 26%;
	}	

	
	.col-5-7, .col-7-5{
		width:49%;
	}	
	
	.col-3-9 {
		width: 36%;
	}
	.col-9-3 {
		width: 62%;
	}
	
	.containerForIpad .col-5-7, .containerForIpad .col-7-5, .containerForIpad .col-6-6 {
		float:none;
		width: 100%;
	}
	.containerForIpad .col-5-7 img, .containerForIpad .col-7-5 img{
		/*margin-bottom:34px;*/
		display:none;
	}
	
	
	#aboutBrand{
		padding-bottom:0px;
	}	 	

	#aboutBrand .col-5{
		border-bottom:1px dotted #000000;
		float:none;
		margin-bottom:34px;
		margin-right:0px;
		width:100%;
	}
	
	.stageNumber{
		border-bottom:0px;
		float:left;
		margin-bottom:0px;
		margin-right:2%;
		width:10%;
	}	
	
	.stageText{
		float:left;
		width:88%;
	}
	
	#aboutBrand #stageLast{
		border-bottom:0px;
		margin-bottom:0px;
	}
	
	#clients .col-5{
		width:23%;
	}	
	
	.clientLogo{
		margin-right:2%;
	}
	.clientLogo:nth-child(4n){
		margin-right:0px;
	}
	
	#creative .button, #seo .button, #evolve .button, .snippet .button {
		padding-left:2%;
		padding-right:2%;
		max-width: 96%;
	}
	
	#solidBanner p{
		margin-left:18px;
		margin-right:18px;
		width:auto;
	}
	
	#caseStudyTop h1{
		padding-bottom:0px;
	}	

	#caseStudyTop h2, #solutionTitle h2 {
		font-size: 2.3em;
		margin-bottom: 0px;
		width: 100%;
	}
	#caseStudyTop h3, #caseStudyTop span {
		padding-right:2%;
		width:52%;
	}
	
	#caseStudyTop #block1, #solutionTitle {
		margin-right: 0px;
		width: 100%;
	}
	#caseStudyTop #block2 {
		margin-right: 0px;
		width: 49%;
	}
	#caseStudyTop #block3, #solutionBlock {
		clear:both;
		float:none;
		padding-top:32px;
		padding-bottom:1px;
		width: 100%;
	}

	#caseStudyTop:after {
		left: 93%;
		top: 44px;
	}
	#solutionContainer:after {
		left: 93%;
		top: 0px;
	}


	#quote p {
		font-size: 1.6em;
	}
	
	
	#addressBox p{
	    margin-bottom: 0px;
		padding-bottom: 42px;
	}
			
	#contactForm .contact-submit{
		width:100%;
	}	
	#contactForm p.largetext{
		font-size:1.8em;
		margin-bottom:30px;
	}	
	
	.caseStudy, .blog{
		width:48%;
	}
	
	#blogLeft {
		margin-right: 4%;
		width: 34%;
	}
	#blogRight {
		margin-left:38%;
		width: 62%;
	}

	.contact-subject p {
		font-size:1.6em;
	}
	
	#addressBox{
		padding-bottom:18px;
	}	
	
	#solutionBlock{
		max-width:900px;
		width:100%;
	}
	
	#userExperience img {
		display:none;
	}

	#graphic-design-advertising {
		background-image:none;
	}
	
	.project-process {
    	width: 33.333%;
	}
	.project-process:nth-child(4){
		clear:both;
	}

	#notice h2{
		width:17%;
	}
	#notice p{
		padding-left:1%;
		padding-right:1%;
		width:80%;
	}	
	
	.g-recaptcha, .contact-submit-container {
		margin-right:0px;
		width:100%;
	}
	
}




@media (min-width: 768px) and (max-width: 1024px){

	.bigSpace {
		padding-top: 48px;
		padding-bottom: 16px;
	}
	
	#brandingBannerText {
    	padding: 3%;
	}
	
	.brandingImage {
		display:none;
	}

	#brandingBanner img#brandingBannerImg {
		object-fit: contain; 
		object-position: center;
		max-width: 100%;
	    height: auto;
	}
	
	#branding-1 .brandingText, #branding-1 .brandingImage {
    	margin-top: 0px;
	}
	
	#branding-1 .brandingText img {
		margin-bottom: 16px;
		width: 80px;
	}
	#branding-3 .brandingText img {
		width: 80px;
	}
	
	#brandingLeft, #brandingRight{
		float:none;
		padding-right:6%;
		width:100%;
	}
	
	.branding2col .brandingTop {
		float: right;
		width: 30%;
	}
	.branding2col .brandingBottom{
	    float: left;
    	width: 100%;
	}
	
	.branding2col .brandingBottom .brandingHeading{
		margin-right:4%;
		width: 38%;
	}
	
	.branding2col .brandingBottom .brandingText {
		width: 46%;
	}
	
	#brandingLeft .brandingTop{
		display:none;
	}
	
	#brandingLeft.branding2col .brandingBottom .brandingText {
		margin-bottom: 60px;
		margin-top: 0px;
	}
	
	#brandingRight{
		padding-right:2%;
		padding-top:4%;
	}
	
	#brandingRight.branding2col .brandingTop {
		width: 42%;
	}
	
	#brandingRight.branding2col .brandingTop .brandingHeading {
		float:right;
    	width: 84%;
	}
	
	#brandingRight.branding2col .brandingBottom {
		width: 52%;
	}
	
	
	#brandingRight .brandingText {
    	margin-top: 0px;
	}
	
	.brandingBottom{
		clear:none;
	}
	
	.branding2col .brandingTop .textBGBottom:after{
		display:none;
	}

	#divMapCanvas {
		height: 375px;
	}

	.caseStudyOverlay a.buttonLink {
		bottom: 5%;
        position: absolute;
	}

	.homeCaseStudy h2 {
		font-family: 'GibsonRegular', Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.6em; 
	}

	.homeCaseStudyDescription {
		background: rgba(70, 70, 70, 1) ;
	}

	#homeCaseStudyTitle h2 {
		font-size: 2.4em;
	}
	#homeCaseStudyTitle, #homeCaseStudyTitle h2 span {
		border-bottom: none;
		border-top: none;
	}
	.homeCaseStudyDescription .textBGTop:after {
		display: none;
	}

	.padParagraphLeft {
		padding-left:0px;
	}
	
	#about-robot{
		display:none;
	}
	#about-project {
		clear: none;
	}
	#studio-image{
		background-position: left;
		clear:both;
		width:100%;
	}

}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

@media (max-width: 999px) {
	#enquiry-pages, #testimonailBoxContainer {
		margin-right:0;
		width:100%;
	}
	#testimonailBoxContainer {
		margin-top:20px;
	}
	#testimonailBox {
		border-top: 1px solid #969696;
        border-left: none;
        margin-left: 0px;
        padding-top: 30px;
	}
}

/*Small Tablet Sized */
@media (max-width: 767px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/

	
	#studio-image {
   		background-position: left;
	}
	
	#header_graphic{
		z-index:800;
	}
	
	#header_graphic img {
		width:80px;
	}
	
	.hideOnSmallTablet{
		display:none !important;
	}
	.showOnSmallTablet{
		display:block;
	}
	
	.header-tel {
		display:none;
	}
	
	#strapline {
		font-size:1.1em;							  
	}
	#header-cta-btn a {
		font-size: 0.9rem;		
	}

	#navigation ul {
		top:80px;
	}
	

	/*#banner {
		top: -16px;
	}*/

	#bannerText h2 {
		font-size: 2.4em;
	}

	#bannerText ol li, #bannerText p {
		font-size: 1.6em;
	}

	#pageBanner {
		padding-bottom: 25px;
		padding-top: 45px;
	}
	#pageBanner h1{
		font-size: 2.6em;
	}
	#pageBannerText {
		border: none;
	}
	#pageBanner:after {
		display: none;
	   }

	  #pageBanner p {
		font-size: 1.6em;
		margin-top: 10px;
		padding-left: 2%;
		padding-right: 2%;
	}

	.whatImage h2 {
		font-size: 4em;
	}

	.col2-3 {
		width: 100%;
	}
	
	/*#bannerTextInner {	
		padding-bottom:40px;
		padding-top: 42px;
		width: 84%;
	}*/
	
	.bigSpace {
		padding-top: 42px;
		padding-bottom: 4px;
	}
	
	.homeCaseStudy{
		width:50%;
	}
	
	.homeCaseStudyDescription {
        background: rgba(70, 70, 70, 1);
    }

	#brandingBannerText {
		width: 40%;
	}

	#brandingBannerText div {
		width: 100%;
	}

	.brandingImage {
		display: none;
	}

	.branding2col .brandingHeading {
		float: left;
		width: 40%;
	}

	#brandingRight h3 {
		font-size: 3em;
	}

	#brandingLeft .brandingText {
		padding-right: 6%;
    	width: 40%;
	}

	#responsivedesign-container, #responsiveseo-container, #responsivedigital-container {
        padding-bottom: 38px;
    }	

	
	#services .col3{
		float:none;
		width:100%;
	}
	.homeServices {
		height:auto;
		margin-bottom: 60px;
		margin-right: 38px;
	}
	#subscribeform {
		margin-bottom: 38px;
	}

	#footerTopLogo {
		width: 90%;
		max-width: 700px;
	}

	#footerTopLogo h2 {
		font-size: 4em;
	}
	
	#foot1, #foot2,	#foot3, #foot4, #foot5{
		float:left;
		margin-bottom:36px;
		width:49%;
	}
	#foot1, #foot3, #foot5 {
		clear:both;
		margin-right:2%;
	}
	#foot2, #foot4{
		margin-right:0px;
	}

	#foot3 p{
		margin-bottom:0px;
	}
			
	
	#bannerText h1{
		font-size:2.0em;
		margin-bottom: 42px;
	}
	
	#userExperience{
		background-image:none;
	}	
	
	.contactDirector {
		padding-bottom:32px;
		padding-left:46px;
		text-align:center;
	}		
	
	#blogLeft {
		float:none;
		margin-left:0px;
		margin-right: 0px;
		width: 100%;
	}
	#blogRight {
		float:none;
		margin-left:0px;
		width: 100%;
	}	
	
	#blogLeft h1{
		display:none;
	}	
	#blogRight h1{
		display:block;
	}

	.pageCaseStudy{
		float:none;
		margin-bottom:25px;
		width:100%;
	}
	
	#branding-1 .brandingText img {
		margin-bottom: 16px;
		width: 66px;
	}
	#branding-1 .brandingText, #branding-1 .brandingImage {
		margin-top: 0px;
	}
	
	#branding-2 .brandingText img{
		width: 160px;
	}
	#branding-3 .brandingText img{
		width: 54px;
	}
	
	#brandingLeft.branding2col{
		width:100%;
	}
	
	#brandingLeft.branding2col .brandingTop{
		display:none;
	}
	
	#brandingLeft .brandingText {
		margin-top: 12px;
	}
			
	#brandingRight.branding2col{
		padding-top:4%;
		width:100%;
	}
	
	#brandingRight.branding2col .brandingTop{
		float:left;
		width:40%;
	}
	
	#brandingRight.branding2col .brandingHeading {
		width: 100%;
	}
	
	#brandingRight.branding2col .brandingBottom{
		float:right;
		width:48%;
	}
	
	#brandingRight .brandingText {
		margin-top: 0px;
	}

	.brandingBottom {
		clear: none;
	}
	
	.branding2col .brandingTop .textBGBottom:after{
		display:none;
	}

	#brandsList {
		justify-content: space-evenly;
	}

	#brandsList div {
		width: 40%;
        margin-left: 2%;
        margin-right: 2%;
	}


	#contact-subject-container {
		display:none;
	}

	#divMapCanvas {
		height: 375px;
	}
	.containerForIpad .col-5-7 img, .containerForIpad .col-7-5 img{
		/*margin-bottom:34px;*/
		display:block;
	}
	.column-overview-container, .column-responsivedesign-container, .column-responsiveseo-container, .column-responsiveretargeting-container, .column-responsiveppc-container, 
	.column-responsiveemailcampaign-container, .column-responsivefrontend-container {
		position:static;
		width:100%;
	}
	#column-responsivedesign-text, #column-responsiveseo-text, #column-responsiveretargeting-text, #column-responsiveppc-text, #column-responsiveemailcampaign-text, 
	#column-responsivefrontend-text, #column-responsivebackend-text, #column-responsiveintergration-text, #column-responsivedigitalmarketing-text, #column-responsivecatalogue-text,
	#column-responsiveexhibition-text{
		width:100%;
	}

	.column-image-container {
		/*display:none;*/
		box-sizing: border-box;
		border-bottom: 1px solid #cacaca;
		bottom:0;
		position:static;
		left:0;
		width:100%;
		margin-bottom: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.column-image-container img {
		margin: 0 auto;
	}

	 #column-digitalmarketing-image .column-image-container {
		border-bottom:0px;
	 }
	 #column-retargeting-image .column-image-container,  #column-emailcampagn-image .column-image-container, #column-frontend-image .column-image-container {
		border-bottom:0px;
		margin-bottom:-38px;
	 }

	.column-overview-container div.column-image-container img {
		width: 60%;
	}

	.column-responsiveseo-container div.column-image-container {
		border-bottom: none;
		margin-bottom: -50px;
	}

	.column-responsiveseo-container div.column-image-container img {
		width: 75%;
	}

	#responsivedesign, #responsiveseo-container,  #responsivedigital-container {
		padding-bottom: 38px;
	}

	#caseStudyTop:after, #solutionContainer:after {
		left: 92%;
	}

	.padParagraphLeft {
		padding-left: 0px;
	}

	.caseStudyOverlay a.buttonLink {
		bottom: 5%;
        position: absolute;
	}

	.homeCaseStudy h2 {
		font-family: 'GibsonRegular', Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.6em; 
	}

	#column-socialmedia-image, #column-backend-image, #column-intergration-image, #column-digital-marketing-image, #column-catalogue-image, #column-exhibition-image {
		box-sizing: border-box;
		bottom: 0;
		position: static;
		left: 0;
		width: 100%;
		margin-bottom: 15px;
	}
	
	
	.about-block {
		float: none;
		width: 100%;
	}
	
	#about-text, #about-approach, #about-project {
		padding-bottom: 2px;
	}
	
	.project-process {
		width: 50%;
	}
	.project-process:nth-child(4) {
		clear: none;
	}
	.project-process:nth-child(odd) {
		clear: both;
	}
	
	#notice h2{
		margin-top:11px;
		width:11%;
	}
	#notice p{
		width:86%;
	}
	
	#about-get-in-touch p#about-get-in-touch-text {
		font-size: 2em;
	}

}


/*Mobile Sized */
@media (max-width: 639px) {

	#header_graphic{
		z-index:900;
	}
	
	#header_graphic img {
		width:60px;
	}
	#header-right-container {
		width: 50%;
		justify-content: flex-end;
	}

	#headerContact {
		display:none;
	}

	#header-cta-btn {
		margin-left: 12px;
		margin-right: 12px;
	}
	#header-cta-btn a {
		font-size: 0.7rem;
	}
	.mobileButtonText {
		display: block;
	}	
	.headButtonText {
		display: none;
	}
	#strapline {
		font-size: 14px;
		padding-left: 10px;
	}
	#navigation ul {
		top: 70px;
	}

	#nav-icon {
		width: 33px;
		height: 33px;
	}

	#nav-icon span:nth-child(1) {
		top: 3px;
	}
	#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
		top: 15px;
	}

	#nav-icon span:nth-child(4) {
		top: 28px;
	}

	#banner .bx-wrapper {
		height: auto;
	}

	#sliderhome li img, #banner .bannerImg {
		height: auto !important;
		object-fit: contain;
		object-position: top;
		width: 100%;
	}

	#bannerContent {
		position: relative;
	}

	.bannerLogo {
		right: 3%;
		bottom: 16px;
		width: 25%;
	}

	#bannerText {
		/*position: absolute;
		
		top: 262px;*/
		position: relative;
		left: 0px;
		padding-top: 20px;
		width: 100%; 
		box-sizing: border-box;
	}

	#bannerText h1{
		background-image:none;
		font-size: 2.0em;
		margin-bottom:43px;
		padding-top:0px;
	}
	
	#bannerTextInner {
		padding-top: 0px;
	}

	#bannerScroll, #pager {
		display: none;
	}
	
	#newsletter h2 {
		margin-bottom: 36px;
		padding-bottom: 36px;	
	}

	#subscribeform .inputBox {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 444px;
		width:100%;
	}
	
	/*#bannerText h1{
		font-size:1.6em;
		margin-bottom: 36px;
	}*/
	
	.col2{
		float:none;
		width:100%;
	}

	.homeCaseStudyDescription {
		display: none;
	}

	.homeCaseStudy {
		float: left;
		width: 100%;
	}


	
	.column{
		float:none;
		margin-bottom:12px;
		margin-right:0px;
		width:100%;
	}

	#column-retargeting-image,  #column-emailcampagn-image, #column-frontend-image {
		margin-bottom:0px;
	}
	
	#pageBanner h1 {
		padding-bottom: 14px;
		top: 22%;
	}
	
	.stageNumber{
		width:18%;
	}
	.stageText {
		width: 80%;
	}
	
	#clients .col-5 {
		float:left;
		margin-bottom:42px;
		margin-right:2%;
		width: 49%;
	}
	#clients .col-5:nth-child(even) {
		margin-right:0px;
	}

	
	#robotImage{
		display: block;
		margin-left:auto;
		margin-right:auto;
	}
	
	#seoImage {
		margin-top: 10px;
	}	
	
	#addressBox {
		border-right: 0px;
		margin-right: 0px;
		padding-right: 0px;
	}
	
	#enquiry-form, #message-form{
		float:none;
		margin-right:0px;
		width:100%;
	}
	
	.contactMessage {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#caseStudyTop #block1, #caseStudyTop #block2 {
		float:none;
		margin-right: 0px;
		width: 100%;
	}
	
	#caseStudyTop ul{
		margin-bottom:42px;
	}	
	
	.caseStudy, .blog{
		float:none;
		width:98%;
	}
	
	.blogText {
		height:auto !important;
					  
	}

	#quote {
		padding-left:0px;
		padding-right:0px;
		padding-top:36px;
	}
	
	.homeCaseStudyText, .whatWeDoText {
		height: auto;
	}
	
	.homeCaseStudyText {
		padding-bottom:88px;
	}
	
	.blogText h2 {
		min-height:auto;
		margin-bottom:32px;
	}
	
	#brandingBannerText h1{
		margin-bottom:18px;
	}
	
	.brandingHeading h2 {
		font-size: 2.4em;
	}
	
	#branding-1 .brandingText img {
		width: 48px;
	}	
	
	#brandingLeft .brandingText {
		margin-top: 0px;
	}
	
	#brandingRight h3 {
		font-size: 2.4em;
	}

	#graphic-design-advertising img {
		display:none;
	}

	#caseStudyTop:after, #solutionContainer:after {
		display:none;
	}
	
	#about-brand-text{
		display:block;
	}
	
	#about-get-in-touch p#about-get-in-touch-text {
    	font-size: 1.8em;
	}
	
	#notice h2{
		margin-top:14px;
		width:14%;
	}
	#notice p{
		padding-left:2%;
		padding-right:2%;
		width:81%;
	}	

	#about-heading {
        font-size: 4.2em;
    }
	
	.homeWhatWeDo a.buttonLink, .homeWhatWeDo a.buttonLink:visited {
		margin-top: 29%;
	}

	.textBGRight:after, .textBGLeft:after, .textBGBottom:after, .textBGTop:after {
		bottom: 10%;
		-webkit-transform: rotate(136deg);
        transform: rotate(136deg);
	}
	
}



/*Mobile Sized */
@media (max-width: 480px) {
 	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnPhone{
		display:none !important;
	}
	.showOnPhone{
		display:block;
	}
	
	#header_graphic{
		z-index:1000;
	}

	
	#project-process-diagram{
		display:none;
	}
	
	/*#nav-icon {
    	margin-top: 2px;
		text-indent:-9999px;
		width: 30px;
	}*/


	
	/*#bannerText {
		background-image:none;
		position: static;
		top: auto;
		left: auto;
	}
	#bannerTextInner {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0px;
		padding-bottom: 0px;
		width: 100%;
	}
	
	#bannerText h1 {
		color:#2b2b2b;
    	margin-bottom: 36px;
	}
	
	#bannerText a.buttonLink, #bannerText a.buttonLink:visited {
		border: 1px solid #000000; 
		color: #000000; 
	}*/
	
	#pageBanner img{
		display:none;
	}
	
	#pageBanner h1 {
		background-image: none;
		margin-left: 4%;
		margin-right:4%;
		margin-top:15px;
		padding-bottom:0px;
		position: static;
		left: auto;
		right: auto;
		top: auto;
		text-align: center;
		width:auto;
	}
	
	.padParagraph p {
		padding-right: 0px;
	}
	
	.homeServices {
    	margin-left: 18px;
    	margin-right: 18px;
	}
	
	/*.littleSpaceTop {
		padding-top: 0px;
	}*/
	.bigSpace {
		padding-top: 32px;
		padding-bottom: 1px;
	}
	
	.largetext {
		font-size: 1.4em;
	}
	
	#foot {
		padding-top: 20px;
	}
	
	.stageNumber{
		width:22%;
	}
	.stageText {
		width: 76%;
	}

	.imagesLeft, .imagesRight {
		margin-right: 0px;
		width: 100%;
	}
	
	#quote p {
		font-size: 1.3em;
	} 
	
	#pageBanner #blogBanner img {
		display: block;
	}
	#blogBanner {
		width: 100%;
	}
	
	#solidBanner, #solidBanner.blogBanner {
		padding-bottom: 42px;
		padding-top: 34px;
	}
	
	#solidBanner.blogBanner p {
    	padding-bottom: 42px;
	}
	
	#blogFilter, #caseStudyFilter{
		padding-bottom:38px;
	}	
	#blogFilter h2, #caseStudyFilter h2{
		margin-bottom:28px;
		padding-top:0px;
	}	
	
	/* Initial menu */
	.menu {
		right: -100%;  /* start off behind the scenes */
		width: 100%;
	}


	.brandingHeading {
		width: 100%;
	}

	.brandingText {
		margin: 0px;
		width: 100%;
	}

	#footerTopLogo {
	    width: 70%;
	}

	#footerTopLogo h2 {
		font-size: 2em;
	}
	
	#footerTopLogo h3 {
		font-size: 1.4em;
	}
	
	#brandingBannerText {
		position:static;
    	width: 100%;
	}
	#brandingBannerText div{
		float:none;
	}
	#brandingBannerText.textBGBottom:after{
		display:none;
	}	
	
	#brandingBannerText h1{
		margin-bottom:0px;
		padding-bottom:0px;
	}	
	
	#branding-1 .brandingText img, #branding-2 .brandingText img, #branding-3 .brandingText img {
		display:none;
	}	
	
	#brandingLeft .brandingText {
		float:none;
		margin-bottom: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	.branding2col .brandingHeading {
		float: none;
		width: 100%;
	}
	
	#brandingRight.branding2col .brandingTop {
		float: none;
		width: 100%;
	}
	
	#brandingRight.branding2col .brandingBottom {
		float: none;
		width: 100%;
	}
	
	#brandingLeft.branding2col .brandingBottom{
		display: flex;
		flex-direction: column;
	}
	#brandingLeft.branding2col .brandingHeading{
		order:1;
	}
	
	#brandingLeft.branding2col .brandingText{
		order:2;
	}
	
	#bannerTextInner {
    	margin-top: 6px;
		padding-bottom: 36px;
	}
	
	#bannerText{
		padding-left:2%;
		padding-right:2%;
	}
	
	#bannerText h2 {
		font-size: 2.2em;
		margin-bottom: 20px;
	}
	
	.main-heading {
    	font-size: 2.0em;
	}
	
	.homeWhatWeDoText {
		width: 100%;
	}
	
	.homeWhatWeDo a.buttonLink, .homeWhatWeDo a.buttonLink:visited {
    	margin-top: 29%;
	}

	#pageBanner {
		padding-bottom: 15px;
		padding-top: 2px;
	}
	#pageBanner h1, #caseStudyTop h2, #solutionTitle h2{
		font-size: 1.8em;
	}

	#home-branding-image{
		display:none;
	}	
	
	#homeBrandBuilders{
		display:none;
	}
	
	.textBGLeft a.buttonLink, .textBGLeft a.buttonLink:visited {
		position: static;
		right: auto;
		bottom: auto;
		float: right;
	}
	
	
	#footerContact {
		background-size:contain;
		height: 96px;
		padding-top:20px;
		padding-left: 20px;
		padding-right: 20px;
		right: 4%;
		top: 16px;
		width: 68px;
	}
	#footerContact span {
		font-size:2.0em;
	}	
	
	
	#foot h2 {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	#foot5 {
    	margin-bottom: 26px;
	}
	
	#copyright {
		padding-top: 0px;
		padding-bottom: 48px;
	}
	
	#static-navigation ul li div.subNav div.col-3 div.navText {
    	width: 72%;
	}
	
	/*.littleSpaceBottom {
		padding-top: 0px;
	}*/
	
	.pageCaseStudyText a.button, .pageCaseStudyText a.button:visited, .homeCaseStudyText a.button, .homeCaseStudyText a.button:visited, .whatWeDoText a.button, .whatWeDoText a.button:visited {
		margin-left:32px;
		margin-right:32px;
		left: 0px;
		right: 0px;
		width: auto;
	}
	
	/*.pageCaseStudy, .caseStudy {
		height:auto !important;
		margin-bottom: 0px;
	}*/
	
	.caseStudy, .blog {
		margin-left:0px;
		margin-right:0px;
		width: 100%;
	}
	
	.caseStudyBanner{
		margin-bottom:0px;
	}

	#caseStudyTop h3, #caseStudyTop span {
		padding-right:0px;
		width:70%;
	}

	#about-heading {
		font-size: 3.2em;
	}

	.process-heading{
		height:auto;
	}
	.process-heading:before {
    	border-top: 2px solid #ff0058;
		border-right: 2px solid #ff0058;
		height: 14px;
		width: 14px;
	}
	
	.project-process h2 {
		margin-bottom: 18px;
    	margin-top: 0px;
		padding-top: 26px;
		position: static;
	}
	
	#project-process-container{
		padding-bottom:18px;
	}
	
	.project-process {
		padding-bottom: 0px;
		width: 100%;
	}
	
	#about-brand-text{
		display:block;
	}	
	
	#about-get-in-touch p#about-get-in-touch-text{
		font-size:1.6em;
	}
	
	#notice h2{
		display:none;
	}
	#notice p{
		float:none;
		font-size:1.0em;
		padding-left:2%;
		padding-right:2%;
		width:96%;
	}

}