/* Generic classes for mobile presentation */
.mobile-plus {
   background: url(../images/mobile_plus.png) no-repeat scroll 98% center transparent;
}
.mobile-minus {
   background: url(../images/mobile_minus.png) no-repeat scroll 98% center transparent;
}

/* Media queries used to switch the site into a mobile-friendly presentation */
@media only screen and (max-width: 975px) {
   .sm-blue a {
      padding: 13px 18px;
   }
   .home-image img {
      width: 99%;
   }
   .promo-content {
      width: auto;
   }
   .main-column {
      float: none;
      width: 94% !important;
   }
   .right-sidebar {
      float: none;
      width: 95% !important;
   }
   #iframe0 {
      width: 95% !important;
   }
}


@media only screen and (max-width: 960px) {
   #no-sidebar-main-content {
      padding: 0px 6px 0px 6px;
   }
   /* Home page */
   .news-notices, #home-page .single-div {
      float: none;
      width: auto;
      margin: 0px;
   }
   .news-notices .item .detail {
      max-height: none;
   }
   .board-section {
      margin-top: 11px;
      width: auto;
      min-height: 135px;
   }
   .board-section .image {
      width: 46%;
      float: left;
   }
   .home-social-media {
      width: auto;
   }
   .home-main-section-content .featured-links-section {
      float: none;
      width: auto;
      margin: 8px 0 0 0;
   }
   .promo-content {
      width: auto;
   }
   #home-page .promo-item {
      float: none;
      margin-top: 8px;
      display: block;
      width: auto;
   }
   .home-social-media #social-media-icons img {
      width: 33%;
   }

   /* Newsroom */
   .newsroom-news-notices .news-links h2.news-gold-heading {
      max-width: inherit;
   }
   .newsroom-news-notices .detail {
      border: none;
      height: auto;
      border: none;
      max-width: inherit;
      padding: 0px;
   }
   .newsroom-news-notices .detail p,
   .newsroom-news-notices .detail #full-story {
      font-size: 1.2em;
   }
   .newsroom-news-notices .featured-story {
      border: none;
      height: auto;
      margin-top: 0px;
   }
   .newsroom-news-notices .image {
      width: auto;
      float: none;
      background-color: #fff;
   }
   .newsroom-resources {
      float: none;
      width: auto;
   }
   .newsroom-news-notices .left,
   .newsroom-news-notices .right {
      float: none;
      width: 100%;
   }
   .newsroom-social-media h2 {
      display: none;
      max-width: inherit;
   }
   .newsroom-social-media #social-media-icons {
      text-align: center;
      margin: 25px auto 10px;
   }
   .newsroom-social-media #social-media-icons img {
      margin: 0px 5px;
   }
   .newsroom-social-media .url {
      margin: 0px 0px 25px;
      text-align: center;
   }
   #emailadd {
      width: 98%;
   }
   #emailbutton {
      margin: 4px auto 0px auto;
      display: block;
   }
   .newsroom-video {
      width: auto;
      float: none;
      margin-left: 6px;
   }
   /* End Newsroom */

   #detail-sidebar {
      float: none;
      clear: both;
      width: auto;
   }
   .collection-item .image {
      margin-right: 10px;
      margin-bottom: 5px;
   }
   .collection-item .detail {
      float: none;
   }
   #NavigationArea .filter-block .filter-items label {
      display: inline;
      padding-right: 20px;
   }
}

