/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	h1{font-size:24px;}
	/* pagewrap */
	.container {width: 95%;	/*border:2px solid #F00;*/ }
	body{font-size:12px;}
	.bottomcurve{visibility:hidden;}
	.liteAccordion.light {border: 3px solid white; max-width:99%;}
	#phgallery ul li div{width:48%;}
	.homebanner .bannerPding {margin: 0px 0.5%;}
	.centernav .span2 {width:26%;}
	/* set image max width to 100% */
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}	
	
	.logo{width:24%;}	
	.headerbanner .navigaton{width:60%;}
	.isologo{width:13%;}
	/*.headerbanner ul li a{font-size:14px; padding:4px 7px;}*/
	
	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	.left_content{width:100%}
}
@media screen and (max-width: 902px) {
	.logo{width:24%;}
	.isologo{width:15%;}
	.isologo span{ font-size:10px}
	.isologo img{max-width: 60%; margin-top:10px;}
	.headerbanner .navigaton{width:57%;}
	/*.headerbanner ul li a{font-size:13px; padding:4px 5px;}*/
	.headerbanner .navigaton div{font-size:25px;}
	.headerbanner{padding-bottom:20px; min-height:inherit; float:left;}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.liteAccordion.light {border: 2px solid white; max-width:99%;}
	h1{font-size:20px;}
	#phgallery ul li div{width:47%;}
	#footerwrapper .footerbox0,#footerwrapper .footerbox1 .how-to-reach,#footerwrapper .footerbox1,#footerwrapper .footerbox2{width:99%; float:left;}
	
	.headerbanner{padding:10px 10px 20px 10px;}
	.logo{width:50%; margin-top:0px;}
	.isologo{width:33%;}
	.isologo img{max-width: 40%; margin-top:0px;}
	.isologo span{ font-size:12px}
	.headerbanner .navigaton{width:100%; margin-right:0px; margin-left:0px; float:left;}
	/*.headerbanner ul li a{font-size:16px; padding:4px 6px;}*/
	
	.centernav .span1{width:100%;}
	.centernav .span2 {width:100%;}
	.homebanner .bannerbox {width: 44%; margin-bottom:2%;}

	#logo{width:99%; clear:both; overflow:auto; float:left;}
	#right{width:99%; clear:both; overflow:auto;float:left;}
	
	#contact input[type="text"],#contact input[type="file"], #contact textarea, #contact select{width:95%;}
	#contact span{display:inline-block; width:95%; margin-bottom:15px; height:32px; float:left}
	.centernav{margin:1%; padding:1%;}
	#contact div {width:30%;}
	input[type="Submit"], input[type="button"]{width:100px; left:1%;}

	#header {
		height: auto;
	}

	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}

	#main-nav {
		position: static;
	}

	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	#site-description {
		margin: 0 0 15px;
		position: static;
	}

	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	#sidebar {
		width: 100%;
		margin: 0;
		float: none;
	}
	#sidebar .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
	#call{float:right; padding: 0; display:block; margin-top:30px; margin-right:10px; position:static; padding:2%; color:#000; font-size:14px;}
	#call h4{color:#000; margin: 4px;}
	.liteAccordion.light .slide > h2{line-height: 22px;
    overflow: hidden;
    text-shadow: none;font-size:16px;letter-spacing: 0.01em;}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

.container {width:98%;}
.homespan2 {float: right; text-align: center;  width: 100%;}
.centernav{margin:0; padding:1%;}
	/* disable webkit text size adjust (for iPhone) */

h1{font-size:16px;}
#phgallery ul li div{width:100%;}
#footerwrapper .footerbox0,#footerwrapper .footerbox1 .how-to-reach,#footerwrapper .footerbox2{width:99%; float:left;}
.centernav .span2 {width:100%;}
.homebanner .bannerbox {width: 95%; margin-bottom:2%;}
.headerbanner {overflow: auto;}
.homebanner .bannerPding {margin: 0px 0px 2% 0px;}
.slidernav{visibility:hidden; height:0px;}
.headerbanner{padding:10px 0px 20px 0px;}
.logo{width:65%;}
.headerbanner .navigaton div{text-align:center;}
/*.headerbanner ul{ display:inline-block}
.headerbanner ul li {display:block;margin: 6px;float: left;}*/

#cont{overflow:auto; max-width:85%;}
#cont small span{width:90%; float:left;}
#cont small{float:left; width:90%;}
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	h1 a{font-size: 80%; color:red;}
	#call{width:90%; background-color:#6b4b7d; border:none; margin-top:30px; margin-bottom:10px; color:#fff;}
	#call h4{color:#fff; margin: 2px;}
	.weather-div{font-size:12px;}
	.current-weather{width:100%; text-align:center;}
	.current-weather p span{font-size:18px; text-alian:center}
	.current-weather p span sup{font-size:16px;}
	
 .current-weather small  { text-align:center; margin-top:5px; font-size:8px;}
	.forecast{width: 100%; height:auto; }
	.weather-div li{
	padding:0px; margin:0px;
	width:73px; height:150px;
	display:inherit;
	float: left;
}

#contact .full span{float:right; width:100%;}


.liteAccordion .slide > h2{font-size:16px}
}