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

@media (max-width: 1540px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	.wrapper-inner {
		padding-right:1%;
		padding-left:1%;
    	width: 98%;
	}
	
	#foot{
		padding-right:0px;
		padding-left:0px;
		width:100%;
	}
	
	#centerc-1col {
		width: 100%;
	}

	#home-banner-left {
		width: 48%;
	}

	#wrapper-inner-home-banner {
	    width: 100%;
	}

	#home-banner-left-text {
	    padding-top: 10%;
	    left: 5%;
	    width: 95%;
	}

	
	
	/*--------------- Bespoke --------------*/
	/*----------------------------------------*/
		
	#wrap{
		padding-left:1%;
		padding-right:1%;
		width:98%;
	}
	
	#header-left {
		width: 50%;
	}
	#header-right {
		width: 50%;
	}
	#header_graphic{
		z-index:600;
	}


	#centerc{
		margin-left:25%;
		width:75%;
	}
	#centerc-2col {
		margin-left: 25%;
		padding-left:2%;
		width: 73%;
	}
	#leftc{
		margin-left:-100%;
		padding-right:2%;
		width: 22%;
	}

	#foot2 {
		width: 100%;
	}

}

@media (max-width: 1200px) {
	
	#home-banner-left-text-top {
		color: #e5c917;
		font-size: 1.6em;
		height: auto;
	}
	#home-banner-left-text-bottom {
		font-size: 2.4em;
		height: auto;
		margin-top: 20px;
	}
	#home-login-button, #home-certificate-button {
		font-size: 1.3em;
		text-align:center;
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media (max-width: 800px) {
	#home-banner-left-text {
	    padding-top: 5%;
	    left: 5%;
	    width: 95%;
	}

	#home-banner-left-text-top {
		color: #e5c917;
		font-size: 1.6em;
		height: auto;
	}
	#home-banner-left-text-bottom {
		font-size: 2em;
		height: auto;
		margin-top: 20px;
	}
	#home-login-button, #home-certificate-button {
		font-size: 1em;
	}
}

/*Small Tablet Sized */
@media (max-width: 767px) {
	/*--------------- Structure --------------*/
	/*----------------------------------------*/
	
	.hideOnSmallTablet{
		display:none;
	}
	.showOnSmallTablet{
		display:block;
	}
	
	#wrapper-header, #header {
		
	}
	#header-right{
		
	}

	#header_graphic{
		z-index:700;
	}

	#header-right .members {
		margin-top: 7px;
	}
	
	.members, .call, .headerText{
	    margin-right: 2%;
	}
	.call, .tel{
		font-size: 2em;
	}
	.headerText{
		font-size: 19px;
	}

	#centerc{
		display: block;
		float:none;
		margin-left:0px;
		width:100%;
	}
	#centerc-2col {
		display: block;
		float: none;
		margin-left: 0px;
		padding-top:0px;
		padding-bottom:0px;
		padding-left:1%;
		padding-right:1%;
		width: 98%;
	}
	#leftc{
		float:none;
		margin-left:0px;
		padding-left:1%;
		padding-right:1%;
		width: 98%;
	}
	
	#home-introtext{
		text-align:left;
		width: 98%;
    	padding-right: 1%;
    	padding-left: 1%;
	}
	#home-introtext h1{
		font-size:1em;
	}
	#home-introtext p{
		font-size:0.9em;	
	}
	
	
	#footerleft ul{
		position:static;
	}
		
	label{
		float:none;
	}
	

}

