/*		Desktop	*/

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

/*		Medium Device	*/

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

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

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

}



/*		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;
	}
	.banner-section:before {
		background: 0;
	}
	.banner-content {
		height: auto;
	}
	.banner-content h1,
	.home-banner-section .home-banner-content h1 {
		color: #006AEF;
	}
	.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;
}
}


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

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