img { max-width:100%; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
.container { width:748px; padding-left:10px; padding-right:10px; }
.header .logo { padding-left:10px;}

.sf-menu { padding-right:10px;}
.sf-menu ul { width:165px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:86px;}
.sf-menu li a {  padding: 57px 10px 13px; font-size:15px; }
.sf-menu li li a { padding:5px 10px;}


.phone { padding-right:10px;}
.flexslider .slides { height:auto; }
.flexslider .slides li .caption { width:410px; }
.flexslider .slides li .caption .title { font-size:50px; }
.flexslider .slides li .caption p { font-size:21px; }
.flexslider .flex-control-nav  { display:none; }
.contentBox { width:176px; margin-left:11px; }
.contentBox p { min-height:125px; } 
.contentBox .contentBoxImg { height:135px; }  
.contentBox:first-child { width:178px; }  
.footer .newsLater {  padding: 0 10px; width: 184px; }
.footer .contactus { padding: 0 10px; width: 155px; }
.footer .contactus p span { padding-left:5px; } 
.footer .connectWithUs {  padding: 0 10px; width: 166px; }
.footer .getInvolved {  padding: 0 10px;  width: 162px; }
.innerPage { width:700px; }
.contentColumn { width:490px;}
.innerPageBanner { width: 490px; height: 145px;}

.TagLine .hpslogan {
    display: none;
}

.slogan { margin: 0 0 20px 10px; width: 158px; }

/*.innerPageBanner img { width:494px; }*/
}

@media screen and (max-width:767px) {
	
.phone { padding-right:10px;  }
.menuicon { display:block; z-index:99999;   }
.sf-menu { display: none; z-index:99; position:absolute; background:#7d9eea; width:100%;  }

.menuicon { 
	cursor:pointer;
	background:url(img/menuicon.png) no-repeat left top; 
	width:42px; 
	height:42px;
	text-indent:-999999px;
	overflow:hidden;
	position:absolute; right:10px; top:0px;
	
}

.sf-menu li { float:none; }  
.sf-menu li a { display: block; padding:15px; border-radius: 0 0 5px 5px; behavior: url(PIE.htc); color:#203c7e;  }
.sf-menu li a:hover, .sf-menu li.current_page_item a { background:none; color:#fff; text-decoration:none; }

.TagLine .hpslogan  {
    display: none;
}


}

@media screen and (min-width: 480px)  and (max-width:767px) {
.container { width:470px; padding-left:5px; padding-right:5px; }
.menuheader { width:470px; position:relative; margin:0 auto; }

.flexslider .flex-control-nav { display:none; }
.flexslider .slides { height:296px;}
.flexslider .slides li .caption { left:0; top: 160px; width:460px; padding:10px; background:#f5f5f5;  }
.flexslider .slides li .caption .title { font-size:25px; }
.flexslider .slides li .caption p{ font-size:18px; line-height:20px; }

.contentBox p { min-height:100px; } 
.contentBox { width:228px; margin-bottom:10px; margin-left:10px; }
.contentBox.box0 { margin-left:0; }


.footer .newsLater 		{ padding: 0 10px; width:215px; height:200px; margin-bottom:15px; }
.footer .contactus 		{ padding: 0 10px; width:215px; height:200px; background:none; margin-bottom:15px; }
.footer .connectWithUs 	{ padding: 0 10px; width:215px; height:200px; }
.footer .getInvolved 	{ padding: 0 10px; width:215px; height:200px;}

#sidebar  { float:none; width:100%; }  
.container.innerPage{width:440px; }
.contentColumn { float:none; padding-left:0px; width:450px; }
.innerPage {  padding:15px; }
.innerPageBanner { width:440px; height:135px;}

.slogan {  margin: 0 0 20px 15px; width: 139px; }



}

@media screen and (min-width: 320px)  and (max-width:479px) {

.container { width:310px; padding-left:5px; padding-right:5px; }
.menuheader { width:310px; position:relative; margin:0 auto; }
.bannerOuter { height:290px; } 
.flexslider .flex-control-nav { display:none; }
.flexslider .slides { height:272px; } 
.flexslider .slides li .caption { left:0; top:115px; width:300px; padding:10px; background:#f5f5f5;  }
.flexslider .slides li .caption .title { font-size:25px; }
.flexslider .slides li .caption p{ font-size:18px; line-height:20px; }

.phone { width:130px; text-align:right; margin-top:25px; font-size:20px;  }
.phone span { display:block; padding-right:0; }


.contentBox { width:240px; margin:0 auto 15px auto ; float:none;  }
.contentBox:first-child {  margin:0 auto 15px auto; }
.contentBox p { min-height:100px; } 


.footer .newsLater 		{ padding: 0 10px; width:300px; float:none; min-height:0; margin:0 auto 20px; }
.footer .newsLater .signup input { float:left; padding-left:0; }
.footer .contactus 		{ padding: 0 10px; width:300px; float:none; min-height:0; margin:0 auto 20px; }
.footer .connectWithUs 	{ padding: 0 10px; width:300px; float:none; min-height:0; margin:0 auto 20px; }
.footer .getInvolved 	{ padding: 0 10px; width:300px; float:none; min-height:0; margin:0 auto; }

#sidebar  { float:none; width:100%; }  
.container.innerPage{width:280px; }
.contentColumn { float:none; padding-left:0px; width:290px; }
.contentColumn ul { padding:0; }
.innerPage {  padding:15px; }
.innerPageBanner { width:280px; height:85px;}

.slogan { float:none; width:235px; margin:0 auto 10px auto;  }

.footer .connectWithUs a { margin-left:0;}

}