/*		Desktop	*/

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

/*		Medium Device - large tablet	*/

@media only screen and (max-width: 1199px) {
  .nav-menu {
    width: auto;
    min-width: 970px;
  }
  .nav-menu ul.navbar-nav > li {
    margin: 0 25px;
  }
  .nav-menu
    ul.navbar-nav
    > li
    > .header-main-menu-column-area
    > ul.sub-menu
    > li.mega-menu-column
    ul
    li
    a {
    font-size: 13px;
    line-height: 18px;
  }
  .nav-menu
    ul.navbar-nav
    > li
    > .header-main-menu-column-area
    > ul.sub-menu
    > li.mega-menu-column
    .mega-menu-heading
    > a {
    font-size: 15px;
    line-height: 20px;
  }
  .nav-menu
    ul.navbar-nav
    > li
    > .header-main-menu-column-area
    > ul.sub-menu
    > li.mega-menu-column
    .mega-menu-heading-icon
    > a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    background: url(images/footer-external-link.svg) no-repeat center right;
    padding-right: 15px;
    background-size: 12px 12px;
    background-position: right;
    white-space: nowrap;
    text-decoration: none;
  }
  .nav-menu
    ul.navbar-nav
    > li
    > .header-main-menu-column-area
    > ul.sub-menu
    > li.mega-menu-column
    .mega-menu-heading-icon
    > a:hover,
  .nav-menu
    ul.navbar-nav
    > li
    > .header-main-menu-column-area
    > ul.sub-menu
    > li.mega-menu-column
    .mega-menu-heading-icon
    > a:focus {
    color: #0052eb !important;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
    background: url(images/footer-external-link-hover.svg) no-repeat center
      right;
    padding-right: 15px;
    background-size: 12px 12px;
    background-position: right;
    white-space: nowrap;
    text-decoration: none;
  }
  .interior-sidebar-menu {
    margin-left: 0;
  }
  .page-breadcrumb {
    margin-left: 1px;
  }

  .the-process-single-step p.indi-long-form-text__p--intro span {
    font-size: 24px;
    line-height: 32px;
  }
  p.announcement-post-date {
    margin-top: 15px;
  }
  .single-webinar-list {
    font-size: 12px;
  }
  .single-webinar-list strong {
    font-size: 14px;
  }
  .home-service-providers-content {
    padding-right: 40px;
    width: calc(50% + 15px);
  }
  .home-universal-service-fund-right-area {
    padding-left: 0;
  }
  .home-single-program-box {
    width: 25%;
  }
  .home-programs-section > div > div > div.home-single-program-box:nth-child(2),
  .home-programs-section > div > div > div.home-single-tagline:nth-child(odd) {
    margin-right: 0;
  }
  .home-single-tagline {
    width: 50%;
    padding: 0 15px !important;
  }

  /* Glossary */
  ul.glossary-letter-list li {
    font-size: 18px;
    line-height: 24px;
    margin: 0 5px;
  }

  /* Trainings */
  .single-training-agenda-detail p:first-child {
    margin-right: -15px;
  }

  /* FAQs */
  .faq-section .single-faq-answer .faq-answer-number {
    margin: 14px 5px 0 0;
    font-size: 18px;
    line-height: 24px;
  }
  /* lifeline mega menu text*/
  .lifeline-text {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 12px 0;
  }

  .lifeline-text a {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #0052eb !important;
  }
  .lifeline-text a:hover {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #0039a3 !important;
  }
  /* CSS for learn template */
  .three-column {
    display: flex;
    column-gap: 50px;
  }
  /* Code ends: CSS for learn template */

  a.hyperlinked-image:after,
  a.hyperlinked-image:before,
  .remove-after:after,
  .remove-after:before {
    display: none !important; /* Remove :after and :before from buttons and hyperlinked images */
    content: none !important;
  }
  /*Landing page banner icon*/
  .landing-page-video-play-icon:after {
    content: url(images/banner-play-icon.png);
    position: absolute;
    top: 50%;
    left: 70%;
  }
  .service-providers-landing-page-video-play-icon:after {
    content: url(images/banner-play-icon.png);
    position: absolute;
    top: 50%;
    left: 80%;
  }
  /* CAREERS */

  .careers-benefits-section {
    text-align: center;
  }
  .careers-single-benefit-box.odd {
    margin: 0px auto;
    padding: 5px;
    max-width: 260px;
  }
  .careers-single-benefit-box.even {
    margin: 0px auto;
    padding: 5px;
    max-width: 260px;
  }
  .careers-students-block-right {
    position: absolute;
    bottom: 30px;
  }
  .careers-students-block .careers-students-block-right {
    margin-top: 15px;
  }
  .careers-students-block .search-button {
    margin-bottom: 370px;
  }
  .careers-students-info-block,
  .careers-students-info-block-top,
  .careers-students-info-block-bottom {
    margin: 0px;
    padding: 30px;
  }
  .careers-students-info-bordered-box {
    margin: 20px;
  }
  .careers-students-info-bordered-box .students-hours-per-week {
    padding: 0px 0 0 20px;
  }
  .careers-students-info-bordered-box .students-location {
    margin: 20px 0px;
  }
  .students-hours-per-week .students-are-interns-paid {
    margin: 20px 0px;
    padding: 0px 0 0 20px;
  }
  .careers-students-info-bordered-box .students-program-timeline {
    padding: 10px 30px 10px 30px;
  }
}
/* end large tablet, medium device */

