

/*	Responsive Media Queries

/* ---------------------------------------------------------------------- */



/* Standard 960 or larger (browsers) */

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



	#bequoted{width:100%;}



}



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 989px) {



	img{max-width:100%;}



}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 989px) {

		

	.w-group1{

		display:none;

	}

	#weather{

		width:auto;

	}



	/*	Main wrap

	/* -------------------------------------------------- */

	#body-wrap{

		width:748px;

	}



	#bequoted{width:730px;}



	#teakinvest-logo{

		right:10px;

	}





	.cntcol, .sidecol{

		width:auto;

		float:none;

		border:0;

		padding:0;

	}



	/*	Slider

	/* -------------------------------------------------- */

	#header-slideshow .header-slide-img img, #header-img{

		width:748px;

		height:234px;

	}

	#header-slideshow{

		height:234px;

	}

	
#bow-overlay{

	background-size:748px 234px;

}	


.header-slide-txt{

	top: 50px;
	left: 200px;
	width: 300px;

}

.header-slide-txt h2 {
	font-size: 200%;
}



	/*	Content

	/* -------------------------------------------------- */

	.content-three-col .box{

		width:234px;

		margin:0 10px 0 0;

	}

	.content-three-col .double-box{

		width:480px !important;

	}



}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 787px) {



	.lowprio{display:none;}

	.fullwidth{min-width:100%;}

	.worldmap{height:auto;}

	.subtopnav{display:none;}



	#weather{display:none;}



	.formbox{max-width:100% !important;}



	.cntcol, .sidecol{

		width:auto;

		float:none;

		border:0;

		padding:0;

	}



	.content-three-col {

		margin: 0;

		padding:0;

	}

	.content-three-col .double-box.box {

		margin: 0;

	}



	#fsc{

		display:none;

	}



	#lang {

		top: -30px;

		right: 40%;

		z-index: 9999;

	}



	#logo{

		top:30px;

	}

	#logo img{

		width:220px;

	}



	#teakinvest-logo{

		right:0 !important;

		top:10px;

	}

	#teakinvest-logo img{

		width:80px;

	}



	#social-links{

		top:120px;

		right:10px;

		z-index:9999;

	}



		/*	Top navigation and pull button

		/* ---------------------------------------- */



		.top-nav {  

			position: absolute;

			top:0;

			left:0;

		}  



		.top-nav .pull {  display: block; position: fixed; text-decoration:none; top:5px;right:5px;z-index:10000;width:80px;height:26px;background:#fff url(/img/menu-btn.png) 95% 50% no-repeat;border:1px #eee solid;}  

		.top-nav .pull:hover {  border-color:#016425;}  



		.pull .menutxt{

			width:170px;

			text-align:right;

			position:relative;

			top:7px;

			left:6px;

			color:#c0c0c0;

			text-transform:uppercase;

		}





		#nav{  

			height:43px;

		}  

		#nav ul{  

			display:none;

		}  





		/*	Content

		/* -------------------------------------------------- */

		.content-three-col .box, .content-three-col .double-box{

			float:none;

			margin:0;

			width:auto !important;

		}







}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 520px) and (max-width: 787px) {

		



	/*	Main wrap

	/* -------------------------------------------------- */

	#body-wrap{

		width:480px;

	}



	#bequoted{width:480px;}



	#teakinvest-logo{

		right:150px;

	}



	/*	Slider

	/* -------------------------------------------------- */

	#header-slideshow .header-slide-img img, #header-img{

		width:480px;

		height:150px;

	}

	#header-slideshow{

		height:150px;

	}
	
	
	#bow-overlay{
		width:480px;

		height:150px;

		background-size:480px 150px;

	}	

	
		
	ul#header-slideshow-nav{

		top:10px;
		right:30px;
	}	


	.header-slide-txt {

		top: 40px !important;

		left: 100px;

		width: 250px;

		padding: 0 10px 5px 10px;

	}

	.header-slide-txt h2 {

		font-size: 18px;

		line-height: 15px;

	}



	ul#header-slideshow-nav li a {

		text-decoration: none;

		text-align: center;

		display: block;

		width: 16px;

		height: 14px;

		padding: 2px 0 0 0;

		line-height: 100%;

		background: #a7cd42;

		color: #006225;

		border: 1px #fff solid;

	}





	.footercolumn {

		width: 92% !important;

		display: block !important;

		float:none !important;

	}



}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 519px) {







	/*	Main wrap

	/* -------------------------------------------------- */



	#lang {

		right: 30%;

	}



	#body-wrap{

		width:300px;

	}



	#bequoted{width:300px;}



	#teakinvest-logo{

		right:150px;

	}



	#tree img{

		width:70%;

	}

	#tree-bit{

		display:none;

	}



	#logo {

		top: 40px;

		left: 120px;

	}



	#header-wrap {

		height: 140px;

	}



	#social-links{

		top:110px;

	}







	/*	Slider

	/* -------------------------------------------------- */

	#header-slideshow .header-slide-img img, #header-img{

		width:300px;

		height:94px;

	}

	#header-slideshow{

		height:94px;
	}
	
	
	
	#bow-overlay{
		width:300px;
		background:transparent;
		height:94px;
		background-size:300px 94px;

	}	

	
		
	ul#header-slideshow-nav{
		top:10px;
		right:10px;
	}	


	.header-slide-txt {

		top: 30px !important;

		left: 50px;

		width: 200px;
		
		z-index:1001;

		padding: 0 10px 5px 10px;

	}

	.header-slide-txt h2 {

		font-size: 12px;

		line-height: 13px;

	}
	





	ul#header-slideshow-nav li a {

		width: 12px;

		height: 10px;

		padding: 2px 0 0 0;

		line-height: 100%;

		font-size:10px;

	}



	.gmp { display:none; }



	.footercolumn {

		width: 86% !important;

		display: block !important;

		float:none !important;

	}





}