/* This File Contains All Responsive CSS */

/* Custom Drop-Down
================================================== */
#navigation .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
#navigation .selector,
#navigation .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
#navigation .selector,
#navigation .selector *{ margin:0 0 20px 0; padding:0; }
#navigation .selector{ width: 100%; font-size:12px;  font-weight:bold; }
#navigation .selector span:after { padding-left: 5px; padding-right: 5px; content: "\f078"; font-family: 'FontAwesome'; }
#navigation .selector span{ cursor:pointer; }
#navigation .selector{ height: 30px; line-height: 30px; display:-moz-inline-box;  display:inline-block;  vertical-align:middle;  zoom:1;  *display:inline; }
#navigation .selector select:focus{outline:0; }
#navigation .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
#navigation .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
#navigation .selector select{
   position:absolute;
   height:35px;
   background:#F0F1F1;
   width:97%;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:12px;
   font-weight:500;
   border:1px solid #DEDEDE;
   min-height: 40px;
   border-radius:4px;
   box-shadow:0 2px 2px #ccc;
   -webkit-border-radius:4px;
   -moz-border-radius: 4px;
   -webkit-box-shadow: 0 2px 2px #ccc;
   top:0px;
   left:0px;
   }


/* General
================================================== */
img{ max-width: 100%; }
#navigation select { display: none; width: 100% !important; }
#navigation .selector { display: none; margin-top: 5px; }
#navigation {display:none;}


@media only screen and (max-width: 1036px){
#header{
  float:none;
  width:100%;
  height:148px;
  text-align:
  center;background:url('../images/headBg.png') repeat-x center 0;
  left:auto;
}

#header #wrapper, #wrap, #wrapnew {
  width:94%;
  position:relative;
}



#header .logo{
  width:180px;
  height:148px;
  margin:0 0 0 -90px;
}

}

@media only screen and (max-width: 960px){
#header #logo {
  width:140px;
  height:138px;
  margin:0 0 0 -85px;
  left:51%
}

#header .tacticalNav .links{}

#nav {
  bottom:33%;
}

#wrap,#wrapnew{
  width: 94%;
}


#header div .links li a{
  font-size:1.2em;
}

#footer #wrapper .location .text {
  float: right;
  width: 50%;
  margin: 18px 0 0;
}



}


@media only screen and (min-width: 768px) and (max-width: 959px) {
#navigation {
  display:none;
}
#wrap{
  width: 94%;
}
#footer-one,
#footer-two,
#footer-three,
#footer-four,
#footer-fifth{
  width: 18%;
}
#header-inner-bottom {
  display:none;
}

}



@media only screen and (max-width: 767px){
#navigation {
  display:none;
}

#wrap{
  width: 94%;
}

#footer-one,
#footer-two,
#footer-three,
#footer-four,
#footer-fifth{
  width: 18%;
}

#header-inner-bottom {
  display:none;
}

.header_second .links {
  display:none;
}

#header {
  z-index:200;
}

#wrap, #wrapper{
  width: 94%;
}

#header .nav {
  display:none;
}

#header .header_first {
  float: left;
  width: 100%; /**33%*/
  /*padding: 0 4% 0 30%;*/
  padding:0;
}

#header .header_first .informationFor {
  float: none;
  height: 33px;
  margin: 0px 0 0 0px;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
  display:block;
}

.mobileNav {
  display: block;
}

.mobileNav .navDrop {
  position: absolute;
  left: auto;
  right: 0;
  top: 114px;
  margin: 0;
  width: 280px;
  height: auto;
  display: none;
  background: url('../images/popDownArrow.png') no-repeat 250px 0;
  padding: 8px 0 0;
  z-index: 2000;
}

.navDrop .dropWrap {
  float: right;
  width: 190px;
  background:#f0f1f1;
  border:1px solid #dedede;
  min-height:40px;
  border-radius: 0px;
  box-shadow:0 2px 2px #ccc;
}