@media only screen and (max-width: 890px) {
   .sm-blue a {
      padding: 13px 13px;
   }
   .header-search {
      top: 27px;
   }
   #main-content {
      width: 64%; 
   }
   #tools-nav {
      top: 90px;
      font-size: 1.2em;
   }
   .goog-te-gadget-simple {
      font-size: 1.2em !important;
      margin: 0px !important;
   }
   .vertical-shadow3 {
      float: none;
      width: auto;
      min-height: inherit;
      max-width: inherit;
      margin: 10px auto 10px auto;
      padding: 10px 0px;
      border: 1px solid #cccccc;
   }
   .vertical-shadow3 .image {
      width: 144px;
   }
   .vertical-shadow3 .title {
      border: none;
   }
   .vertical-shadow3 .info {
      max-width: inherit;
   }
   .vertical-shadow3 .info .link-list {
      max-width: inherit;
      font-size: 1.4em;
   }
   .featured-item .info .link-list {
      width: inherit;
      font-size: 1em;
   }
   .two-column .left, .two-column .right {
      float: none;
   }
   #detail-content {
      width: auto;
      padding: 0;
      float: none;
   }
   .bids-proposals-toc-head {
      margin-top: 25px;
   }
   /* Turn off the nav arrows on the Flexslider */
   .flex-direction-nav {
      display: none;
   }
   .footer-column {
      width: 22%;
   }
}

@media only screen and (max-width: 848px) {
   .sm-blue a {
      padding: 13px 8px;
   }
   .header-search {
      left: 0px;
   }
}

@media only screen and (max-width: 800px) {
   .sm-blue a {
      padding: 13px 5px;
   }
   .contact-filter-button {
      float: none;
   }
   .filter-input .filter-block .input-wrapper {
      display: block;
      width: auto;
   }
   #page-title .link {
      position: static;
   }
   .infospotfullwidth, .infospotfullwidth-link {
      margin: 15px 10px 0px 15px;
   }
   .contacts-summary .msg {
      width: 70%;
      margin-bottom: 30px;
   }
   .contacts-search-lnk {
      width: 25%;
   }
}

@media only screen and (max-width: 740px) {
    #main-menu {
        display: none;
    }
    /* Turn on the hamburger menu */
    .menu-btn {
        display: block;
    }

    #header {
        min-height: inherit;
    }
}
   /*PR - Added to hide breadcrumbs when page is downsized.  When menu option appears, breadcrumbs disappear. */
   @media only screen and (max-width: 740px) {
    .breadcrumbs {
        display: none;
    }
}

@media only screen and (max-width: 680px) {
   .faqintro {
      width: auto;
      margin-bottom: 0px;
   }
}

