/* CSS Document */

@media only screen and (max-width : 1300px) 
{
	.officeImage {
		width: 45%;
	}
	.officeDetail {
		width: 55%;
	}
	.subTourInfo a{
		position:relative;
		margin:10px 0 0 20px;	
	}
	#introLarge .introImage {
		width: 40%;
	}
	#introLarge .introBlock {
		width: 60%;
	}
	
	
}

@media only screen and (max-width : 1024px) 
{
	#navwrapper{
		width:65px;
	}
	.mobileshow,
	#mainMenuMobile,
	.mobilemenu 	{display:block;}
	
	#contentInner,#headerBarInner {
		margin: 0 0 0 65px;
	}
	#nav{
		display:none;	
	}
	.split4 li{
		width:50%;	
	}
	
	
	.introImage{
		width:35%;	
	}
	.introBlock{
		width:65%;	
	}
	#tourDetail{
		width:60%;	
	}
	#tourImage {
		width: 40%;
	}
	.officeRow {
		float: left;
		overflow: auto;
		width: 50%;
	}
	.officeDetail, .officeImage, .tourDetail, .tourImage {
		float: none;
		width: 100%;
	}
	#pageTitle{
		font-size:60px;	
	}
	.offices li{
		width:33.333%;	
	}
}

@media only screen and (max-width : 768px) 
{
	#sponsors{
		display:none;	
	}
	#pageTitle{
		font-size:50px;	
	}
	.split3 li{
		width:100%;	
	}
	.split2 li{
		width:100%;	
	}
	.split2 li .innerIntroBlock{
		padding:10px 40px;	
	}
	#tourDetail{
		width:100%;	
	}
	#tourImage {
		box-shadow: 0 none;
		width: 100%;
	}
	#leftAbout{
		width:100%;	
		margin: 0 0 10px;
	}
	#rightAbout{
		width:100%;	
	}
	.officeRow {
		width: 100%;
	}
	#introLarge .introBlock {
		width: 100%;
	}
	#introLarge .introImage {
		height: 200px;
		width: 100%;
	}
	#map {
		float: none;
		width: 100%;
	}
	#mapImage{
		display:none;	
	}
	.officeRow .inset-border-5-right,
	.officeRow .inset-border-5-left{
		box-shadow:none !important;
	}
	#headSignUp{
		display:none;	
	}
	#headerLeft{
		width:100%;	
	}
	#homeLogin{
		display:block;	
	}
}

@media only screen and (max-width : 600px) 
{
	.split4 li{
		width:100%;	
	}
	#quickContactContainer,
	#headTel{
		display:none;	
	}
	#logo {
		left: 50%;
		margin: auto auto auto -95px;
		position: relative;
		width: 190px;
	}
	#headerBar {
    	height: 54px;
	}
	#innerHeader{
		margin-top:54px;	
	}
	#pageTitle {
		font-size: 30px;
	}
	.introImage{
		display:none;	
	}
	.introBlock {
		width: 100%;
	}
	#introSlim {
		height:auto;	
	}
	#contentInner, #headerBarInner {
		margin: 0;
	}
	#navwrapper {
		left: -65px;
	}
	#nav li {
		text-align:center;
	}	
	#nav li.sectionHead,
	#nav li a  {
		padding:10px 0 !important;	
	}
	#innerHeader {
		padding: 10px 20px 20px !important;
		text-align: center;
		height: 102px;
	}
	#innerTestimonial {
	    font-size: 14px;
	}
	.medFlag {
		height: 20px !important;
		width: 27px !important;
	}
	#itinerary {
		padding: 40px 30px;
	}
	#tourImage{
		height:200px;
		box-shadow:none;	
	}
	.offices li{
		width:50%;	
	}
	
	.innerIntroBlock {
		padding: 20px;
	}
	h1 {
    	font-size: 35px;
	}
}