/************************************************************************************
COLUMN
*************************************************************************************/

.pagewrap {
	width: 1024px;
	max-width: 100%;
	margin: 0 auto;
}

.wrapper {
	overflow: hidden;
}

.fluid {
	float: left;
	margin-left: 1.6em;
	margin-bottom: 0;
}
	article div.xcol { padding: 0; display: block; }

	.hrcont { width: 75.29% !important; text-align: right;}
	.flcont { width: 66.6% !important; }
	.sub { width: 53.9% !important; padding: 0 1em 0 1em; } .sub2 { width: 76.9% !important; padding: 0 0 2em 1em; }
	.rsub { width: 20% !important;}

.fullwidth .fluid {
	float: none;
	margin-left: 0;
}
/* grid7 col */
.grid7 .fluid {
	width: 14%;
	text-align: center;
	margin-left: 0;
	border-right: 1px dashed #58b5ec;
	height: auto;
}
	.grid7 .fluid:first-child { margin-left: -1.8%; !important; }


/* grid6 col */
.grid6 .fluid {
	width: 16.66%;
	text-align: left;
	margin-left: 0;
	margin: 24em 0 0 0;
}	
	.grid6 .xcol { margin-left: 3em; } .grid6 .fluid:first-child { margin-left: -2em; !important; }

/* grid4 col */
.grid4 .fluid {
	width: 22.6%;
}
	/* grid4 col */
	.featured .grid4 .fluid {
		width: 20%;
	}
/* grid3 col */
.grid3 .fluid {
	width: 31.5%;
}
/* grid2 col */
.grid2 .fluid {
	width: 48.9%;
}
/* clear col */
.grid4 .fluid:nth-of-type(4n+1),
.grid3 .fluid:nth-of-type(3n+1),
.grid2 .fluid:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column --- landscape ipad*/ 
@media only screen and (max-width: 1024px) {

	
	#bodycont h4, #bodycont ul { text-align: left; }

	#bodycont { width: 90%; }
	.logo  { margin: 0 0 0 3em;}
	.hrcont  { margin: 0 3em 0 0; width: 73.7% !important;}
	#sublinks { margin-left: -1.9em; } #sublinks .pagewrap { width: 91%; } .grid7 .fluid:first-child { margin-left: -1.5%; !important; } 
	#sublinks .download { width: 148px; padding-left: 15px; }
	
	.sub2 { margin: 0 0 0 1em; width: 77.3% !important; }
	.sub { margin: 0 0 0 2em; width: 54.7% !important; padding: 0 !important; }
	.rsub { margin: 0 0 0 2em; padding: 0!important;}

	
	#bodycont .cat1 h3, #bodycont .cat2 h3 { font-size: 26px; line-height: 1.1em;  }
	
	footer { background: #bcd630 url(../images/tt-landscape-1024.png) top center no-repeat; }
	.grid6 .fluid { margin: 19em 0 0 0; width: 16.5%; }  .grid6 .xcol { margin-left: 5em; }
	
	#bodycont .fslider .dumy2 { background: url(../images/tt-town.svg) bottom center no-repeat; overflow: auto;  -webkit-background-size: 95%;
   -o-background-size: 95%;
   -moz-background-size: 95%;
   background-size: 95%; min-height: 425px; background-size: 400px 127px}
	

	#bodycont .cat4 { border: 0; padding: 0;  }

	.grid3 .fluid {
		width: 48.9% !important;
	}

	#owl-tslider { width: 80%; margin: 0 auto; }
	
	.grid2 .fluid {
		margin: 0 0em 0 3em !important; width: 46%;
	}
	.intext2 { width: 24.2%!important; }
	
	#back-top { display: none !important; }
	

}

