/****************************************************************
*
* Name: mobile.css
* Modified: 07/25/2017 (Christopher White: home icon is now a glyph: modified left-margin as window
*                      size decreases.)
*           09/14/2017 (Christopher White: fixed a bug in the media query for 430px that was missing
*                      the closing curly brace.)
*
*****************************************************************/
/* 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: 980px) {
    .diversity-top-bottom-flex .button-box a 
    {
        text-align:center;
        display:block;
        padding:3px 3px;
    } 
    .diversity-top-bottom-flex .button-box-last a 
    {
        text-align:center;
        display:block;
        color:#fff;
        padding:3px 5px 3px 10px;
    }
}

@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;
   }
   .widetabledivmsg {
      display: block;
   }
}

@media only screen and (max-width: 890px) {
   .sm-blue a {
      padding: 13px 13px;
   }
   #homeicon a:before {
      margin-left: -.2em;
   }
   .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;
   }
   .video-gallery .thumbnails .video-item-area {
       width: 45%; 
   }
   /* 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;
   }
   #homeicon a:before {
      margin-left: -.1em;
   }
   .header-search {
      left: 0px;
   }
}

@media only screen and (max-width: 840px ) {
 .diversity .middle-tier { 
    flex-direction:column;
    -webkit-justify-content: center;
    justify-content:center;
    align-items:center;
    }

.diversity .middle-box-container {
    width:57.3%;
    min-height:300px;
    height:auto;
    
    }
    .diversity .middle-box-container-last {
    margin:-2px 18px 70px;
    }
}

@media only screen and (max-width: 820px ) {
    .diversity .middle-box-container {
        height: auto;
        min-height: 300px;
        width: 58.8%;
    }
    .diversity-top-bottom-flex .button-box a 
    {
        text-align:center;
        display:block;
        padding:3px;
    } 
    .diversity-top-bottom-flex .button-box-last a 
    {
        text-align:center;
        display:block;
        color:#fff;
        padding:3px   3px 3px 5px;
    }  
}

@media only screen and (max-width: 800px) {
   .sm-blue a {
      padding: 13px 5px;
   }
   #homeicon a:before {
      margin-left: 0;
   }
   .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: 780px )  {
    .diversity .middle-box-container {
        width:62.1%;
        min-height:300px;
        height:auto;
    }
    .diversity-top-bottom-flex {
        flex-direction:flex-start;
        padding:0;
        margin-left:0px;
        background-color:#fff;
        width:100%;
    }
    .diversity-top-bottom-flex .button-box-last 
    { 
        border:5px solid #fff;
        width:30%;
        border-radius:10px;
        background-color:#333;
        padding-right:0;
    }
    .diversity-top-bottom-flex .button-box
    {
        border:5px solid #fff;
        width:30%;
        border-radius:10px;
        background-color:#333;
    }
    .diversity-top-bottom-flex .button-box.div-current 
    {
        background-color:#bbb;
        color:#000;
    }
    .diversity-top-bottom-flex .button-box-last.div-current
    {
        background-color:#bbb;
        color:#000;
    }
    .diversity-top-bottom-flex .button-box a {
        display: block;
        padding: 0;
        text-align: center;
        padding:2px;
    }
    .diversity-top-bottom-flex .button-box-last a
    {
        color: #fff;
        display: block;
        padding:2px;
        text-align:center;
    }
    .diversity-top-bottom-flex .button-box  .div-current a {
        display: block;
        padding: 0;
        text-align: left;
        padding-left:2px;
        color:#000 !important;
    }
    diversity-top-bottom-flex .button-box-last  .div-current a {
        display: block;
        padding: 0;
        text-align: left;
        padding-left:2px;
        padding-top:2px;
        color:#000 !important;
    }
    .diversity-top-bottom-flex {
        border-radius:1px;
    }
}
@media only screen and (max-width: 740px) {
    #main-menu {
        display: none;
    }
    /* Turn on the hamburger menu */
    .menu-btn {
        display: block;
    }

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

/*-----PR for 2017 CDA redesign-------*/
@media only screen and (max-width: 730px) {
    .headline-rowOne-sidebar, .headline-rowOne {
        float: none !important;
        margin: auto;
        padding: 11px !important;
    margin-left:10px;
    }

    .headline-rowOne-sidebar {
        width: 28% !important;
    }

    .box {
        margin:0px 2% 31px 2%;
        flex-direction:column;
        justify-content:space-between;
    }

    .boxOne {
        width: 44% !important;
    }

    .boxTwo {
        width: 44% !important;
    }

    .boxThree {
        width: 44% !important;
    }

    .boxFour {
        width: 44% !important;
    }

    .mobileBox {
        display: block !important;
        margin: 0px 10% 30px 10% !important;
     
    }

    .headline-rowOne {
        display: none;
    }
}

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

    .diversity .middle-box-container {
        width:71.2%;
        min-height:300px;
        height:auto;
    }
}

