/***************** Media Queries *****************/
@media screen and (max-width: 1540px) {
    .header-callouts {
           margin-left: 35px;
       }
       .callout h2 {
           font-size: 15px;
       }
   }
   @media screen and (max-width: 1300px) {
       .doc-block {
           width: auto;
       }
       .header-callouts {
           margin-left: 70px;
       }
       .search-row {
            margin-top: 70px;
       }
       .header-callouts {
           margin-left: 50px;
       }
       #nav > nav > ul > li {
           font-size: 14px;
       } 
       .quick-links-section {
           width: 55%;
       }
       .quick-links-section h2 {
           font-size: 12px;
       }
       .header-text {
           bottom: 10%;
           padding: 30px 30px 30px 50px;
       }
   }
   @media screen and (max-width: 1100px) {
   
       .sf-with-ul {
           margin-bottom: 0 !important;
       }
       .news-list .news-item .article-content {
           float: right;
           width: 100%; 
       }
       .inner-top-block #docSearch {
           width: auto !important;
           padding: 14px 30px;
       }
      
       .stats {
           column-count: 2;
           display: block;
       }
       .welcome-callout {
           display: inline-block;
       }
       .giving-section {
           display: block;
       }
       .giving-section div:nth-child(3) {
           width: fit-content;
           margin: auto;
           margin-top: 15px;
       }
       .giving-section div:nth-child(2) {
           margin: auto;
           margin-top: 15px;
       }
       .home-events-list {
           display: table-cell;
           column-count: 2;
       }
       .event-list-item {
           display: inline-table;
           margin-bottom: 35px;
       }
       .home-news-events {
           padding-top: 400px;
           margin-top: -400px;
       }
       .callout-dropdown {
           top:36px;
       }
        .header-callouts {
           margin-left: 40px;
       }
       #nav > nav > ul > li {
           font-size: 12px;
       }
        #chevron-dropdown {
           width: 32px;
       }
       .header-callouts {
           margin-left: 15px;
       }
       .callout h2 {
           font-size: 13px;
       }
       .sf-mega-section1, .sf-mega-section2, .sf-mega-section3 {
           min-width: 180px;
       }
       #header-wrap {
           padding-top: 100px;
       }
   }
   
   @media screen and (max-width: 768px) {
        a.anchor {
            top: -50px;
        }
       .home-slider .fa-arrow-right.slick-arrow img {
           right: 5px;
           width: 20px;
       }
       .home-slider .fa-arrow-left.slick-arrow img {
           left: 5px;
           width: 20px;
       }
       .news-list .news-item .article-content {
           width: 100%;
       }
       .doc-underpage aside .top-block .text-panel {
           width: 100%;
       }
       .header-alert .alert-heading h2 {
           font-size: 18px;
       }
       .callout h2 {
           font-size: 11px;
       }
       .header-callouts {
           margin-left: 45px;
       }
       .header-text h2 {
           font-size: 20px;
       }
       .header-text h3 {
           font-size: 50px;
       }
       .header-text h4 {
           font-size: 40px;
       }
       .header-text a {
           font-size: 25px;
       }
       .callout-dropdown > ul > li {
           font-size: 10px;
       }
       .welcome-section > p:first-of-type {
           font-size: 30px;
           line-height: normal;
       }
       .welcome-section > p:nth-of-type(2n) {
           font-size: 40px;
       }
       .welcome-section > p:last-of-type {
           font-size: 18px;
           line-height: 34px;
       }
       .welcome-text-one > p:first-of-type {
           font-size: 20px;
       }
       .welcome-text-one > p:last-of-type {
           font-size: 20px;
       }
       .welcome-text-two {
           font-size: 20px;
       }
       .quick-links-dropdown {
           z-index: 100;
       }
       .search-row {
           margin-top: 0px;
       }
       input#predSearch {
           width: 84%;
       }
       .welcome-section {
           padding-left: 5%;
           padding-right: 5%;
           background-size: cover;
       }
       .giving-section div:nth-child(2) {
           padding: 0 5%;
       }
       .features-section {
           padding: 90px 5%;
           background-size: cover;
       }
       .home-news-events {
           padding: 100px 5%;
       }
       .quick-links-section {
           width: 48%;
       }
       div#logo {
           /*width: 250px;*/
           display: none;
       }
      .inner-banner h2 {
          font-size: 3rem;
          top: 60%;
      }
      #header-wrap {
           padding-top: 50px;
       }
       .sb-search {
           display: none;
       }
       #mobile-search {
           display: block;
       }
   } 
   @media screen and (max-width: 725px) {
       .breadcrumb {
           padding: 10px 30% 10px 10%;
       } 
       .header-alert .alert-heading {
           width: 100%;
           margin: auto;
           text-align: center;
       }
       .header-alert .alert-message {
           float:none;
           width: 98%;
       }
       .header-alert .alert-closing {
           float:none;
           margin: 20px auto;
       }
       .doc-block {
           width: 100%;
           text-align: center;
       }
       .doc-underpage aside .top-block .text-panel {
           float: right;
           margin: 0;
           padding: 0px;
       }
       ul.slick-dots {
           height: 35px;
           padding-top: 2px;
       }
       header{position: relative !important;}
       .top-nav {
           position: relative; 
           background: #4A02A2;
       }
       .top-nav ul{
           padding-left: 25px;
           padding-right: 15px;
       }
       .top-nav ul li a {
           border: none;
       }
       #logo{
           top: auto !important;
       }
       #nav {
           right: 10px !important;
       }
       #menu-icon {
           margin-top: 20px !important;
           left: 30px !important;
       }
       input#predSearch {
           width: 80%;
       }
       .search-row {
           margin-top:auto;
       }
       #main {
           flex-direction: column-reverse;
       }
       input#predSearch {
           width: 80%;
       }
       .stats {
           column-count: 1;
       }
       .header-text {
           display: none;
       }
       .header-callouts {
           margin-left: 0
       }
       .quick-links-nav {
           padding: 0;
           flex-direction: column-reverse;
           margin-left: 0;
           max-width: 100%;
           flex: auto;
       }
       .feature-icon-section {
           border: none;
       }
       .home-events-list {
           column-count: 1;
       }
       .home-news-events {
           background-size: cover;
           padding-top: 400px;
       }
       div#logo {
           max-width: 200px;
           z-index: 2;
       }
       .feature-row {
           padding-bottom: 85px;
       }
       .giving-section div:nth-child(3) {
           position: relative;
           overflow: hidden;
           width: 100%;
           padding-top: 56.25%;
       }
       .giving-section div:nth-child(3) iframe {
           position: absolute;
           top: 0;
           left: 0;
           bottom: 0;
           right: 0;
           width: 100%;
           height: 100%;
           padding: 0;
       }
       .social-row-left {
           padding-bottom: 15px;
       }
       .quick-links-section {
           width: 50%;
           justify-content: center;
       }
       .search {
           width: 83%;
       }
       .footer-text ul li {
           text-align: center;
       }
       #search {
           height: 20px;
           margin-top: -2px;
       }
       .desc {
           max-width: 350px;
           left:0;
       }
   }
   
   @media screen and (max-width: 500px) {
       #header-wrap {
           padding-top: 100px !important;
       }
   }
   
   @media screen and (min-width: 701px) and (max-width: 1000px) {
       #menu-icon {
           margin: 15px 0 0 0 !important;
       }
   }
   
   
   @media screen and (max-width: 1000px) {
       #nav-wrap{ 
           width:48px; 
           margin:0; 
           position:relative !important; 
           bottom: auto !important;
           float: right;
       }
       #header-wrap {
           padding-top: 50px;
       }
       nav#nav-wrap ul {
       display: none !important;
   }
       span.accessHidden {
       display: none;
   }
       /************ Menu Icon **********/
          #menu-icon {
               position: absolute;
               left: 0;
               display: block;
               width: 16px;
               top: 0;
               height: 0px;
               box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
               z-index: 99;
           }
           #menu-icon:after {
               content: "";
               position: absolute;
               left: 0;
               display: block;
               width: 16px;
               top: 0;
               height: 25px;
           }
   }