/********************************************************/ 
/*** Client : Cairns Web Design
/***
/*** Author : Cairns Web Design 
/*** URL :    www.cairnswebdesign.com.au  
/***
/********************************************************/ 


/** Breakpoint Starts *******************************************/
@media (max-width: 768px) {

		img {max-width: 100%; height:auto;}

		#wrapper {
			 max-width: 100%;
		}

		#callout {
			max-width: 100%;
			}

		.col {
			max-width: 25%; 
			margin: 1em;
			background: #EFEFEF;
			}

		.package-box {
			width:45%;
			}


		#footer-inner {
			max-width: 100%;
		}


		#footer-inner ul li {
			border-bottom: 1px solid #FFF;
			padding: .25em 0 .25em 0;
		}

		#footer-inner .col-01, #footer-inner .col-02, #footer-inner .col-03 {
			float: left;
			text-align: left;
			margin: 1em 1em;
		}


		#footer-inner .col-01 {
			max-width: 180px;
		}

		#footer-inner .col-02 {
			max-width: 200px;
		}

		#footer-inner .col-03 {
			max-width: 250px;
		}


		.lb-image, .lb-dataContainer {
		 max-width: 100%;
		 height: auto !important;
		 width: 100%;
		}

		.lb-outerContainer {
		 max-width: 100%;
		 height: auto !important;
		}

		#author {
			max-width: 100%;
			text-align: center;
		}

		iframe {
		max-width: 100%;
		height: auto;
		width: auto; /*IE8 bug fix*/
		vertical-align: middle;}

}
/** Breakpoint Ends *********************************************/

/** Breakpoint Starts *******************************************/

@media (max-width: 640px) {

		/* #content-inner .band-a, #content-inner .band-b {
		 	padding: 1em 1em;
		 }*/

 		.package-box {
		float: none;
		margin: 1em auto 2em auto;
		width:80%;
		} 

		.featured-box {
			float:left;
			max-width:200px;
			margin: 1em .5em;
		}

		.featured-box-title {
			font-size: 90%;
		}

		#footer-inner .col-01, #footer-inner .col-02, #footer-inner .col-03 {
			float: left;
			text-align: center;
			width: 100%;
			margin: 1em, 2.75em;
		 }

		 #footer-inner .col-02, #footer-inner .col-03 {
			/*display: none ;*/
			max-width: 250px;
		 }

		 #author-inner {
		 	float: none;
		 	max-width:100%;
		 	margin: 0 auto;
		 }

}

/** Breakpoint Ends *********************************************/

/** Breakpoint Starts *******************************************/

@media (max-width: 480px) {

		 #content-inner .band-a, #content-inner .band-b {
		 	padding: 1em 1em;
		 }

 		.package-box {
			width:90%;
		} 

		.featured-box {
			float:left;
			max-width:180px;
			margin: 1em .5em;
		}

		.featured-box-title {
			font-size: 90%;
		}

		 #footer-inner .col-01, #footer-inner .col-02, #footer-inner .col-03 {
			float: none;
			text-align: center;
			max-width: 100%;
			margin: 0;
		 }


		 #footer-inner .col-02, #footer-inner .col-03 {
			display: none;
		 }

		 #author-inner {
		 	text-align: center;
		 }
}

/** Breakpoint Ends *********************************************/

/** Breakpoint Starts *******************************************/

@media (max-width: 400px) {

		dd {
			padding: .5em;
		}

}

/** Breakpoint Ends *********************************************/



/** Breakpoint Starts *******************************************/
@media (max-width: 80px) {

/**
	html {font-size: 14px !important;}

	h1 {font-size: 22px !important;} 


	nav li a {
		padding: 12px 8px;
	}


	#callout {
		width:100%;
		margin: 0 auto;
	}

	.col {
		float:none;
		max-width: 50%;
		margin: 1em auto;
	}

	.noshow {display: none;}

	#footer-inner {
		max-width: 100%;
	}


	#footer-inner ul li {
		border-bottom: 1px solid #FFF;
		padding: 1em;
	}

	#footer-inner .col-01 {
		float: none;
		text-align: center;
		margin: 0 auto;
		max-width: 100%;
	}

	#footer-inner .col-02 {
		float: none;
		text-align: center;
		margin: 2em auto;
	}

	#footer-inner .col-03 {
		float: none;
		text-align: center;
		margin: 2em auto;
	}
**/

/*
	input[type="text"],textarea {clear: left;}
	label {margin: 10px 0px;}
	.required {  margin: 10px 25px 10px 5px;}
	.submit {margin:20px 0 0 100px;}
*/


}
/** Breakpoint Ends *********************************************/