/* ############################################################################################# */
/*                                  SWITCH TO MOBILE DISPLAY                                     */
/* ############################################################################################# */
@media only screen and (max-width: 640px) {
   body {
      /* Turn off the background image */
      background: #fff;
   }

   /* Header changes */
   #header {
      min-height: 98px;
      background-color: #516788;
      width: 98%;
      margin: -8px 0px 0px 0px;
      padding: 6px;
   }

   #logo {
      display: none;
   }

   #dotorglogo {
      display: none;
   }

   #altlogo {
      display: block;
      margin-left: 32px;
   }

   #altlogo img {
      margin-top: 3px;
   }

   #search-form {
      text-align: center;
      float: none;
      margin-left: 8px;
   }

   #search-form .defaultText {
      width: 70%;
      height: auto;
      float: none;
      left: auto;
      vertical-align: top;
   }
   /* Turn off the main menu */
   #main-menu, #tools-nav {
      display: none;
   }
   /* Change the hamburger menu for mobile display */
   .menu-btn {
      top: -59px;
      width: 19px;
   }

   .menu-btn span {
      background: white;
      width: 19px;
      height: 3px;
   }

   .responsive-menu {
      top: -67px;
   }

   .header-search {
      top: 6px;
      right: 5px;
      float: none;
   }

   #mobile-header {
      display: block;
   }

   /* Home page changes */
   #home-page {
      margin-top: 20px;
   }

   .home-image {
      display: none;
   }

   .homepage-banner {
      margin: -14px 12px 18px;
   }

   .home-main-section-content {
      min-height: 0px;
      margin-top: -12px;
   }

   .home-main-section-content .news-notices {
      min-height: 0px;
      padding: 0px;
      margin: 0px 12px 0px 12px;
   }

   .home-main-section-content a.section-title {
      background-color: #fff;
      color: #000;
      border: 1px solid #252525;
      background-color: #a5abab;
      background-color: rgba(165, 171, 171, 0.24);
      border-radius: 6px;
      padding: 4px;
      width: auto;
      padding: 9px;
      font-size: 2em;
      text-decoration: none;
      display: block;
      min-height: 31px;
   }

   .home-main-section-content a.section-title:hover {
      color: #722a06;
      text-decoration: none;
      font-weight: bold;
      font-family: Tahoma,Geneva,sans-serif;
   }

   .home-main-section-content .news-notices .item {
      min-height: 0px;
      width: auto;
   }

   .home-main-section-content .news-notices .item .image {
      display: none;
   }

   .home-main-section-content .news-notices .item .detail {
      width: auto;
   }

   .home-main-section-content .news-notices .item .detail ul {
      padding: 0px;
      list-style-type: none;
   }

   .home-main-section-content .news-notices .item .detail ul li,
   .home-main-section-content .news-notices .contents li {
      padding: 6px 0px 6px 0px;
   }

   .home-main-section-content .news-notices .item .detail ul li a,
   .home-main-section-content .news-notices .contents li a {
      padding: 0px 0px 2px 17px;
      font-size: 1.3em;
   }

   .home-main-section-content .news-notices .item .detail p {
      display: none;
   }

   .home-main-section-content .news-notices .contents {
      min-height: 0px;
      margin-bottom: 4px;
   }

   .home-main-section-content .news-notices .contents .simple-content-text {
      padding: 0px;
   }

   .home-main-section-content .news-notices .contents ul {
      padding: 0px;
      list-style-type: none;
      width: 100%;
   }

   .home-main-section-content .news-notices .contents li {
      border-bottom: 1px dotted gray;
      padding: 3px 0px;
   }

   .home-main-section-content .news-notices .item .news-links {
      margin: 0px 0px 16px 0px;
   }

   .home-main-section-content .news-notices .item .page-links {
      display: none;
   }

   #home-page .single-div .board-section {
      min-height: 0px;
      margin-top: 0px;
      padding: 0px 12px 0px 12px;
   }

   #home-page .single-div .board-section a.board-title,
   .featured-links-section a.featured-links-title,
   .mobile-news-link,
   .mobile-resources-link {
      border: 1px solid #252525;
      color: black;
      background-color: #a5abab;
      background-color: rgba(165, 171, 171, 0.24);
      border-radius: 6px;
      display: block;
      min-height: 31px;
      padding: 9px 3px 7px 7px;
      margin: 6px 0px;
      font-size: 2em;
      text-decoration: none;
   }

   #home-page .single-div .board-section a.board-title:hover,
   .featured-links-section a.featured-links-title:hover,
   .mobile-news-link:hover,
   .mobile-resources-link:hover {
      color: #722a06;
      text-decoration: none;
      font-weight: bold;
      font-family: Tahoma,Geneva,sans-serif;
   }

   #home-page .single-div .board-section .image {
      display: none;
   }

   #board-links {
      width: auto;
      float: none;
      margin: 0px;
   }

   #board-links ul {
      width: 100%;
      line-height: 1.65;
      list-style-type: none;
      font-size: 1.8em;
      margin-bottom: 30px;
      padding: 0px 0px 4px;
   }

   #board-links ul li {
      margin: 4px 5px 0px 5px;
      border-bottom: 1px dotted gray;
   }

   #board-links ul li a {
      padding-bottom: 2px;
      line-height: 1.65;
   }

   .old-social-media {
      display: none;
   }

   .home-social-media #social-media-icons img {
      width: 45%;
   }

   a.featured-links-title {
      margin: -9px 12px 0px 12px !important;
   }

   .featured-links-section {
      margin: 15px 0px 16px 0px !important;
      min-height: 0px !important;
      padding: 0px !important;
   }

   .featured-links-section .featured-links-text {
      width: auto;
      line-height: 1.65;
      list-style-type: none;
      font-size: 1.8em;
      margin: 0px 12px 6px;
      padding: 0px;
   }

   .featured-links-section .featured-links-text li {
      margin: 0px;
      padding: 4px 5px 4px 5px;
      border-bottom: 1px dotted gray;
   }

   .featured-links-section .featured-links-text li a {
      padding-bottom: 2px;
   }

   #home-page .promo-content {
      margin: 0px 7px;
   }

   #home-page .promo-item {
      border: 1px solid black;
      margin: 6px 0px;
      border-radius: 0px;
      min-height: 76px;
   }

   #home-page .promo-item h3 a {
      font-size: 1.2em;
   }

   #home-page .promo-item p {
      display: none;
   }

   #home-page .promo-item .detail {
      width: 64%;
   }

   #home-page .promo-item .detail .more-link {
      text-align: left;
      line-height: normal;
   }

   #home-page .promo-item .detail .more-link a {
      font-size: 1.1em;
      margin: 0px;
   }

   .home-social-media {
      margin: 0px;
      min-height: 0px;
   }
   /* End home page changes */

   /* Sidebar changes */
   #sidebar {
      display: none;
      float: none;
      width: 96%;
      padding: 0;
      font-size: 1.5em;
      margin-left: 5px;
   }

   .featured-links-section .arrow-link-list,
   #side-nav-menu ul {
      width: 98%;
   }

   /* Main content area */
   #content {
      margin: 0px auto 0px;
   }

   #main-content {
      width: auto;
      float: none;
      padding: 0px 6px 0px 6px;
      margin-bottom: -20px;
   }

   /* Content changes */
   /* Department list, glossary */
   .department .alphabet-list,
   .glossary .alphabet-list {
      display: none;
   }

   .department .dept-letter > a.title,
   .glossary .glossary-letter > a.title {
      border: 1px solid black;
      background-color: #dcdcdc;
      background-color: rgba(165, 171, 171, 0.24);
      color: black;
      border-radius: 6px;
      box-shadow: 2px 2px 3px #CCC;
      max-width: inherit;
      width: auto;
      min-height: 38px;
      padding-top: 10px;
      text-align: center;
      font-weight: bold;
      font-size: 1.4em;
      display: block;
      margin-bottom: 5px;
   }

   .department .return-to-top,
   .glossary .return-to-top {
      display: none;
   }
   .dept-two-column .detail {
      width: inherit;
      float: none;
   }
   /* End department/glossary list */

   /* Newsroom */
   h1.news-big-title {
      text-align: left;
      font-size: 3em;
      float: none;
      margin-top: 9px;
      margin-left: 4px;
   }

   #featured-story {
      display: none;
   }

   .newsroom-news-notices .left .news-links {
      margin: 0px;
      float: none;
      max-height: inherit;
   }

   .mobile-news-link {
      margin: 6px 6px 0px 5px;
   }

   .newsroom-news-notices .left .news-links .simple-content-text ul,
   .newsroom-resources ul {
      padding: 0px;
      margin: 0px;
      width: 100%;
   }
   /* Recreated the class link-list */
   /* Forgive me -- I had to do this for ALL versions of IE which refused to honor list-style-type:none */
   .news-links div.simple-content-text ul li {
      font-size: 1.2em;
      list-style-type: none;
      padding: 6px 5px 6px 5px;
      border-bottom: 1px dotted gray;
   }

   .news-links div.simple-content-text ul li a {
      padding: 0 0 0 17px;
      background: url(../images/dotted_arrow_grey1.png) no-repeat;
      background-position: left center;
      display: block;
   }

   .news-links div.simple-content-text ul li a:hover {
      color: #722a06;
      font-weight: bold;
      font-family: Tahoma, Geneva, sans-serif;
   }

   .news-links .page-links {
      margin-top: 10px;
      font-size: 1.8em;
   }

   h2.news-gold-heading.underline {
      margin: 10px 0px 0.8em;
   }

   .newsroom-video .news-gold-heading {
      font-size: 2.1em;
   }

   #emailadd {
      width: 97%;
   }

   .video-directions {
      font-size: 1.4em;
   }

   .mobile-resources-link {
      margin: 0px 6px 0px 4px;
   }

   .newsroom-resources ul {
      margin-left: 4px;
      font-size: 1.4em;
   }

   .newsroom-resources li {
      list-style-type: none;
      padding: 6px 5px 6px 5px;
      line-height: 1.8em;
      font-size: 1.2em;
      border-bottom: 1px dotted gray;
   }

   .newsroom-video {
      margin-bottom: 16px;
      width: 98%;
   }
   /* End Newsroom */

   /* Video gallery */
   #mcts1, .amp-container {
      display: none;
   }

   #category-list {
      width: 100%;
      padding: 0;
      float: none;
   }

   /* Second level pages */
   .vertical-shadow3 {
      width: 100%;
   }
   /* This fixes issues with using PIE in IE 8 */
   .vertical-shadow3 css3-container {
      display: none;
   }

   .vertical-shadow3 .image, .featured-item .featured-image {
      display: none;
   }

   .rec-upcoming-event {
      max-width: inherit;
   }

   .rec-upcoming-event .image-title {
      border: none;
      margin: 0;
   }

   .rec-upcoming-event .image, .rec-upcoming-event div[id^=trumba] {
      display: none;
   }

   .rec-upcoming-event .title {
      font-size: 2em;
      margin: 0;
      padding: 9px 0px 0px 6px;
   }
   /* This class will be applied to the <p> element that gets converted to an <a> via JavaScript*/
   .rec-upcoming-event .title a {
      margin: 0;
      text-decoration: none;
      color: #000;
   }

   .rec-upcoming-event .title a:hover {
      color: #722a06;
      text-decoration: none;
      font-weight: bold;
      font-family: Tahoma,Geneva,sans-serif;
   }

   #featured-category-events #detail-sidebar, #featured-category-events #detail-content {
      float: none;
   }

   .vertical-shadow3 .title, .featured-item .title, .rec-upcoming-event .image-title {
      border: 1px solid #252525;
      background-color: #a5abab;
      background-color: rgba(165, 171, 171, 0.24);
      border-radius: 6px;
      max-width: inherit;
      width: 98%;
      min-height: 46px;
      margin: -10px auto;
      padding: 0px;
      text-align: left;
   }

   #featured-category-events #detail-sidebar {
      margin: 20px 0px -5px;
   }

   .featured-item {
      padding: 0px;
   }

   .featured-item .title {
      line-height: inherit;
   }

   .featured-item .title a {
      display: block;
   }

   .vertical-shadow3 .title a, .featured-item .title a {
      font-size: 1.1em;
      padding: 8px 0px 0px 7px;
   }

   .vertical-shadow3 .info, .featured-item .info {
      max-width: inherit;
      overflow: visible;
      padding: 0px;
      margin-top: 15px;
   }

   .two-column {
      font-size: 1em;
   }

   .vertical-shadow3 .info .link-list, .featured-item .info .link-list {
      max-width: inherit;
      font-size: 1.8em;
      margin-left: 6px;
      width: 96%;
   }

   .vertical-shadow3 .info .link-list li,
   .featured-item .info .link-list li {
      border-bottom: 1px dotted #808080;
      line-height: 1.8;
   }

   .vertical-shadow3 {
      border: none;
   }

   .vertical-shadow3 .title a {
      outline: none;
   }

   .howdoi .col-div, .howdoi .col-div-middle {
      float: none;
      margin: 0;
      width: auto;
      padding: 0;
      border: none;
   }

   .howdoi .sub-nav-item {
      width: auto;
      padding: 0;
      margin-bottom: -8px;
   }

   .howdoi .sub-nav-item h2 {
      border: 1px solid #252525;
      background-color: #a5abab;
      background-color: rgba(165, 171, 171, 0.24);
      border-radius: 6px;
      display: block;
      min-height: 46px;
      width: 98%;
      margin: 14px auto;
      padding: 0px;
      text-align: left;
   }

   .howdoi .sub-nav-item h2 a,
   #print-layout-area .sub-nav-item h2 span {
      margin-top: 7px;
      display: block;
      font-size: 1.3em;
      font-family: Verdana, sans-serif;
      color: black;
      text-decoration: none;
      padding: 2px 0px 0px 7px;
   }

   .howdoi .sub-nav-item a:hover {
      color: #722a06;
      text-decoration: none;
      font-weight: bold;
      font-family: Tahoma,Geneva,sans-serif;
   }

   .howdoi .sub-nav-item ul {
      display: block;
      margin: 0px 0px 24px 0px;
   }

   .howdoi .sub-nav-item ul li {
      margin: 0px 6px;
      border-bottom: 1px dotted gray;
      padding: 6px 0px 8px 0px;
      font-size: 2.4em;
   }
   #print-layout-area .howdoi .sub-nav-item ul li {
      font-size: 2em;
   }
   /* End second level pages */

   /* Press releases */
   .pr-header-container {
      position: static;
      height: auto;
      margin-top: inherit;
   }

   #pr-header-logo {
      position: static;
   }

   #pr-header-title-border {
      width: auto;
      position: static;
   }

   #pr-header-title-text p.header-title {
      position: static;
      width: auto;
   }

   #pr-header-link {
      position: static;
      width: auto;
   }

   #pr-content-container {
      position: static;
      margin-bottom: inherit;
   }

   #pr-date-container {
      float: none;
      width: auto;
   }

   #pr-title-container {
      float: none;
      width: auto;
   }

   #pr-body-container {
      float: none;
      width: auto;
   }

   #pr-contact-container {
      float: none;
      width: auto;
      margin-top: inherit;
      font-size: 1.4em;
      ;
   }
   /* End press releases */

   /* Bids and Proposals*/
   .bids-proposals-toc-head {
      font-size: 1.8em;
   }

   .bids-proposals-toc {
      font-size: 1.3em;
   }
   /* End Bids and Proposals*/

   /* Content */
   .breadcrumbs {
      margin: 0px 1em 0px 3em;
   }

   #no-sidebar-main-content .breadcrumbs {
      margin-left: 2.4em;
   }

   #page-title h1 {
      padding: 0px 5px 6px 5px;
   }

   #nametitle {
      padding: 0px 0px 8px 5px;
   }

   .simple-content-text,
   #tabs .simple-content-text,
   .forms-table,
   .global-forms-table,
   .filter-input,
   #NavigationArea {
      font-size: 1.4em;
   }

   .simple-content-text,
   #tabs .simple-content-text {
      width: auto;
      padding: 0px 6px;
   }
   #NavigationArea .filter-block .filter-items input {
      display: block;
      padding: 0;
      width: inherit;
   }
   #NavigationArea .filter-block .filter-items label {
      display: block;
      margin-top: -16px;
      padding-left: 28px;
   }
   /* InfoSpots*/
   .infospothorz, .infospothorz-link,
   .infospotfullwidth, .infospotfullwidth-link,
   .infospotfullwidthmedium-link {
/*       width: 98%; */
      width: auto;
      float: none;
      height: auto;
   }
   /*
   .infospothorz .infoimage, .infospothorz-link .infoimage,
   .infospotfullwidth .infoimage, .infospotfullwidth-link .infoimage,
   .infospotfullwidthmedium-link .infoimage {
      float: none;
   }
   */
   .infospotfullwidth .infoimage, .infospotfullwidth-link .infoimage,
   .infospotfullwidthmedium-link .infoimage {
      margin-bottom: 10px;
   }
   .infospothorz h2, .infospothorz-link h2 {
      width: 98%;
      float: none;
      margin-top: 10px;
   }
   .infospothorz .simple-content-text, .infospothorz-link .simple-content-text {
      height: 100%;
      width: 98%;
      float: none;
   }
   .infospotfullwidth .simple-content-text, .infospotfullwidth-link .simple-content-text,
   .infospotfullwidthmedium-link .simple-content-text {
      margin-bottom: 15px;
   }
   .search-results {
      font-size: 1.2em;
      float: none;
   }
   .search-results .links .holder {
      overflow: hidden;
   }
   .flex-container {
      margin-bottom: 25px;
   }
   .contacts-page {
      font-size: 1.5em;
      margin-top: -25px;
   }
   .index-block {
      width: auto;
   }
   .main-search-box-active {
      margin-bottom: 5px;
   }
   .button {
      margin-bottom: 5px;
   }
   .advanced-search .left {
      width: auto;
      float: none;
   }
   .advanced-search .right {
      float: none;
   }
   div[id$=pnlCategoryIndex] .index-area {
      font-size: 1.3em;
   }
   .faqlink {
      font-size: 1.4em;
   }
   .faqmenu a.answeropen, .faqmenu a.answerclosed {
      font-size: 1.4em !important;
   }
   .simple-content-text .link-list {
      margin-top: 0px;
   }

   /* Footer changes */
   #footer {
      font-size: 1.5em;
      border-radius: 0px;
      padding: 10px;
      top: 0px;
   }
   #footer .footer-mobile-only {
      display: block;
   }
   #footer .disclaimer {
      width: 99%;
      border: 1px solid black;
   }
   #footer .disclaimer p {
      padding: 3px 32px 0px 32px;
   }
   #footer .footer-wrapper {
      border: 1px solid black;
      float: left;
      width: 99%;
      margin-top: 6px;
   }
   .footer-column {
      width: 30%
   }
   .footer-column ul li a {
      text-indent: 7px;
      margin-left: -7px;
   }
}