/* Small and Extra Small Screens */

@media only screen and (max-width: 991px) {
  .container {
    width: 100%;
  }
  h1.page-title {
    margin-bottom: 14px;
  }
  .custom-logo {
    display: inline-block;
    position: relative;
  }
  .logo {
    max-width: 200px;
    width: 100%;
    position: static;
  }
  /* change the header padding when you remove the covid-19 banner */
  header {
    border-bottom: 1px solid #eee;
    margin-top: 0;
    padding: 20px 0 9px;
    /*padding: 0 0 9px 0;*/
  }
  .header-right-area {
    margin-top: 30px;
    display: inline-flex;
  }
  .header-right ul {
    position: absolute;
    right: 84px;
    margin: 0 24px;
  }
  .header-right .sub-menu {
    right: 12px;
  }
  .header-right .search-form {
    position: absolute;
    width: auto;
    right: 40px;
    top: 30px;
    border: 0;
    margin: 0 24px;
  }
  .header-right .search-form input[type="search"] {
    width: 35px;
    padding: 5px;
    cursor: pointer;
    background-color: transparent;
    color: transparent;
    border: 1px solid transparent;
  }
  .header-right .search-submit {
    z-index: -1;
  }
  .header-right .search-submit::before {
    margin: 0;
    margin-right: 12px;
  }
  .header-right .search-form input[type="search"]:focus {
    /*width: 200px;*/
    width: 100%;
    padding: 5px 35px 5px 10px;
    color: #000;
    background-color: #fff;
    cursor: auto;
    border-color: #dcdcdc;
    box-shadow: 0 0 3px #dcdcdc !important;
    -moz-box-shadow: 0 0 3px #dcdcdc !important;
    -webkit-box-shadow: 0 0 3px #dcdcdc !important;
    outline-offset: 0px !important;
    outline: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .header-right input[type="search"].search-field:focus + .search-submit {
    z-index: 9;
  }
  .header-right .search-form input:-moz-placeholder {
    color: transparent;
  }
  .header-right .search-form input::-webkit-input-placeholder {
    color: transparent;
  }
  .click-effect > div {
    display: none;
  }
  span.menu-close-icon {
    display: none;
  }
  .navbar-toggle.click-effect span.menu-close-icon {
    display: inline-block;
    content: url(images/icons/close.svg);
    width: 18px;
    height: 18px;
    margin: 7.5px 10px;
  }
  .nav-menu {
    margin: 0;
  }
  .navbar-header .navbar-toggle {
    display: block;
    position: absolute;
    right: 15px;
    top: -55px;
    margin: 0 0 0 12px;
    padding: 0;
  }
  .navbar-header .navbar-toggle > div {
    font-size: 16px;
    line-height: 32px;
    margin: 0;
  }
  .mobile-menu .navbar-collapse {
    top: 10px;
    left: 0;
    z-index: 9;
    overflow: auto;
    position: absolute;
    width: 100%;
    border: 0;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
    display: block !important;
    animation-name: example;
    animation-duration: 4s;
  }

  /* .navbar-collapse.in {
        overflow-y: visible;
    } */
  ul.navbar-nav {
    margin: 0;
    padding: 10px 0;
    float: left;
    width: 100%;
    text-align: left;
  }
  ul.navbar-nav > li {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
    margin: 0;
  }
  ul.navbar-nav li a {
    padding: 0;
    margin: 0 20px;
    display: inline-block;
    color: #262626;
    font-size: 18px !important;
    line-height: 28px !important;
    border-bottom: 0 !important;
  }
  ul.navbar-nav li > a:hover,
  ul.navbar-nav li > a:focus,
  ul.navbar-nav li.menu-item-has-children:hover:before,
  ul.navbar-nav li.menu-item-has-children:focus:before,
  ul.navbar-nav .current-page-item > a,
  ul.navbar-nav .current-page-ancestor > a,
  ul.navbar-nav .current_page_item > a,
  ul.navbar-nav .current_page_ancestor > a,
  ul.navbar-nav .current-menu-item > a,
  ul.navbar-nav .current-menu-ancestor > a {
    border-bottom: 0;
    color: #004e8c;
  }

  /* Sub Menu */

  ul.navbar-nav li.menu-item-has-children:before {
    display: none;
  }
  ul.navbar-nav > li > ul.sub-menu:before {
    display: none;
  }

  ul.navbar-nav > li > ul.sub-menu {
    position: relative;
    left: auto;
    top: auto;
    z-index: 111;
    background: transparent;
    width: 100%;
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }

  ul.navbar-nav li:last-child,
  ul.navbar-nav li,
  .nav-menu ul li ul.sub-menu li:last-child,
  ul.navbar-nav li ul.sub-menu li {
    border: 0px none;
  }
  ul.navbar-nav li ul.sub-menu li a {
    display: block;
    font-size: 16px !important;
    line-height: normal !important;
    min-width: auto;
    max-width: 100%;
    border-bottom: 0;
    text-align: left;
    margin-left: 40px;
  }
  .mobile-external-icon {
    background-image: url(images/footer-external-link.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right;
    display: inline-block;
    white-space: nowrap;
  }
  .mobile-external-icon:hover {
    background-image: url(images/footer-external-link-hover.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: right;
    display: inline-block;
    white-space: nowrap;
  }
  .mobile-menu ul:first-child {
    width: 75%;
    float: right;
    border: 1px solid #dbdbdb;
    border-right: 0;
    border-bottom: 2px solid #9f9f9f;
    background-color: #fff;
    border-top: 0;
    animation: menuanim 0.35s;
  }
  @keyframes menuanim {
    from {
      width: 0px;
    }
    to {
      width: 75%;
    }
  }
  .mobile-menu ul.navbar-nav li {
    margin: 0 !important;
    list-style-type: none;
    padding: 10px 0;
  }
  .mobile-menu ul.navbar-nav > li:nth-last-child(4):before {
    content: "";
    display: block;
    border-top: 1px solid #eee;
    margin: 5px 5px 0 !important;
    padding-top: 25px;
  }
  .mobile-menu li.menu-item-has-children > a {
    display: block;
    position: relative;
    cursor: pointer;
  }
  .mobile-menu li.menu-item-has-children > a:after {
    position: absolute;
    right: 0;
    top: 5px;
    height: 18px;
    width: 18px;
    content: url(images/icons/caret-down.svg);
  }
  .mobile-menu li.menu-item-has-children > a:hover:after,
  .mobile-menu li.menu-item-has-children > a:focus:after {
    content: url(images/icons/caret-down.svg);
  }
  .mobile-menu li.menu-item-has-children.active > a:after {
    content: url(images/icons/caret-up.svg);
  }

  .mobile-menu .svg-angle-down:before {
    content: url(images/icons/caret-down.svg);
  }
  .mobile-menu .svg-angle-up:before {
    content: url(images/icons/caret-up.svg);
  }
  .mobile-menu ul.sub-menu {
    padding: 0;
    margin: 10px 0 0;
    background-color: #f7f7f7 !important;
    display: none;
  }
  .mobile-menu ul.sub-menu.active-sub-menu {
    display: block;
  }
  .mobile-menu ul.sub-menu li ul.sub-menu {
    margin-top: 10px;
    padding-bottom: 0;
  }
  .mobile-menu ul.navbar-nav .current-page-item > a,
  .mobile-menu ul.navbar-nav .current-page-ancestor > a,
  .mobile-menu ul.navbar-nav .current_page_item > a,
  .mobile-menu ul.navbar-nav .current_page_ancestor > a,
  .mobile-menu ul.navbar-nav .current-menu-item > a,
  .mobile-menu ul.navbar-nav .current-menu-ancestor > a {
    border-bottom: 0 !important;
    background-color: transparent !important;
    font-weight: 600 !important;
  }
  .mobile-menu ul.navbar-nav li > a:hover,
  .mobile-menu ul.navbar-nav li.menu-item-has-children:hover:before,
  .mobile-menu ul.navbar-nav li > a:focus,
  .mobile-menu ul.navbar-nav li.menu-item-has-children:focus:before {
    border-bottom: 0 !important;
    background-color: transparent !important;
  }
  .mobile-menu ul.sub-menu li > ul.sub-menu {
    background-color: #fff !important;
  }
  .mobile-menu ul.sub-menu li.has-subnav.active {
    padding-bottom: 0;
  }
  .interior-sidebar-menu ul li a,
  .interior-sidebar-menu ul li a:hover,
  .interior-sidebar-menu ul li a:focus {
    font-size: 14px;
    color: #404040;
    font-weight: 300;
    padding: 14px 10px;
    display: block;
    position: static;
  }
  .page-content .interior-sidebar-menu ul li a:after {
    height: 14px;
    width: 14px;
  }
  .interior-sidebar-menu > div > ul > li:first-child > a {
    font-size: 14px !important;
  }
  .interior-sidebar-menu li.current-menu-item {
    background-color: transparent;
    border: 0;
    position: static;
    margin-left: 0;
  }
  .interior-sidebar-menu li.current-menu-item > a {
    padding: 14px 10px;
    color: #404040;
    fill: #404040;
    margin-left: 0 !important;
  }
  .interior-sidebar-menu ul.sub-menu {
    background-color: #f7f7f7;
  }
  .interior-sidebar-menu ul.sub-menu li:first-child > a:before {
    display: none;
  }
  .interior-sidebar-menu ul.sub-menu li a,
  .interior-sidebar-menu ul.sub-menu li.current-menu-item > a {
    margin-left: 17px !important;
  }

  .interior-sidebar-menu li.menu-item-has-children > a {
    width: calc(100% - 38px);
  }
  .interior-sidebar-menu li.menu-item-has-children > a:after {
    position: absolute;
    right: 11px;
    content: url(images/icons/caret-down.svg);
    top: 12px;
  }
  .interior-sidebar-menu li.menu-item-has-children > a:hover:after,
  .interior-sidebar-menu li.menu-item-has-children > a:focus:after {
    content: url(images/icons/caret-down.svg);
  }
  .interior-sidebar-menu li.menu-item-has-children.active > a:after {
    content: url(images/icons/caret-up.svg);
  }
  .interior-sidebar-menu li.menu-heading a,
  .interior-sidebar-menu li.menu-heading a:hover,
  .interior-sidebar-menu li.menu-heading a:focus {
    font-size: 14px;
    margin-top: 0;
  }
  .mobile-sidebar-menu {
    min-width: 220px;
    max-width: 100%;
    display: inline-block;
    margin: 0 0 20px;
  }
  .mobile-sidebar-menu button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .mobile-sidebar-menu button > div {
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.4px;
    font-weight: 300;
    margin: 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 10px 38px 10px 10px;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: left;
  }
  .mobile-sidebar-menu button > div:after {
    content: url(images/blue-icons/caret-down.svg);
    display: inline-block;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 3px;
    right: 0;
    margin: 10px;
  }
  .mobile-sidebar-menu button > div.active {
    font-weight: normal;
  }
  .mobile-sidebar-menu button > div.active:after {
    content: url(images/blue-icons/caret-up.svg);
  }
  .mobile-sidebar-dropdown {
    position: relative;
    display: none;
  }
  .mobile-sidebar-dropdown.active {
    display: block;
  }
  .mobile-sidebar-dropdown .interior-sidebar-menu {
    position: absolute;
    top: 0;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    z-index: 1;
    padding: 0;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
  }

  .footer {
    background-image: url();
    padding: 1.5% 0 3%;
  }

  .banner-content p {
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
  }
  .event-single-entry-dm {
    font-size: 24px;
  }
  .single-event-entry {
    font-size: 16px;
  }
  .how-it-works-section,
  .process-section,
  .fund-distribution-section,
  .explore-the-data-section {
    padding: 50px 0;
  }
  .how-it-works-section:after {
    content: none;
  }
  .how-it-works-content-area,
  .the-process-steps-area {
    padding-top: 40px;
    padding-right: 40px;
  }
  .the-process-single-step p.indi-long-form-text__p--intro {
    padding-top: 7px;
  }
  .fund-distribution-section h6 {
    font-size: 10px;
    line-height: 18px;
  }
  .fund-distribution-single-bar {
    height: 40px;
  }
  .fund-distribution-section .nav-tabs > li {
    width: 5%;
  }
  .explore-the-data-box-1,
  .explore-the-data-box-2 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .search-faq-container .search-form,
  .faqs-menu {
    width: 100%;
  }
  .search-faq-container {
    margin: 25px 0;
  }
  .single-webinar-list {
    font-size: 14px;
  }
  .single-webinar-list strong {
    font-size: 16px;
  }

  /*Glossary*/
  #tt {
    left: 75px !important;
  }
  ul.glossary-letter-list li {
    margin: 0 7px;
  }

  /* Trainings */
  .single-training-agenda-detail p:first-child {
    margin-right: 0;
  }

  /* Community Outreach */
  .community-outreach-two-col-list ul li {
    width: 100%;
    float: none;
    clear: both;
  }

  /* Service Providers Landing Page*/
  .sp-funding-section {
    padding: 50px 0;
  }
  .sp-funding-single-program-box {
    margin: 30px 0 0;
  }
  .sp-funding-single-program {
    position: static;
  }
  .sp-funding-single-program-content {
    height: 175px;
  }
  .sp-program-participation-section {
    padding: 50px 0;
  }
  .sp-program-checkbox-area {
    margin-top: 10px;
  }
  .sp-program-participation-venn-container {
    height: 200px;
    margin-left: 25px;
  }
  .sp-program-participation-venn-1 {
    width: 85px;
    height: 85px;
    margin-left: 15px;
  }
  .sp-program-participation-venn-2 {
    height: 200px;
    width: 200px;
  }
  .sp-program-participation-venn-3 {
    margin-top: 45px;
    margin-left: -20px;
    width: 125px;
    height: 125px;
  }
  .sp-program-participation-venn-4 {
    margin-top: 30px;
    margin-left: -40px;
    height: 140px;
    width: 140px;
  }

  /* Homepage */
  .home-universal-fund-left-content h4 {
    padding-right: 0;
  }
  .home-single-program-mobile-box {
    margin: 20px 0;
  }
  .home-single-tagline {
    width: 100%;
    margin-top: 15px;
  }
  .home-service-providers-content,
  .home-service-providers-button {
    width: 50%;
    padding: 0 15px;
    padding-left: 0;
  }
  .home-service-providers-button {
    padding-left: 15px;
  }

  /* Page Breadcrumbs
	.page-breadcrumb {
		padding-left: 0;
		margin-left: 0;
	}
	.page-breadcrumb > a {
		padding-left: 0;
	}*/
  /* page breadcrumbs */
  .page-breadcrumb {
    margin-left: 0;
  }
  /*.page-breadcrumb a,
	.page-breadcrumb .current-page {
		font-size: 12px;
		line-height: 15px;
	}
	.page-breadcrumb > span {
		font-size: 10px;
		line-height: 1;
	}*/
  .page-breadcrumb {
    visibility: hidden;
  }
  .page-breadcrumb > a {
    display: none;
  }
  .page-breadcrumb > span:nth-child(2) {
    border-left: 0;
  }
  .page-breadcrumb span:nth-child(2) {
    padding-left: 10px;
    position: relative;
  }
  .page-breadcrumb span:nth-child(2) a:before {
    content: url(images/icons/caret-left.svg);
    display: inline-block;
    height: 9px;
    width: 16px;
    position: absolute;
    left: 0;
    top: -1px;
  }
  /* CSS for learn template */
  .three-column {
    display: flex;
    column-gap: 50px;
  }
  /* Code ends: CSS for learn template */
  /*CSS for about template */
  .videos-section.videos-column:nth-child(even),
  .video-column:nth-child(even) {
    float: none;
  }
  /*Code ends: CSS for about template */
  a.hyperlinked-image:after,
  a.hyperlinked-image:before,
  .remove-after:after,
  .remove-after:before {
    display: none !important; /* Remove :after and :before from buttons and hyperlinked images */
  }
  /*Landing page banner icon*/
  .landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
    left: 50%;
  }
  .service-providers-landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
    left: 50%;
  }

  /* CAREERS */
  .careers-bottom-banner h2 {
    color: #404040;
  }
  .careers-benefits-section {
    text-align: center;
  }
  .careers-single-benefit-box.odd {
    margin: 0px auto;
    padding: 5px;
  }
  .careers-single-benefit-box.even {
    margin: 0px auto;
    padding: 5px;
  }
  .careers-students-info-block-top,
  .careers-students-info-block-bottom {
    margin: 0px;
    padding: 10px;
  }
  .careers-students-info-bordered-box {
    margin: 10px;
    padding: 20px;
  }
  .careers-students-info-block {
    margin: 20px 0;
    padding: 10px;
  }
  .careers-students-info-bordered-box .students-hours-per-week {
    padding: 0px 0 0 10px;
  }
  .careers-students-info-bordered-box .students-location {
    margin: 10px 0px;
  }
  .careers-students-info-bordered-box .students-are-interns-paid {
    margin: 10px 0px;
    padding: 0px 0 0 10px;
  }
  .careers-students-info-bordered-box .students-program-timeline {
    padding: 10px 30px 10px 30px;
  }
  .yellow-alert
  {
    margin-top: 28px;
  }
}
/* End small and extra-small screens */

