@media only screen and (max-width: 1200px) {
	#primary.scholarly-article-detail .content-section .custom-breadcrumbs,
	#primary.staff .content-section .custom-breadcrumbs,
	.content-section.about-us .custom-breadcrumbs {
		left: unset;
		padding: 0 20px;
	}
}

@media only screen and (max-width: 921px) {
	#home-searchform .filter-title,
	#home-searchform .filter-wrapper {
		display: none;
	}

	.home-search-mobile-section,
	.learning-resources-search-mobile-section {
	    display: block;
	}

	.home-search-wrapper .search-input-wrapper.w-60-p {
		width: 100%;
	}

	.fl-module-info-box.learning-journey .uabb-infobox-content .uabb-infobox-title,
	.fl-module-info-box.learning-journey .uabb-infobox-content .uabb-infobox-text {
		height: unset;
	}

	.fl-row.row-with-bg-img-on-top > .fl-row-content-wrap {
		background-size: 185%;
    	background-position: right top;
	}

	.nexus-share {
		margin-left: -5px;		
        margin-right: 5px;
        margin-bottom: 5px;
	}

	.nexus-share .uabb-social-share-wrap.uabb-ss-column-auto .uabb-style-inline .uabb-ss-grid-item:first-child {
		margin-left: 5px !important;
	}

	.scholarly-article-detail-hero-section > .fl-row-content {
		padding: 24px 20px 28px 20px;
		background: #F1F3F7;
		border-bottom: 1px solid #D8E3F0;
		border-top: 1px solid #D8E3F0;
	}

	.scholarly-article-detail-hero-section > .fl-row-content .fl-col-content .scholarly-article-wrapper {
		max-width: unset;
	}

	.staff-hero-section {
		padding: 25px 20px 28px;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #D8E3F0;
		background-position: right top;
	}

	.staff-hero-section:after {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    bottom: 0;
	    left: 0;
	    background: linear-gradient(178deg, #f1f3f70d 0%, #F1F3F7 65%);
	    z-index: 0;
	}

	.staff-hero-section > .fl-row-content .staff-content-row {
    	flex-direction: column-reverse;
        z-index: 1;
        position: relative;
	}

	.staff-hero-section > .fl-row-content .fl-col-content {
    	max-width: unset;
	}

	.learning-resources-category .result-wrapper {
		padding: 0 20px;
	    flex-direction: column;
	}

	.learning-resources-category .content-row-wrapper .content-row .home-search-wrapper {
		padding: 0 20px;
	}

	.learning-resources-category .keyword-search {
		padding: 0;
	}

	.learning-resources-category .learning-resources-search-mobile-section {
	    padding: 0 20px;
	    margin-top: 16px;
	    padding-bottom: 75px;
	}

	.learning-resources-category .content-row-wrapper .content-row .result-wrapper .left-filter-col {
		display: none;
	}

	.learning-resources-category .content-row-wrapper .content-row .result-wrapper .right-result-col,
	.learning-resources-category .right-result-col .post-items .post-item {
		width: 100%;
	}

	.learning-resources-category .right-result-col .result-show {
    	justify-content: center;
    	width: 100%;
	}

	.learning-resources-category .right-result-col .post-items {
		row-gap: 16px;
	}

	.hide-bg-on-mobile > .fl-row-content-wrap {
		background-image: none;
	}
}

