#contact-form ul             {margin-top: 0px; display: block !important; width: 45%;}
#contact-form li input       {width:100%; height:54px; margin-bottom: 30px; display: block;} 
#contact-form li input.last  {margin-bottom: 0px;} 
#contact-form textarea       {width:100%; height:230px; display: block;} 

#contact-form label {width:100%; display: block; margin-bottom: 8px;}

#contact-form input  {width:100%; margin-top:32px;}

textarea, input {
  outline: none;
  border-radius: 0;
  background: none;
  padding: 12px;
  background-color:#DAF4FF;
  box-sizing: border-box;
  cursor: text;
  color:#2d2d2d !important;
  margin-top:0px !important;
}


form li p {width: calc(100% - 34px); float: left; margin: 22px 0 40px 10px !important;}


.tickBox {width: 24px !important; height: 24px !important; float: left; margin-top: 24px !important; border: 1px solid red !important;}  


input.tickBox:hover, input.tickBox:active {cursor: pointer;}


#contact-form ul li button {margin-top: 120px; margin-left: -160px; width: 160px;}


#form-messages {text-align: center; width: 100% !important; padding: 20px; }









/* Colour input states */

input, textarea 		  	{border: 1px solid #1D769D !important;}

input:focus, textarea:focus {background-color:#FFFFFF;}


input:required, textarea:required {color: #222222;  }


input:required:invalid, textarea:focus:required:valid {
  border: 1px solid #fdd106 ; /* Yellow */
}

input:required:valid, textarea:required:valid {
  border: 1px solid #2d2d2d ; 

}


::-webkit-input-placeholder {color: #bababa;}
:-ms-input-placeholder      {color: #bababa;}
::placeholder               {color: #bababa;}


.expanding {
  vertical-align: top;
}

.send-icn {
  fill: rgba(255, 255, 255, 1)
}

.send-icn:hover {
  fill: rgba(0, 0, 0, 1);
  cursor: pointer;
  }
  
  
  
  /* Ajax Contact form Results box messaging */
  
.success {
  color: #FFFFFF !important ; 
  background-color: #379B59; /* Green */

}

.error {
  color: #FFFFFF !important ; 
  background-color:#d1001c; /* Orange */
}

  
  
::-webkit-validation-bubble-message { display: none; }
  
  
  
  


/* 
= = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = =

R E S P O N S I V E  

= = = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/




/* Small + Medium ----------- */
@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
	
#contact-form ul {width: 100%;}	
#contact-form ul.floatLeft, #contact-form ul.floatRight {float: none;}	
#contact-form li input     {margin-bottom: 12px;}
#contact-form ul li button {margin-top: 0px; margin-left: 0px; width: 100%;}
	
	
}



/*  Large ----------- */

@media only screen
and (min-width : 768px)
and (max-width : 1023px) {
	
#contact-form ul           {width: 48%;}
#contact-form li input     {margin-bottom: 12px;}	
#contact-form ul li button {margin-top: 160px; margin-left: -160px; width: 160px;}
	
	
}