/***************** Media Queries *****************/
@media screen and (max-width: 1400px) {
    /* header {
             min-height: 860px;
         }*/
 }
 @media screen and (max-width: 1300px) {
     .doc-block {
         width: auto;
     }
     
 }
 @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;
     }
     .header-row a {
         font-size: 20px;
     }
     .header-row li:first-of-type {
         padding-right: 40px;
     }
    /* header {
         min-height: 600px;
     }*/
     .buy, .homework {
         min-height: 200px;
     }
     .buy h2, .homework h2, .find-out-more h2, .HUD h2 {
         font-size: 40px;
         padding-bottom: 25px;
     }
     div#footer {
         padding: 10%;
     }
 }
 
 @media screen and (max-width: 768px) {
      a.anchor {
          top: -50px;
      }
     .home-slider .fa-arrow-right.slick-arrow img {
         right: 5px;
         width: 50px;
     }
     .home-slider .fa-arrow-left.slick-arrow img {
         left: 5px;
         width: 50px;
     }
     .news-list .news-item .article-content {
         width: 100%;
     }
     .doc-underpage aside .top-block .text-panel {
         width: 100%;
     }
     .afford h2 {
         text-align: center;
     }
     .program-image, .grant-image, .cert-image {
         width: 100%;
     }
     .program-text  {
         max-width: 100%;
         margin-top: 40px;
     }
     .grant-text, .cert-text {
         max-width: 100%;
     }
     .grant {
         flex-direction: column-reverse;
         padding-bottom: 40px;
     }
     .program, .cert, .ready {
         padding-bottom: 40px;
     }
     .savings-image, .credit-image, .qualify-image {
         float: none;
         text-align: center;
     }
     .footer-logo {
         text-align: center;
     }
     .footer-logo img {
         margin: auto;
         margin-bottom: 25px;
     }
     .footer-social {
         text-align: center;
         padding: inherit;
     }
     footer ul {
         float: none;
         margin: auto;
     }
     .header-img {
         margin: auto;
     }
     .nav-items {
         margin-bottom: 25px;
     }
     .header-row a {
         font-size: 18px;
     }
     .header-row li:first-of-type {
         padding-right: 25px;
     }
 } 
 @media screen and (max-width: 600px) {
     .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: 60px !important;
     }
     input#predSearch {
         width: 80%;
     }
     .search-row {
         margin-top:auto;
     }
     #main {
         flex-direction: column-reverse;
     }
         input#predSearch {
         width: 80%;
     }
     .homework h2 {
         width: auto;
         text-align: center
     }
     .ready-section {
         max-width: 80%;
         padding: initial;
         margin: auto;
     }
     .header-img {
         margin: auto;
         max-width: 80%;
     }
     .header-row {
         flex-direction: column-reverse;
         padding: 0 ;
         position: relative;
     }
     .header-row h1 {
         text-align: center;
     }
 }
 
 @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;
     }
     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;
         }*/
 }
 
 @media print {
     .underpage {
         background-color: white;
         height: 100%;
         width: 100%;
         position: fixed;
         top: 10px;
         left: 0;
         margin: 0;
         padding: 15px;
         font-size: 14px;
         line-height: 18px;
     }
     header, footer {
         display:none;
     }
 }