/************************************************************************************
Bigger screens
*************************************************************************************/

@media screen and (min-width: 1300px) {


}




/************************************************************************************
iPad (specific tunning)
*************************************************************************************/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
  
}



/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
  
	/*===== Turning OFF stuff =====*/
  
  	/*===== Turning ON stuff =====*/
 
  	
	/*----- Header stuff -----*/
	#nav li a { font-size: 12px; padding: 40px 8px 10px 8px;}
	
	
	/*----- Home stuff -----*/
	.aerialView{ width: 100%; float: none; clear: both;}
	#homeStuff { width: 80%; padding: 2.5% 10%;}
	
	
	/*----- Offices stuff -----*/
	#officeContent { width: 60%;}
	#officeSide { width: 35%;}
	
	
	/*----- Contact stuff -----*/
	.formBox { width: 60%;}
	.formSide { width: 35%;}
	

  
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

  	/*===== Turning OFF stuff =====*/
	#nav { display: none;}
	
  
  	/*===== Turning ON stuff =====*/
	
	
	/*----- Header stuff -----*/
	#header { height: auto; position: relative;}
	#logo { width: 100%; padding: 15px 0; float: none; clear: both; text-align: center;}
	
	
	/*----- Home stuff -----*/
	
	
	/*----- Office stuff -----*/
	#officeContent, #officeSide { width: 100%; float: none; clear: both;}
	.blueBTN a { width: 80%;}
	#floorPlanBox img { max-width: 100%;}
	
	
	/*----- Content stuff -----*/
	#slideBox { padding: 0;}
	
	
	/*----- Contact stuff -----*/
	.formBox, .formSide { width: 100%; float: none; clear: both;}
	
	
	/*----- Footer stuff -----*/
	.footerCol, #NSWbox, #footerContact, #developerBox { width: 100%; float: none; clear: both; margin:  20px 0;}
	#developerBox { text-align: center;}

	
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

  /* disable webkit text size adjust (for iPhone) */
  html {
    -webkit-text-size-adjust: none;
  }

}