@media only screen and (max-width: 768px) {
	.fl-col-small:not(.fl-col-small-full-width) {
		max-width: unset;
		top: 0;
	}

	.fl-row.content-section > .fl-row-content-wrap {
		padding-top: 0;
		padding-bottom: 0;
	}

	.custom-breadcrumbs {
	    padding: 24px 20px;
	}

	article.learning-resource .fl-row.content-section .fl-row-content > .fl-col-group:has(.fl-col.fl-col-sticky) .fl-col-sticky,	
	article.learning-resource .fl-row.content-section .fl-row-content > .fl-col-group:has(.fl-col.fl-col-sticky) .fl-col:nth-child(2) {
    	width: 100% !important;
	}

	article.learning-resource .fl-row.content-section .fl-row-content > .fl-col-group:has(.fl-col.fl-col-sticky) .fl-col-sticky {
		top: 0;
	}

	.fl-row.gray-hero-row .fl-module-heading,
	.fl-row.blue-hero-row .fl-module-heading {
		text-align: center;
	}

	.fl-row.gray-hero-row > .fl-row-content-wrap,
	.fl-row.blue-hero-row > .fl-row-content-wrap {
        background-size: cover;
    	background-position: center;
	}

	.fl-row.gray-hero-row > .fl-row-content-wrap:after {
        background: #F1F3F7;
        opacity: 0.8;
	}

	.fl-row.blue-hero-row > .fl-row-content-wrap:after {
        background: linear-gradient(90deg, #003D7C 20.25%, #00ACBA 100%);
        opacity: 0.8;
	}

	.below-header-search {
		padding-left: 20px;
		padding-right: 20px;
	}

	.scholarly-article-detail-hero-section > .fl-row-content .fl-col-content .scholarly-article-wrapper .button-wrapper {
		padding-bottom: 25px;
	}

	.nexus-share .fl-module-content .uabb-ss-wrap .uabb-ss-grid-item,
	.nexus-share .uabb-ss-icon {
		width: 35px;
		height: 35px;
	}

	.social-row .fl-col.social-col > .fl-col-content:before {
		top: -5px;
		height: calc(100% + 5px);
	}

	.fl-col.social-col > .fl-col-content .fl-module.fl-module-rich-text > .fl-module-content {
		margin: 0 3px;
	}

	.fl-col.social-col > .fl-col-content .fl-module.fl-module-rich-text > .fl-module-content .fl-rich-text p {
		font-size: 11px;
	}

	.fl-builder-content .resource-type-info-box .infobox-icon-left .uabb-infobox-content {
		width: 100%;
        text-align: center;
	}

	.fl-builder-content .resource-type-info-box .infobox-icon-left .uabb-infobox-content > .uabb-infobox-title-wrap {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.fl-builder-content .resource-type-info-box .infobox-icon-left .uabb-infobox-content > .uabb-infobox-title-wrap > .uabb-imgicon-wrap {
	    margin-top: 0;
	    margin-bottom: 6px;
	}

	[id] {
	    scroll-margin-top: 90px;
	}

	.learning-resources-category > .hero-section {
		background-size: cover;
	}

	.learning-resources-category > .hero-section:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: linear-gradient(90deg, #003D7C 20.25%, #00ACBA 100%);
	    z-index: -1;
	}

	.learning-resources-category > .hero-section:after {
		z-index: 0;
		opacity: 0.8;
	}

	.learning-resources-category > .hero-section .hero-section-content .category-title {
		z-index: 5;
		text-align: center;
		position: relative;
	}

	.subcription-popup-overlay > .uabb-modal-close.uabb-close-custom-top-right {
	    top: 35px;
	    right: 15px;
        width: 40px;
	    height: 40px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    background: black;
	    border-radius: 50%;
	}

	.subcription-popup-overlay > .uabb-modal-close.uabb-close-custom-top-right .uabb-close-icon {
		color: white;
		font-size: 30px;
	}

	.subcription-popup-overlay > .uabb-modal > .uabb-content {
		width: 100%;
	}

	.subcription-popup-overlay > .uabb-modal > .uabb-content > .uabb-modal-content-data {
		padding: 0;
	}

	.subcription-popup-overlay .uabb-modal-content-data {
	    height: 100vh !important;
	}
	
	.animation-bg-tabs .fl-module-content .uabb-tabs .uabb-tabs-nav > ul > li {
		width: 50% !important;
	}
}

@media only screen and (max-width: 481px) {
	.fl-module-button .fl-button-wrap a.fl-button {
		width: 100%;
		text-align: center;
	}

	.fl-row.row-with-bg-img-on-top > .fl-row-content-wrap {
		background-size: 285%;
	}
	
	.image-row-about-us {
		transform: translateY(-50px);
		padding: 0 20px;
		margin-bottom: -25%;
	}

	.image-row-about-us .fl-row-content > .fl-col-group {
		display: flex;
		gap: 10px;
	}

	.image-row-about-us .fl-row-content > .fl-col-group > .fl-col {
	    max-width: calc(50% - 5px);
	}

	.image-row-about-us .fl-row-content > .fl-col-group > .fl-col .fl-module-photo > .fl-module-content {
		margin: 0;
	}
	
	/* .image-row-about-us {
		margin-bottom: -25%;
	}

	.image-row-about-us .fl-row-content > .fl-col-group .fl-col:first-child {
	    max-width: 65%;
    	margin: unset;
	}

	.image-row-about-us .fl-row-content > .fl-col-group .fl-col:first-child .fl-photo-content {
		text-align: left;
		margin-left: 16px;
	}

	.image-row-about-us .fl-row-content > .fl-col-group .fl-col:nth-child(2) {
	    position: absolute;
	    right: 0;
	    top: 50%;
	    transform: translate(50%, -50%);
	    width: calc(70% - 24px) !important;
	}

	.image-row-about-us .fl-row-content > .fl-col-group .fl-col .fl-photo-content img.fl-photo-img {
		width: 100%;
		object-fit: cover;
	}

	.image-row-about-us .fl-row-content > .fl-col-group .fl-col:nth-child(n + 3) {
		display: none;
	}*/

	.animation-bg-tabs .fl-module-content .uabb-tabs .uabb-tabs-nav > ul {
		width: 100%;
	}

	.animation-bg-tabs .fl-module-content .uabb-tabs .uabb-tabs-nav > ul:before {
		width: calc((var(--total-width, 0) / 2) - 5px);
	}

	.animation-bg-tabs .fl-module-content .uabb-tabs > nav ul li a.uabb-tab-link {		
	    display: flex;
	    flex-direction: column;
	    min-width: unset;
	    padding: 15px 0;
	}

	.animation-bg-tabs .fl-module-content .uabb-tabs .uabb-tabs-nav > ul > li a .uabb-tab-title {
		font-size: 16px;
	}

	.fl-col-group-equal-height .fl-col.right-col-anchor-menu {
		display: none;
	}

	.anchor-menu {
		position: sticky;
	    float: unset;
	    max-width: unset;
	    top: 0;
	    z-index: 10;
	}

	.anchor-menu .fl-button-group-layout-horizontal .fl-button-group-buttons {
    	flex-direction: column;
    	padding: 12px 21px 16px 34px;
    	background: #F1F3F7;
    	border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #D8E3F0;
	}

	.anchor-menu  a.fl-button, .anchor-menu  a.fl-button:visited {
		background: none;
	}

	.anchor-menu > .active-item {
		padding: 12px 20px 12px 36px;
		background: #F1F3F7;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		border-color: #D8E3F0;
        display: block;
        position: relative;
	}

	.anchor-menu > .active-item:after {
		content: "";
		width: 22px;
		height: 22px;
		right: 20px;
		background-image: url(../images/svg/arrow.svg);
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(0);
        transition: 0.5s;
	}

	.anchor-menu > .active-item.expanded:after {
        transform: translateY(-50%) rotate(180deg);
	}

	.anchor-menu > .active-item i.fl-button-icon {
	    position: absolute;
	    left: 16px;
	    font-size: 7px;
	    top: 50%;
	    transform: translateY(-50%);
	    color: #EF7C00 !important;
	}

	.anchor-menu > .active-item .fl-button-text {
		font-weight: bold;
		color: #212E48;
	}

	.anchor-menu > .fl-module-content {
		display: none;
		margin: 0;
	}

	.footer-copyright-row {
	    position: relative;
	}

	.footer-copyright-row:before {
	    content: "";
	    position: absolute;
        width: calc(100% - 40px);
	    height: 0.5px;
	    top: 0;
	    left: 20px;
	    background: #F8F8F8;
	    opacity: 0.3;
	    z-index: 2;
	}

	.footer-copyright-row > .fl-row-content-wrap {
		border-top-width: 0 !important;
	}	

	.learning-resources-category .right-result-col .post-items .post-item .post-item-content .post-category {
    	align-items: flex-start;
	    line-height: 20px;
    	padding: 6px;
	}

	.learning-resources-category .right-result-col .post-items .post-item .post-item-content .post-category > svg {
    	margin-top: 3px;
	}

	.learning-resources-category > .hero-section > .hero-section-content {
	    padding: 26px 20px;
	}
}

@media only screen and (max-width: 389px) {
	.home-search-wrapper .search-input-wrapper input.search-input {
		font-size: 13px;
	}
}

@media only screen and (max-width: 320px) {
	.home-search-wrapper .search-input-wrapper input.search-input {
		font-size: 10px;
	}
}