/*		Tablet Layout: 768px.	*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .alignright,
  .alignleft {
    text-align: center;
    margin: 20px;
    display: inline-block;
  }
  /* Added for covid-19 banner */
  .alert-block-notification {
    background-color: #ffdd96;
    color: #404040;
    fill: #404040;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    line-height: normal;
    padding: 12px 0px 6px 14px;
  }

  .alert-block-notification:before {
    content: url(images/icons/warning.svg);
    position: absolute;
    left: 0px;
    height: 18px;
    width: 18px;
    margin-top: 2.5px;
  }
  /* Added for covid-19 banner */
  a.hyperlinked-image:after,
  a.hyperlinked-image:before,
  .remove-after:after,
  .remove-after:before {
    display: none !important; /* Remove :after and :before from buttons and hyperlinked images */
    content: none !important;
  }

  /*Scroll top*/
  .svg-icon:before {
    display: inline-block;
    width: 18px;
    height: 18px;
  }
  .scroll {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #eee;
    padding-top: 7px;
    height: 35px;
    width: 35px;
    text-align: center;
    box-shadow: 0px 0px 10px #eee;
    z-index: 9;
    cursor: pointer;
    display: none;
    float: right;
    margin: 0 20px;
  }
  /*Landing page banner icon*/
  .landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 15px 15px 24px;
    left: 73%;
  }
  .service-providers-landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
    left: 80%;
  }
  /* CAREERS */
  .careers-bottom-banner {
    display: none;
  }

  .careers-benefits-section {
    text-align: center;
  }
  .careers-single-benefit-box.odd {
    margin: 0px 35px;
    padding: 5px;
    max-width: 260px;
  }
  .careers-single-benefit-box.even {
    margin: 0px 35px;
    padding: 5px;
    max-width: 260px;
  }
  .careers-students-block-right {
    position: absolute;
    bottom: 30px;
  }
  .careers-students-block .careers-students-block-right {
    margin-top: 15px;
  }
  .careers-students-block .search-button {
    margin-bottom: 370px;
  }
  .careers-students-info-block,
  .careers-students-info-block-top,
  .careers-students-info-block-bottom {
    margin: 0px;
    padding: 30px;
  }
  .careers-students-info-bordered-box {
    margin: 20px;
  }
  .careers-students-info-block {
    margin: 0 0 20px 0;
  }
  .careers-students-info-bordered-box .students-hours-per-week {
    padding: 0px 0 0 20px;
  }
  .careers-students-info-bordered-box .students-location {
    margin: 20px 0px;
  }
  .students-hours-per-week .students-are-interns-paid {
    margin: 20px 0px;
    padding: 0px 0 0 20px;
  }
  .careers-students-info-bordered-box .students-program-timeline {
    padding: 10px 30px 10px 30px;
  }
  .career-teams-popup {
    width: 90% !important;
  }
  
}
/*		Mobile Layout: 320px.    */