/* Further tweaks as the width gets narrower */
@media only screen and (max-width: 570px) {
   #header {
      width: 97%; 
      min-height: 90px;
   }
}

@media only screen and (max-width: 540px) {
   #header {
      min-height: 86px;
   }
   #altlogo img {
      width: 96%;
   }
   .responsive-menu {
      width: 103%;
   }
   .advanced-search .ddlstyles {
      width: 217px;
   }
   .home-social-media #social-media-icons img {
      width: 54%;
   }
   .footer-column {
      width: 38%
   }
}

@media only screen and (max-width: 430px) {
   #header {
      min-height: 80px;
   }
   .simple-content-text .dept-list-nav .dept-list-button a {
      font-size: 1em;
   }
   #featured-category-events #detail-sidebar {
      float: none;
   }
   #orgchart {
      display: none;
   }
   .contact-map {
      float: none;
   }
   .contact-map .map, #progcontacts {
      display: none;
   }
   .contact-directions-link {
      margin-left: 0px;
   }
   .pager-nav {
      right: 0;
   }
   .search-results .pages {
      margin: 0;
   }
   .search-results .pages li {
      width: auto;
      margin: 0px 0px 0px 8px;
   }
   .contacts-summary .msg {
      width: 60%;
   }
   .contacts-search-lnk {
      width: 35%;
   }
   .footer-column {
      width: 44%
   }
}

@media only screen and (max-width: 385px) {
   #header {
      width: 96%;
      min-height: 74px;
   }
   #search-form .defaultText {
      width: 67%;
   }
   .responsive-menu {
      width: 104%;
   }
   .home-social-media #social-media-icons img {
      width: 76%;
   }
   .footer-column {
      width: 36%
   }
}

@media only screen and (max-width: 360px) {
   #header {
      min-height: 70px;
   }
   #search-form .defaultText {
      width: 64%;
   }
   #sidebar {
      padding: 0;
   }
   #side-nav-menu {
      margin-left: 4px;
      width: 100%;
   }
   #side-nav-menu .title {
      font-size: 1.3em;
   }
   .home-social-media #social-media-icons img {
      width: 85%;
   }
   .promo-collection .promo-item .button-next {
      padding-right: 2px;
   }

   .simple-content-text .dept-list-nav .dept-list-button a {
      padding: 0px 6px 2px;
   }
   .collection-item-horz .detail {
      width: 50%;
   }
   .index-block li {
      padding: 0 5px 5px 0;
   }
   .footer-column {
      float: none;
      width: auto;
   }
}