/* @override http://localhost:8888/qs/unified/Responsive/templates/jbresponsive/css/mediaqueries.css
	http://www.parmibandit.com.au/templates/responsive/css/mediaqueries.css */

/**
 * @package		Joomla Bamboo Zen Grid Framework
 * @Type        Core CSS
 * @version		v2
 * @author		Joomlabamboo http://www.joomlabamboo.com
 * @copyright 	Copyright (C) 2007 - 2010 Joomla Bamboo
 * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
 
/* Rules for Media queries. If you want to create your own media query file just create a file called mediaqueroes.css in your css file.
-----------------------------------------------------------------------------*/


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (max-width: 960px) {
	.container{width: 94% !important}
	.mbWrap img {margin-right: 20px !important;height: auto !important}
	body {
		background-size:120%;
	}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 800px) {	
	span.createDate,span.k2Author,.k2Category {margin-right: 8px;}
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
	
	/* Fix for advert positions with three modules published at low resolutions */
	#abovemain .grid_3,
	#abovemain .grid_4,
	#belowmain .grid_3,
	#belowmain .grid_4 {
		width: 100%;
	}	
	
	#zenpanel {width: 90% !important;}
	
}

/* Fix for tabs dropping onto two lines on small screens */
@media only screen and (min-width: 480px) and (max-width: 768px) {
		ul.jbtabs li a,ul.jbtabs li.active a {
			padding: 12px 20px;font-size: 0.9em;line-height: 1.9em;
		}
		body {
			background-size: 120%;
		}
		#bannerwrap .container {
			padding-bottom: 0;
		}
		#grid3wrap .grid_four {
			width: 60%;
			margin: 10px auto;
			float: none;
		}
		.phonenumber h3 {
			font-size: 140% !important;
		}
		.phonenumber img {
		vertical-align: top;
		}
		#nav ul.menu {
			float: left;
			padding-top: 20px !important;
		}
		#nav ul.menu li a {
			font-size: 90% !important;
			border: none !important;
		}
		#nav ul.menu li {
			border: none !important;
			padding: 5px 0;
		}
		#grid5 .custom h2 {
			font-size: 150%;
		}
		body {
			background-size: 120%;
		}
		.nn_tabs_tab a {
			font-size: 80%;
		}
		.nn_tabs_container {
			width: 95% !important;
			margin: 0 0 0 20px;
		}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 520px) {
	/* Makes all grid positions 100% in width on small browsers */
	.grid_one,
	.grid_two,
	.grid_three,
	.grid_four,
	.grid_five,
	.grid_six,
	.grid_seven,
	.grid_eight,
	.grid_nine,
	.grid_ten,
	.grid_eleven,
	.grid_twelve,
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4 
	{width: 100%;margin-bottom: 10px;} 	
	#grid3wrap .moduletable.twoline a {
		width: 100%;
	}
	#grid4wrap .moduletable.car {
		display: none;
	}
	#grid4wrap .moduletable.bandit {
		display: none;
	}
	#grid4wrap .moduletable.phone img {
		margin: 0 20%;
	}
	#grid1wrap div.moduletable.mainimage {
		display: none;
	}
	#grid1wrap div.moduletable.logo {
		width: 100%;
	}
	.ishome #grid1 {
		display: none;
	}
	.logo img, .mobile, .ishome .logo {
		text-align: center;
		display: block;
		margin: 5px auto;
		padding: 0 0 0 10px;
	}
	.moduletable.mobile.address, .custom.mobile.address {
		margin: 0;
		padding: 0;
	}
	.custom.mobile.facebook, .moduletable.mobile.facebook {
		padding: 0;
	}
	#grid2wrap div.row {
		display: none;
	}
	#grid5wrap div.row {
		display: none;
	}
	div.row {
		padding: 0;
	}
	#grid4wrap .container {
		margin: 0;
		width: 100% !important;
	}
	#grid3wrap .container {
		padding: 0;
	}
	#grid3wrap .grid_four {
		width: 80%;
		margin: 5px auto 10px;
		float: none;
	}
	#grid3wrap .moduletable h3 a, #grid3wrap .moduletable.twoline h3 a {
		line-height: 60px;
		min-height: 50px;
		letter-spacing: 1px;
	}
	#grid3wrap .moduletable h3 {
		font-size: 100%;
	}
	.moduletable.phone {
		width: 100%;
		text-align: center;
	}
	.phonenumber {
		display: none;
	}
	.logo {
		display: none;
	}
	.custom.mobile.address h4 {
		text-align: left;
		font-size: 180%;
	}
	#mobilemenu select {
		width: 50%;
	}
	#menu .nn_tabs_content img {
		margin: 10px 0;
	}
	.nn_tabs_nav li a {
		font-size: 80%;
		white-space: normal ;
	}
	#contact .jbIntroText iframe {
		width: 98%;
		float: none;
		display: block;
		margin: 10px auto !important;
	}
	#grid4wrap .moduletable {
		display: none;
	}
	#grid4wrap .moduletable.mobile {
		display: block;
	}
	#grid21{
		float: left;
		width: 20%;
		margin: 0;
	}
	#grid24 {
		float: right;
		width: 75%;
		margin: 0;
	}
	#grid15 {
		display: none;
	}
	.moduletable.mobile.address p {
		text-align: left;
		font-size: 80%;
	}
	.moduletable.mobile.address strong {
		font-size: 20px;
	}
	.custom.mobile.address {
		width: 100%;
	}
	#grid6wrap {
		width: 78%;
		margin: 0 auto;
	}
	#grid16 .custom.mobile.address p {
		font-size: 120%;
	}
	.moduletable.mobile.facebook {
		
	}
	.mobile.facebook img {
		opacity: .9;
	}
	.mobile.facebook img:hover {
		opacity: 1;
	}
	/* CSS for the mobile menu */
	#mobilemenu {display: block;padding: 15px 0 10px}
	#mobilemenu select.inputbox {width: 70% !important}
	.fullwrap.togglemenu #menuwrap,.fullwrap.selectmenu #menuwrap {display: none;}
	
	/* Togglemenu */
	#togglemenu {display: block}
	.fullwrap.togglemenu #navwrap .inner,
	.fullwrap.togglemenu #navwrap .row,
	.fullwrap.togglemenu #navwrap .container {border: 0;padding: 0;}

	/* Special module class to hide some modules on small browsers */
	.moduletable.mobilehide{display: none;}
	
	/* Resets the push and pull for source ordered content */
	.onecols_pull,
	.twocols_pull,
	.threecols_pull,
	.fourcols_pull,
	.fivecols_pull,
	.sixcols_pull,
	.sevencols_pull,
	.eightcols_pull,
	.ninecols_pull,
	.tencols_pull,
	.elevencols_pull,
	.twelvecols_pull,
	.onecols_push,
	.twocols_push,
	.threecols_push,
	.fourcols_push,
	.fivecols_push,
	.sixcols_push,
	.sevencols_push,
	.eightcols_push,
	.ninecols_push,
	.tencols_push,
	.elevencols_push,
	.twelvecols_push
	{left: 0;}
	
	/* Microblog */
	.mbWrap{width: 47% !important;}
	.mbColImage {float: left;margin-right: 20px;}
	.mbWrap.last {float: left;}
	
	/* General Container */
	.container{width: 98%  !important}	
	#tabwrap .container {padding: 0;}
	#nav ul li a {padding-left: 0;padding-right: 0;}
	
	/* Tabs */
	ul.jbtabs {border: 0;height: auto;}
	ul.jbtabs li {float: none;list-style-type: none;margin: 0;}
	ul.jbtabs li a {color: #999;padding: 12px 0px;border: 0;border-bottom: 1px solid #ddd;padding: 4px;display: block;}
	ul.jbtabs li a:hover {border-bottom: 1px solid #ddd;border-width: 0 0 1px 0;}
	ul.jbtabs li.active a {border-width: 0 0 1px 0;background: #eee;margin: 0;border-bottom: 1px solid #ddd;padding: 4px 0}
	#zenpanel {width: 90% !important;height: auto !important;}
	a#zenpanelopen {margin-top: -10px;margin-right: -5px;padding-top: 12px;}
	#bannerwrap .container {padding: 0;}
	#nav {margin-bottom: 0;}
	.jb_left45,.jb_right45 {
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
		padding: 0 !important;
	}
}