@media only screen and (max-width: 767px) {
  .alignright,
  .alignleft {
    float: none;
    text-align: center;
    margin: 10px auto;
    display: block;
  }
  .row-eq-height,
  .verticle-align-center-container {
    display: -webkit-block;
    display: -webkit-block;
    display: -ms-block;
    display: block;
    flex-wrap: wrap;
  }
  .row-eq-height > [class*="col-"],
  .verticle-align-center {
    display: -webkit-block;
    display: -webkit-block;
    display: -ms-block;
    display: block;
    flex-direction: column;
  }
  .verticle-align-center {
    margin: 10px 0;
  }
  /* change the header padding when you remove the covid-19 banner */
  header {
    padding: 20px 0;
    /*padding: 0 0 20px 0;*/
  }
  /* Added for covid-19 banner */
  .alert-block-notification {
    background-color: #ffdd96;
    color: #404040;
    fill: #404040;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: normal;
    margin-top: 14px;
    padding: 12px 0px 6px 14px;
  }

  .alert-block-notification:before {
    content: url(images/icons/warning.svg);
    position: absolute;
    left: 0px;
    height: 18px;
    width: 18px;
    margin-top: 2.5px;
  }
  /* Added for covid-19 banner */
  .logo {
    margin: 0;
  }
  .logo img {
    max-width: 150px;
    height: auto;
  }
  .header-right-area {
    position: absolute;
    top: -40px;
    right: 48px;
    margin: 0 24px 0 0;
  }
  .header-right {
    margin: 0;
    width: 100%;
  }
  .header-right:first-child {
    display: none;
  }
  .header-right .search-form {
    position: static;
    margin: 0;
    width: 100%;
  }
  .mobile-menu .navbar-collapse {
    top: 20px;
  }
  .navbar-header .navbar-toggle {
    top: -40px;
    margin: 0;
    right: 15px;
  }
  .mobile-menu ul:first-child {
    margin: 0;
  }

  .banner-section,
  .home-banner-section {
    background-image: url() !important;
    background-color: #fff;
  }
  .tribal-intro {
    background-image: url(https://www.usac.org/wp-content/uploads/about/images/tribal-nations/mobile_banner.png) !important;
    background-color: #fff;
  }
  .upcoming-date
  {
    padding-top: 50px;
  }
  .banner-section:before {
    background: 0;
  }
  .banner-content {
    height: auto;
  }
  .banner-content h1,
  .home-banner-section .home-banner-content h1 {
    color: #006aef;
  }
  .home-banner-section .home-banner-content p {
    color: #262626;
  }
  .banner-content p {
    color: #262626;
  }
  .banner-external-link a,
  .service-providers-banner-section a {
    color: #0052eb;
    fill: #0052eb;
    border-bottom: 1px #0052eb dashed;
  }
  .banner-external-link a:hover,
  .service-providers-banner-section a:hover,
  .banner-external-link a:focus,
  .service-providers-banner-section a:focus {
    color: #0039a3;
    fill: #0039a3;
    text-decoration: none;
    border-bottom: 1px #0039a3 dashed;
  }
  .banner-external-link a:after {
    content: url(images/blue-icons/external-link.svg);
  }
  .banner-external-link a:before {
    content: url(images/blue-icons/external-link-hover.svg);
  }
  .banner-external-link a:hover:after,
  .banner-external-link a:focus:after {
    content: url(images/blue-icons/external-link-hover.svg);
  }

  .manage-account {
    margin: 50px 0 40px;
    /* commented to remove the line and space on the top of the manage account section in mobile */
    /*border-top: 1px solid #eee;
		padding-top: 50px;*/
  }
  .manage-account a.indi-button {
    padding: 8px 16px 8px 16px;
  }
  .banner-external-link-sp a,
  .service-providers-banner-section a {
    color: #0052eb;
    fill: #0052eb;
    border-bottom: 1px #0052eb dashed;
  }
  .banner-external-link-sp a:hover,
  .service-providers-banner-section a:hover,
  .banner-external-link a:focus,
  .service-providers-banner-section a:focus {
    color: #0039a3;
    fill: #0039a3;
    text-decoration: none;
    border-bottom: 1px #0039a3 dashed;
  }
  .banner-external-link-sp a:after {
    content: url(images/blue-icons/external-link.svg);
    display: inline-block;
    height: 22px;
    width: 22px;
    position: relative;
    top: 2px;
    padding-left: 5px;
  }
  .banner-external-link-sp a:before {
    content: url(images/blue-icons/external-link-hover.svg);
  }
  .banner-external-link-sp a:hover:after,
  .banner-external-link-sp a:focus:after {
    content: url(images/blue-icons/external-link-hover.svg);
    display: inline-block;
    height: 22px;
    width: 22px;
    position: relative;
    top: 2px;
    padding-left: 5px;
  }
  .tri-section.indi-long-form-text:not(:only-child) {
    margin: 0;
  }
  .tri-section .resources-menu ul {
    max-width: 100%;
  }
  .resources-menu {
    margin-top: 50px;
  }

  .the-process-single-step p.indi-long-form-text__p--intro span {
    font-size: 20px;
    line-height: 28px;
  }
  .process-section button {
    margin-right: 5px;
    padding: 8px 16px;
  }
  .fund-distribution-single-bar {
    margin: 0 -15px;
  }
  .fund-distribution-section .nav-tabs > li {
    margin: 20px 15px 0;
    width: 10%;
  }
  .fund-bar-details h5 {
    margin-top: 40px;
  }

  .explore-the-data-single-box {
    margin: 20px 0;
  }

  .announcements-section h2 {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 32px;
  }
  .single-announcement-item,
  .single-announcement-item:hover,
  .single-announcement-item:focus {
    border: 0;
    padding: 0;
    height: auto;
    margin: 45px 0;
  }
  .single-announcement-item:first-child {
    margin-top: 0;
  }
  .announcements-section
    > div
    > div
    > div:first-child
    .single-announcement-item {
    height: auto;
    border: 0;
  }
  .single-announcement-item > span {
    left: 15px;
    right: auto;
    position: static;
    margin-top: 25px;
    display: inline-block;
  }
  .single-announcement-item h5 {
    font-size: 18px;
    line-height: 32px;
  }
  .read-more-link {
    text-align: left;
    margin-bottom: 50px;
  }
  .single-announcement-post {
    display: inline-block;
  }

  .footer-nav {
    border-bottom: 1px solid #e0e0e0;
  }
  .footer-nav ul.menu > li:first-child {
    margin: 0;
  }
  .footer-nav ul.menu > li:first-child > a {
    font-weight: 400;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 10px 0;
  }
  .footer-nav ul.menu > li:first-child > a:after {
    content: url(images/icons/add.svg);
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 30px;
    top: 14px;
  }
  .footer-nav ul.menu > li:first-child > a.active:after {
    content: url(images/icons/subtract.svg);
    top: 12px;
  }

  .footer-nav .sub-menu {
    display: none;
  }
  .footer-nav .sub-menu.active {
    display: block;
  }

  .copy-text {
    text-align: left;
    margin-top: 10px;
    line-height: 16px;
  }
  .copy-text span {
    display: block;
  }
  .single-webinar-list .button {
    text-align: left;
  }
  .single-webinar-list .button > div {
    margin: 10px 0;
  }
  .video-title .video-title-heading {
    height: auto;
  }
  #videoPopUp .modal-dialog {
    width: 100%;
  }
  #videoPopUp {
    padding: 0 !important;
  }
  .additional-resources-links {
    margin: 14px 0 0;
    width: 100%;
    float: none;
  }
  /* Glossary */
  form#glossary-searchform {
    width: 100%;
  }
  .single-glossary-item {
    width: 100%;
  }
  .single-glossary-item .single-glossary-item-details .modal-dialog {
    width: 90%;
  }
  .single-glossary-item .single-glossary-item-details .modal-content {
    padding: 15px;
  }
  .single-glossary-item
    .single-glossary-item-details
    .single-glossary-item-title {
    font-size: 18px;
    line-height: 24px;
  }
  .single-glossary-item .single-glossary-item-details .modal-content h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px;
  }

  /* Service Providers Landing Page*/
  /* .service-providers-banner-section {
    padding: 0 0 35px;
  } */
  .service-providers-banner-section h1 {
    margin: 50px 0 0;
  }
  .service-providers-banner-section p.content-beside-button {
    display: block;
    padding: 0;
    margin-left: 0 !important;
  }
  .contributors-section h2 {
    margin-top: 50px;
  }
  .sp-funding-section h2 {
    margin-bottom: 15px;
  }
  .sp-funding-single-program-content {
    height: auto;
  }
  .sp-program-participation-venn-container {
    display: none;
  }
  .sp-program-participation-total-value {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: 28px 0 0;
  }

  /* Homepage */
  .home-universal-fund-left-content,
  .home-service-providers-button {
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 25px;
  }
  .home-service-providers-content,
  .home-service-providers-button {
    width: 100%;
  }
  .home-service-providers-button {
    padding-left: 0;
  }
  .home-single-tagline {
    width: 100%;
    padding: 0 15px !important;
  }
  .home-universal-service-fund-right-area {
    padding-top: 25px;
  }
  .home-universal-service-fund-right-area h4 {
    font-size: 24px;
    line-height: 30px;
  }

  /* page breadcrumbs */
  .page-breadcrumb {
    margin-left: 0;
  }
  .page-breadcrumb a,
  .page-breadcrumb .current-page {
    font-size: 12px;
    line-height: 15px;
  }
  .page-breadcrumb > span {
    font-size: 10px;
    line-height: 1;
  }
  .page-breadcrumb span:nth-child(2) a:before {
    width: 14px;
    top: auto;
  }

  /* Training page */
  .training-accordion-btn a {
    bottom: 5px;
  }
  #training-date-and-location-tabs .faqs-menu {
    width: 100%;
  }

  /* Tools Page */
  div.single-tool-item-icon {
    right: 1px;
  }

  /* About Landing Page */
  .about-lp-principle-icons-container {
    display: -webkit-block;
    display: -webkit-block;
    display: -ms-block;
    display: block;
  }
  .about-lp-single-icon {
    width: 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .about-lp-single-icon-content {
    width: 100%;
  }
  .about-lp-single-icon-content img {
    margin: 0 auto;
  }
  .about-lp-single-icon-content span {
    margin: 15px 0 0;
  }
  .single-icon-content {
    width: 100%;
    padding-bottom: 20px;
  }
  .single-icon-content img {
    margin: 10px 0 0 0;
    float: left;
  }
  .single-icon-content span {
    margin: 15px 0 0;
  }
  /* Contact Form */
  .gform_wrapper .indi-form__fieldset .indi-form__input-row {
    margin: 0 -16px;
  }
  .gform_wrapper .indi-form__input-row .indi-form__input-group--1-2 {
    width: 100%;
  }

  /* FAQs */
  .faq-section .single-faq-answer .faq-answer-number {
    font-size: 16px;
    line-height: 22px;
  }

  /* Executive Page */
  .executive-team-page-content .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .executive-team-page-content .row-eq-height > [class*="col-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  .executive-team-page-content .row-eq-height > .col-xs-4 {
    width: 50%;
  }
  .executive-modal-popup .modal-content .modal-body img {
    width: 100%;
  }
  /* hawkssearch css */
  .hawk-railNavHeading:after {
    border: 0 !important;
    border-bottom: 0 !important;
    top: 2px !important;
    right: -3px !important;
    content: url(/wp-content/themes/Universal%20Service%20Administrative%20Company/images/grey-icons/caret-down.svg) !important;
    height: 18px !important;
    width: 28px !important;
    padding-left: 10px !important;
  }
  /* Code ends - hawkssearch css*/
  /* CSS for learn template */
  .three-column {
    display: block;
    column-gap: 0px;
    margin: 0px;
  }
  .three-column > .col-xs-4 {
    width: 100%;
  }
  /* Code ends: CSS for learn template */
  a.hyperlinked-image:after,
  a.hyperlinked-image:before,
  .remove-after:after,
  .remove-after:before {
    display: none !important; /* Remove :after and :before from buttons and hyperlinked images */
    content: none !important;
  }
  /*Scroll top*/
  .svg-icon:before {
    display: inline-block;
    width: 18px;
    height: 18px;
  }
  .scroll {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #eee;
    padding-top: 7px;
    height: 35px;
    width: 35px;
    text-align: center;
    box-shadow: 0px 0px 10px #eee;
    z-index: 9;
    cursor: pointer;
    display: none;
    float: right;
    margin: 0 20px;
  }
  /*Landing page banner icon*/
  .landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
    left: 50%;
    top: 40%;
  }
  .service-providers-landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
    left: 50%;
    top: 25%;
  }
  .career-teams-popup {
    width: 85% !important;
  }
  .career-teams-body {
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
  }
  .career-teams-body h3 {
    font-size: 24px;
    padding: 15px 0px;
  }
  .career-teams-pophead {
    font-weight: 600;
    color: #404040;
    font-size: 16px;
  }
}