/* ############################################################################################# */
/*                                  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: 62%;
   }

   #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%;
   }

   /* DEPRECATED */
   /* 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,
   .employee-recognition h3 {
      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: auto;
      float: none;
      height: auto;
   }

   .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;
   }

   /* Contact Page (Department/Staff) */
    .cs-group,
    .cs-sel {
        margin-bottom: 5px;
    }

    .cs-group label,
    .cs-sel label {
        display: block;
        padding-bottom: 0px;
    }

    .cs-group input,
    .cs-sel select {
        width: 60%;
    }

    .cs-btn {
        padding-left: 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;
   }
   /* flexslider changes to control wrapping of image buttons at small size so they don't overlap the pause button*/
    .flex-control-nav {
        width: 80%;
    }

    /*-----PR for 2017 CDA redesign----------*/
    .fsize {
        font-size: 1.2em !important;
    }
    .headline-rowOne-sidebar {
        width: 51% !important;
    }
    .cdnew-buttons {
        margin: 20px auto 10px 33%;
    }
    .mobileBox {
        display: block !important;
         margin: 0px 10% 30px 10% !important;
    }
    .headline-rowOne {
        display: none;
    }

    /* diversity kit*/
   .diversity .middle-box-container {
        width:50.5%;
        min-width:200px;
        height:auto;
    }
}

/* diversity kit*/
@media only screen and (max-width: 610px) {
    .diversity .middle-box-container {
        width:53.1%;
        min-width:300px;
        height:auto;
    }
    .diversity .middle-box-container-last {
        margin:-2px 18px 70px;
    }
    .diversity-top-bottom-flex .button-box-last a {
        color: #fff;
        display: block;
        padding-top:2px;
        text-align:center;
    }
    .diversity-top-bottom-flex
    {
        width:100%;
    }
    .diversity-top-bottom-flex .button-box a 
    {
        text-align:center;
    }
    .diversity-top-bottom-flex .button-box {
        height: auto;
        text-align:left;
    }
    .diversity-top-bottom-flex .button-box {
        background-color: #333;
        border: 5px solid #fff;
        border-radius: 10px;
        width: 30%;
    }
    .diversity-top-bottom-flex .button-box-last {
        background-color: #333;
        border: 5px solid #fff;
        border-radius: 10px;
        width: 30%;
    }
}

/* diversity toolkit */
@media only screen and (max-width:540px) {
     .diversity .middle-box-container {
         width:60.6%;
         min-width:300px;
         height:auto;
      }
}

/*----PR for 2017 CDA redesign-------*/
@media only screen and (max-width: 580px) {
    .boxOne {
        width: 80% !important;
    }

    .boxTwo {
        width: 80% !important;
    }

    .boxThree {
        width: 80% !important;
    }

    .boxFour {
        width: 80% !important;
    }
}

/* 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%;
    }

    .video-gallery .thumbnails {
        flex-direction: column;
    }

    .video-gallery .thumbnails .video-item-area {
        width: inherit;
        margin: auto;
    }

    .video-gallery .thumbnails .video-item-area .video-item h4 {
        padding: 8px 0 0 5px;
    }

    .video-gallery .thumbnails .video-item-area p {
        padding: 0 0 22px 5px;
    }

    .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%;
    }

    /* diversity kit*/
    .diversity .middle-box-container {
        width: 85%;
        min-width: 270px;
        height: auto;
      }

    .diversity .middle-box-container-last {
       margin:-2px 18px 70px;
     }

    .diversity-top-bottom-flex .button-box
    {
      width:40%;
    }

    .diversity-top-bottom-flex .button-box-last
    {
      width:40%;
    }

    .diversity-top-bottom-flex .button-box.div-current 
    {
       width:40%;
    }

    .diversity-top-bottom-flex .button-box-last.div-current 
    {
        width:40%;
        padding-right:0px;
    }

    .diversity-top-bottom-flex .button-box a {
        color: #fff;
        display: block;
        padding: 2px;
    }

    .diversity-top-bottom-flex  .button-box a {
        color: #fff;
        display: block;
        padding-left: 2px;
    }

    .diversity-top-bottom-flex .button-box-last a {
        color: #fff;
        display: block;
        padding: 2px;
    }

    .diversity-top-bottom-flex .button-box {
        background-color: #333;
        border: 5px solid #fff;
        border-radius: 10px;
        width: 40%;
    }

    .diversity-top-bottom-flex .button-box-last {
        background-color: #333;
        border: 5px solid #fff;
        border-radius: 10px;
        width: 40%;
    }

    .diversity-top-bottom-flex .button-box-last a {
        color: #fff;
        display: block;
        padding: 2px;
        text-align: center;
     }
}

/*---PR for 2017 CDA redesign-----*/
@media only screen and (max-width: 420px) {
    .box {
        width: 80% !important;
        margin:auto;
    }
}


@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;
   }
}