/* reset cols to 2-column --- portrait ipad*/
@media only screen and (max-width:768px) {

	.search { width: 48%; text-align: center; }
	
	.logo  { margin: 0;}
	.grid4 .fluid { width: 100% !important; text-align: center;} 
	.logo img { width: 25%; }
	.socialcont { margin-top: 2em; } 
	.grid7 .fluid { width: auto; padding: 0 1.2em 0 1.2em; } .nob { border-right: 0!important }
	#sublinks { margin-left: 0em; padding: 1.5em 0 0 1.5em; } #sublinks h1 { font-size: 1.25em; }
	
	#bodycont .cat1 h3, #bodycont .cat2 h3 { font-size: 22px;  }
	footer { background: #bcd630 url(../images/tt-landscape-768.png) top center no-repeat; }
	.grid6 .fluid { margin: 14.5em 0 0 0; }  .grid6 .fluid:first-child { margin-left: -1.5%; !important; } .grid6 .xcol { margin-left: 3em; }
	
	.desc-main h3 { font-size: 42px !important; }
	
	#owl-tslider .owl-prev, #owl-tslider .owl-next { top: 20px !important; }
	#bodycont .fslider .dumy2 { background: url(../images/tt-town.svg) bottom center no-repeat; overflow: auto;  -webkit-background-size: 80%;
   -o-background-size: 80%;
   -moz-background-size: 80%;
   background-size: 80%; min-height: 425px; background-size: 290px 90px}
	
	#sublinks .download { top: 3em; right: 2em; }
	
	.cat5 { display: none !important; }
	
	.sub2 { margin: 0!important; width: 12.3%!important; padding: 0; }
	.sub { margin: 0 !important; }
	.rsub { margin: 0 0 0 0!important; padding: 1em 0 0 0!important; } .rsub img { float: left; margin-right: 2em; }
	
	
	#gallery-sub li { width: 30.8%; } 
	
	/* grid3 */
	.grid3 .fluid {
		width: 48.5% !important; 
	}
	/* grid2 col */
	.grid2 .fluid {
		width: 100%; text-align: center; margin: 0!important;
	}
	.intext, .intext2 { width: 161px!important; margin-top: 2em; }
	#slidercont .tpad h3 { padding-top: 1.5em !important; }
}
/* --- landscape iphone */
@media only screen and (max-width: 480px) {


	.grid7 .fluid {
	width: auto !important; width: 30% !important; border: 0; height: 50px !important; margin-left: -1em !important; 
	}
	#bodycont { width: 80%; margin-top: -4em; }
	
	#bodycont .cat1 h3, #bodycont .cat2 h3 { font-size: 20px;  } 
	
	#bodycont .fslider .dumy2 { background: url(../images/tt-town.svg) bottom right no-repeat; overflow: auto;  -webkit-background-size: 90%;
   -o-background-size: 90%;
   -moz-background-size: 90%;
   background-size: 90%; background-size: 320px 110px !important}
   
   #gallery li { width: 46.7%; } 
   
   .loc { display: inline; }
   
   #bodycont .news img { display: block; width: 100%; }
	
	
	footer { background: #bcd630 url(../images/tt-gate.png) top center no-repeat; }
	
	.desc-main h3 { font-size: 30px !important; }
	.intext { margin-bottom: 1em; } .intext2 { width: 50%!important; margin-top: 0.5em; }
	
	.logo img { width: 40%; }
	
	nav { width: 95%; margin: 1em auto; padding-left: 0.5em;  } nav li { margin: 0 0 0 0.5em; } nav li:first-child { margin: 0; }
	nav li h1 { font-size: 1.3em; } nav li img { margin-bottom: 0.5em !important; vertical-align: middle;  } 

	.grid7 .fluid { width: auto; padding: 0 0em 0 1em; }
	#sublinks { padding: 1.5em 0 0.5em 0em !important;   } #sublinks .pagewrap { padding-left: 2.4em; }
	#sublinks h1 {font-size: 1.1em; }
	
	#sublinks .download { display: none; }
	
	.grid3 .fluid {
		width: 100% !important; margin: 0 0 1.8em 0;
	}
	.grid2 .fluid {
		margin: 0 0em 0 0 !important; width: 100%;
	}
	.tpad { margin-top: 0; }
	#slidercont .intext { width: 50%!important; margin: 0!important;  } #slidercont .intext { margin-right: 0.8em !important;  } 
	.social { display: none !important; } #slidercont .socialcont-b img { margin: 0; }
	.grid6 .fluid { display: none }
	
	#owl-tslider { width: 60%; margin: 0 auto; }
	
	footer .pagewrap { padding: 10em 0 0 0; }
	.fluid {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}

	.search { width: 94%; text-align: center; } .language { padding: 0 !important; margin: 0 !important; }
	header  { padding-bottom: 0 !important; }
	.zopim { display: none; }
	.iso { display: none; }