/* Landscape View CSS */
@media only screen and (orientation: landscape) and (max-width: 767px) {
  .alignright,
  .alignleft {
    text-align: center;
    margin: 20px;
    display: inline-block;
  }
  .alignright {
    float: right;
  }
  .alignleft {
    float: left;
  }
  #videoPopUp .modal-dialog {
    width: 85%;
  }
  .copy-text span {
    display: inline-block;
  }
  .sp-funding-single-program-box {
    width: 50%;
    float: left;
  }
  .sp-funding-single-program-content {
    height: 200px;
  }
  .sp-program-participation-venn-container {
    display: block;
  }
  .sp-program-participation-section div.row.row-eq-height {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .sp-program-participation-section .row-eq-height > [class*="col-"] {
    width: 35%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  .sp-program-participation-section
    .row-eq-height
    > [class*="col-"]:last-child {
    width: 30%;
  }

  .home-banner-section .home-banner-content h1 {
    width: 50%;
  }

  /* About Landing Page */
  .about-lp-principle-icons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .about-lp-single-icon {
    width: auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .about-lp-single-icon-content {
    width: fit-content;
  }
  .about-lp-single-icon-content span {
    margin: 30px 0 0;
  }
  .single-icon-content {
    width: fit-content;
    padding-bottom: 20px;
  }
  .single-icon-content span {
    margin: 30px 0 0;
  }
  /* Training Page */
  #training-date-and-location-tabs .faqs-menu {
    width: 50%;
  }

  /* Executive Page */
  .executive-team-page-content .row-eq-height > .col-xs-4 {
    width: 33.33333333%;
  }
  .executive-modal-popup .modal-content .modal-body img {
    width: 50%;
  }
  /* hawkssearch css */
  .hawk-railNavHeading:after {
    border: 0 !important;
    border-bottom: 0 !important;
    top: 2px !important;
    right: -3px !important;
    content: url(/wp-content/themes/Universal%20Service%20Administrative%20Company/images/grey-icons/caret-down.svg) !important;
    height: 18px !important;
    width: 28px !important;
    padding-left: 10px !important;
  }
  /* Code ends - hawkssearch css*/
  /* CSS for learn template */
  .three-column {
    display: block;
    column-gap: 0px;
    margin: 0px;
  }
  .three-column > .col-xs-4 {
    width: 100%;
  }
  /* Code ends: CSS for learn template */
  a.hyperlinked-image:after,
  a.hyperlinked-image:before,
  .remove-after:after,
  .remove-after:before {
    display: none !important; /* Remove :after and :before from buttons and hyperlinked images */
    content: none !important;
  }
  .landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 15px 15px 24px;
  }
  .service-providers-landing-page-video-play-icon:after {
    content: url(images/play-icon.png);
    width: 75px;
    height: 75px;
    padding: 20px 25px;
  }
  .career-teams-popup {
    width: 60% !important;
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  * {
    cursor: pointer;
  }
}
@media screen and (min-width: 2000px) {
  .banner-section {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
/* Conditional target only for IE 10 and 11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nav-menu ul.navbar-nav > li {
    float: none;
    display: inline-block;
    margin: 0 38px;
    position: static;
    border-bottom: 5px solid transparent;
  }
}
@media (min-width: 2000px) {
  .banner-section {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}