.navDrop .dropWrap ul{
  float:left;
  width:100%;
}

.navDrop .dropWrap ul li{
  float:left;
  width:100%;
}

.navDrop .dropWrap ul li a{
  float:left;
  width:90%;
  padding:10px 5%;
  color:#41484c;
  font-size:1.2em;
  font-weight:bold;
  text-transform:uppercase;
}

.navDrop .dropWrap ul li a:hover{
  background:#ccd1d6;
  text-decoration:none;
}


/*display dropdown nav*/
#navigation .selector,
#navigation select {
  display: inline-block;
}

#navigation ul {
  display: none;
}

#navigation{
  padding: 0;
  height: 34px;
  line-height: 40px;
  float: none;
  padding: 0 5px;
  margin: 0;
  background:url('../images/infoButton.png') no-repeat 0 0;
  color: #fff;
  top: 89px;
  right: 0;
  cursor: pointer;
  width:184px;
}


#footer-one,
#footer-two,
#footer-three,
#footer-four,
#footer-fifth{
  width: 184px;
  margin-right: auto;
  margin-left: auto;
}

.preface-block{
  width:98.4%;
}

#preface-wrap {
  margin:0;
  padding:0;
}

.flex-direction-nav li a.next,
.flex-direction-nav li a.prev {
  height: 40px;
  width: 25px;
  line-height: 40px;
  margin-top: -20px;
}

body.sidebar-first #content,
section #content,
#sidebar{
  width: 100%;
}

.node h2.title{
  margin-bottom: 10px;
}

#content {
  padding:0;
}

#sidebar{
  margin-top: 25px;
  padding-top: 25px;
  border-top: 5px solid #444;
}

.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.one-sixth {
  width: 100%; float: none;
}

.informationFor {
  display:none;
}

.drop {
  display:none;
}

#navigation {
  display:block;
}

#footer,
#footer #wrapper {
  height: 100%;
}

.flex-direction-nav {
  display: none;
}

.thumbs {
  left: 1%;
  width: 98%;
}

}


@media only screen and (max-width: 500px) {

#header #wrapper {
  width: 100%;
}

#content {
  padding:0;
}

#header {
  background: url("../images/headBg-mobile.png") repeat-x center top;
  height: 82px;
}

#header .header_first {
  width: 100%;
  padding: 0 0 0 0;
  float: left;
  position: relative;
  display: inline-block;
}

#header .header_first .informationFor {
  float: none;
  height: 8px;
  margin: 0px 0 0 0px;
  position: relative;
  right: 0px;
  top: 0px;
  width: 100%;
}

.header_second form {
  background:none;
}

#navigation {
  background:none;
  top:-10px;
  width:113px;
  right:50px;
}

.header_second form .form-submit {
  top:-14px;
  right:13px
}

.drop{
  padding:0!important;
}

.header_first .informationFor span {
  top:5px!important;
}


#header .header_first .links {
  display: none;
}

.mobile {
  display: block;
}

.mobileNav {
  float: left;
  width: 37%;
  position: relative;
  display: inline-block;
}

.preface-block,
#footer-one,
#footer-three{
  width: 216px;
  margin-right: 20px;
}

#footer-two,
#footer-four {
  width: 216px;
  margin-right: 0;
}

.responsive-clear{
  clear: both;
}

#block-system-main-menu {
  display:block;
}

#header-inner-bottom {
  display:none;
}

.informationFor {
  display:block;
  padding-top: 0;
  padding-left: 0;
}

#navigation {
  display:block;
}

.header_second .links {
  display:none;
}

#logo {
  width: 25% !important;
  position:static;
}

#header #wrapper {
  z-index:200
}

.drop {
  position: relative;
  top: 1px;
  padding: 8px 0 0 171px;
}

#footer, #footer #wrapper {
  height: 100%;
}

#header .header_first .links {
  display:none;
}

#wrap {
  margin-top: 0;
}

#wrap #main {
  margin-top: 0;
}
}