@media (max-width: 700px) {

	#header-left{
		width: 65%;
	}
	#header-right{
		font-size:1.2em;
		width: 35%;
	}

	#home-banner-left-text {
	    padding-top: 5%;
	    left: 5%;
	    width: 95%;
	}

	#home-banner-left {
		float: none;
		width: 100%;
	}
	#home-banner-right {
		display: none;
		float: none;
	}

	#home-banner-left-text-top {
		color: #e5c917;
		font-size: 1.6em;
		height: auto;
	}
	#home-banner-left-text-bottom {
		font-size: 1.8em;
		height: auto;
		margin-top: 20px;
	}
	#home-login-button, #home-certificate-button {
		font-size: 1.3em;
	}

	#headerPhoneNumber {
		font-size: 1.4em;
	}

	#headerPhoneNumber {
		display: none;
	}


}

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

	input{
		padding-left:0px;
		padding-right:0px;
		width:99%;
	}
	textarea{
		width:98%;
	}

	#wrapper-header, #header{
		
	}
	#header-left{
		width: 65%;
	}
	#header-right{
		font-size:1.2em;
		width: 35%;
	}

	#header-right p {
		margin-bottom: 0px;
	}
	
	.headerText{
		font-size:0.8em;
	}
	.call, .tel{
		font-size:1.2em;
	}

	#social-icons{
		margin-left: 20%;
    	width: 80%;
	}
	#uc4-link{
		padding-left: 16px;
	}
		

	.footer-social-icons {
		margin-right: 6%;
	}


	

}

@media (max-width: 534px) {
	
	#header-left {
		margin-bottom:6px;
		padding-right:1%;
		padding-left:1%;
		width: 48%;
	}
	#header-right{
		margin-bottom:6px;
		padding-right:1%;
		padding-left:1%;
		width: 48%;
	}
	#header-right p, #header-right span{
		float:left;
	}

	#header_graphic{
		float: none;
		margin-right: 0px;
		z-index:800;
		width: auto;
	}

	#strapLine {
		display: none;
	}

	#footerleft{
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	#footerright {
		float: none;
		width: 98%;
		padding-left: 2%;
	}
	.footer-social-icons {
		margin-right: 20px;
	}

	/* remove inherited 3n */
	.home-features:nth-child(3n){
		margin-right:2%;
	}
	.home-features:nth-child(3n+1){
		clear:none;
	}
	.home-features {
		width: 48%;
	}
	.home-features:nth-child(2n){
		margin-right:0px;
	}
	.home-features:nth-child(2n+1){
		clear:both;
	}
}

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

	.hideOnPhone{
		display:none;
	}
	.showOnPhone{
		display:block;
	}

	img.ImgFloatRightNoBorder, img.ImgFloatLeftNoBorder, img.ImgFloatNoneNoBorder, img.alignRight, img.alignLeft{
		float:none;
		display:block;
		margin:0px;
		margin-bottom:12px;
	}
	
	#wrapper-header, #header {
		background-repeat:repeat-x;
	}

	#header-right .call{
		padding-top:15px;
	}
	#header-right .headerText{
		padding-bottom:15px;
	}
	#headerText{
		display:none;
		padding-bottom:0px;	
	}


	#header-left {
		padding-right:1%;
		padding-left:1%;
		width: 42%;
	}
	#header-right{
		padding-right:1%;
		padding-left:1%;
		width: 54%;
	}
	#header-right .members {
	    margin-top: 32px;
	}

	#home-banner-left-text {
		padding-top: 5%;
		left: 5%;
		right: 5%;
		width: 90%;
	}

	#home-banner-left-text-button {
		height:auto;
	}

	#home-login-button, #home-certificate-button {
		clear: both;
		display: block;
		margin-bottom: 20px;
		margin-right: 0px;
		width: 92%;
		padding: 4%;
	}
	

	#social-icons{
		margin-left: 0px;
		margin-bottom:0px;
    	width: 100%;
	}
	#social-icons img{
		margin-left:-17px;
	}
	#uc4-link {
		padding-left: 10px;
		text-align: left;
	}
	
	#footerright ul{
		padding-top:20px;
		padding-left:10px;
	}
}
@media (max-width: 320px) {
	#header-left {
		padding-right:1%;
		padding-left:1%;
		width: 40%;
	}
	#header-right{
		padding-right:1%;
		padding-left:1%;
		width: 56%;
	}
}