@media screen and (max-width:1100px) {
#container, .inner{ width: 100%}

}
@media screen and (max-width:1024px) {
body {overflow-x:hidden; text-align: center}
.inner, .btmTxt, .eachBox{text-align: left}
.eachBox{width: 31%;}
.hdrBox{margin-left: 10px}
.btmTxt{margin: 0 10px 30px;}
nav li{margin: 9px 0 0;}
nav li a{font-size:12px;padding:2px 10px 5px;}
nav li.drpArrw a{padding:2px 30px 10px 10px;background: url(../images/menuArrow.png) right 10px top 5px no-repeat}
nav ul li ul {top:28px;}
nav	{margin: 15px auto 4px;}
.defaultCont{margin: 20px; text-align: left}

}
@media screen and (max-width:768px) {
header{padding: 0;text-align: center;}
header h1{margin:28px 0 2px 15px;}
nav{text-align:left;}
#menu {display: none}
nav{
	position:absolute;
	display:block;
	width: 100%;
	margin:0;
	top: 53px;
	left: 0;
	text-align: right;
	z-index: 999;
}
nav ul{
	width:100%;
	margin-top: 7px;
}
nav ul li{
	width:100%;
	display:block;
	text-align:left;
	padding:0;
	margin:0;
	background:#00507b;
	border-bottom:1px solid #003b5a;
}
nav li:last-child {border-bottom:0;}
nav li a{
	width:100%;
	display:block;
	text-align:left;
	font-size: 16px;
	text-shadow: none;
	padding: 10px;
}
nav li.drpArrw a{padding:10px 30px 10px 10px;background: url(../images/menuArrow.png) right 14px center no-repeat}
nav li.drpArrw.arrwDwn a{background: url(../images/menuArrowDwn.png) right 14px center no-repeat;}
.show-menu {
	display:inline-block;
	margin:7px 20px 0 0;
	cursor:pointer;
}
nav ul li ul {
	display: none;
	position:relative;
  top:0;
  left:0;
  width:100%;
  padding: 10px 0!important;
  margin: 0;
  opacity:1;
  visibility:visible;
}
nav ul li:hover ul {display: none;}
nav ul li ul li { 
	border: 0;
	margin: 0!important;
	padding: 0!important;
}
nav ul li ul li a{ 
  padding: 6px 20px!important;
   font-size: 16px;
   background: none
}
nav ul li.arrwDwn ul li a, nav ul li.arrwDwn.arrwDwn ul li a{background: none}
.hRyt{
	float: none;
	width: 100%;
	background: #d6d6d6;
	margin: 18px 0 0;
	padding: 5px 0;
}
.hRyt h3{
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	margin: 4px 10px 0;
	vertical-align: top
}
i.fbIcon, i.inIcon, i.mailIcon{
	margin: 6px 3px 0
}
.ftrLeft, .ftrRight{margin-right: 0px;}
.show{display: block}
.ftrRight{margin-top:15px;}
}
@media screen and (max-width:640px) {
body {background:#f0f0f0 none;}
#container{padding-top: 20px}
nav{top: 17px;}
.topLink{display: none}
header h1{margin:20px 0 0 20px;}
.subHdr{height: auto;padding: 50px 15px;}
.hdrBox{width: 100%; margin: 0;}
.eachBox{width: 90%;margin: 10px auto}
.ftrLeft, .ftrRight, .ftrCnt{width: 80%;margin-right: auto;}
.btmTxt{margin: 20px 5% 30px;}
.ftrCnt{ margin-top: 25px}

}
@media screen and (max-width:480px) {
header h1{margin:15px 0 0 20px;}
.subHdr{padding: 30px 15px;}	
.hdrBox h2{font-size: 24px;}
.hdrBox p{font-size: 12px;line-height: 18px;}
.hdrBox a{
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	padding: 5px 10px
}
.hRyt h3{
	font-size: 20px;
	font-weight: 400;
	margin: 10px 0 0;
}
i.fbIcon, i.inIcon, i.mailIcon{margin: 6px 3px 0}
.show-menu {margin:7px 10px 0 0;}
header h1{
	width:260px;
	height:45px;
	margin:20px 0 0 10px;
	background-size: 100%;
}

}
@media only screen and (min-width: 320px) and (max-width: 414px)  {
.btmTxt h3{font-size: 20px;}
.btmTxt p{font-size: 12px;line-height: 18px}

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