@media screen and (max-width: 1300px) {	
	.fl-row.fl-row-full-width > .fl-row-content-wrap > .fl-row-content {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1240px) {	
	.ast-container .previous-page-navigation {
		left: 20px;
	}
}

@media screen and (max-width: 1025px) {
    .secondary-button-light-bg .uabb-module-content.uabb-creative-button-wrap > a.uabb-button, 
    .secondary-button-light-bg .fl-module-content .fl-button-wrap > a.fl-button {
        display: block;
        text-align: center;
    }

	/* Right Side Bar Navigation On Level 3 Pages */
	.sticky-col {
		display: none !important;
	}

	.story-details .sticky-col {
		display: block;
	}

	/* Mobile Top Menu */
	#mobile-top-menu-wrap {
		display: block;
	}

	#mobile-top-menu-wrap .fl-module-heading {
		box-shadow: 0 2px 16px -4px #10182824, 0 0 6px -2px #10182808;
		border-radius: 0 0 4px 4px;
        background: linear-gradient(174.87deg, #854DCB 13.18%, #382C74 80.97%);
		border-bottom: 4px solid #DDB428;
		padding: 15.5px 0;
	}

	#mobile-top-menu-wrap .fl-module-heading > .fl-module-content {
		margin: 0;
	}

	#mobile-top-menu-wrap .fl-module-heading .fl-heading-text {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #FFFFFF;
		padding: 0 20px;
	}

	#mobile-top-menu-wrap .menu-right-side {
		background: #FFFFFF;
		border-radius: 4px;
		box-shadow: 0 2px 16px -4px #10182824, 0 0 6px -2px #10182808;
		display: none;
	}

	#mobile-top-menu-wrap .menu-right-side > .fl-module-content {
		margin: 0;
	}

	#mobile-top-menu-wrap .menu-right-side .uabb-creative-menu.uabb-menu-default .menu > li > a {
		padding-left: 40px;
	}

	.menu-right-side .uabb-creative-menu ul.menu > .menu-item.current-menu-item > a {
		border-left: 8px solid #EF7C00;
	}

	#mobile-top-menu-wrap #menu-right-side-id .fl-button-group-buttons {
		display: flex;
		flex-direction: column;
	}

	#mobile-top-menu-wrap #menu-right-side-id .fl-button-group-buttons .fl-button-wrap > a.fl-button {
		display: inline-block;
		width: 100%;
		padding-left: 40px;    
	}

	#mobile-top-menu-wrap #menu-right-side-id .fl-button-group-buttons .fl-button-wrap.active > a.fl-button {
		border-left: 8px solid #EF7C00;
	}

	#mobile-top-menu-wrap #menu-right-side-id {
		background: #FFFFFF;
		border-radius: 4px;
		box-shadow: 0 2px 16px -4px #10182824, 0 0 6px -2px #10182808;
		display: none;
	}

	#mobile-top-menu-wrap {
		display: block;
		z-index: 0;
	}

    /* Adminssion Info Box */
    .admission-info-box > .fl-module-content > .infobox-photo-left .uabb-imgicon-wrap {
        top: -114px;
        margin-right: 0;
    }

    .admission-info-box > .fl-module-content > .infobox-photo-left .uabb-infobox-content {
        width: calc(100% - 130px);
        padding: 170px 32px 50px 32px;
    }

    /* Info Box On Page No Side Bar */
    .info-box-no-side-bar > .fl-module-content > .infobox-photo-left .uabb-imgicon-wrap {
        top: -114px;
        margin-right: 0;
    }

    .info-box-no-side-bar > .fl-module-content > .infobox-photo-left .uabb-infobox-content {
        width: calc(100% - 130px);
        padding: 360px 32px 50px 32px;
    }

    /* Admission - Check Your Eligitility, Overview of Application Process, FAQ Sections */
    .admission-eligibility > .fl-col-content:before,
    .admission-application-process > .fl-col-content:before,
    .admission-faq > .fl-col-content:before {
        content: none;
    }

	

	/* Site logo */
	#ast-mobile-header .site-logo-img img,
	#ast-mobile-header .nus-faculty-logo img.custom-logo {
		max-height: 34px;
		width: auto;
	}

	#ast-mobile-header .site-header-primary-section-right .ast-builder-layout-element {
		height: 100%;
	}

	/* Site Menu */
	#page {
		overflow: hidden;
	}

	#ast-mobile-header.ast-mobile-header-wrap .ast-mobile-header-content {
		transform: translateX(100%);
		position: absolute;
		transition: 0.5s;
		opacity: 0;
		display: block !important;		
        width: 100%;
	}

	#ast-mobile-header.ast-mobile-header-wrap .ast-mobile-header-content .ast-mm-custom-text-content {
		padding: 16px 20px 0;
		line-height: 23.8px;
		font-size: 14px;
	}

	#ast-mobile-header.ast-mobile-header-wrap .ast-mobile-header-content.mobile-menu-activated {
		transform: translateX(0);
		opacity: 1;
	}

	#ast-mobile-header.ast-mobile-header-wrap .ast-mobile-header-content.fade-out {
		opacity: 0;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li a.menu-link {
		color: #003D7C;
		border-bottom: 1px solid #EAECF0;
		font-weight: bold;		
        line-height: 180%;
        padding-top: 10px;
        padding-bottom: 10px;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li ul.sub-menu li .ast-icon {
		display: none;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-item,
	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-parent {
		background-color: #FAF6E2;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-item a.menu-link,
	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-parent li.current_page_item > a.menu-link,
	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-item button.ast-menu-toggle,
	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-parent button.ast-menu-toggle {
		color: #EF7C00;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-item ul.sub-menu {
		background: #fcf9f0;
	}

	#ast-mobile-header .main-navigation #ast-hf-mobile-menu li.current-menu-item ul.sub-menu li a.menu-link {
		background: #fcf9f0;
		color: #003D7C;
		border-bottom: none;
	}

	/* Page Layout */
	.hero-section-row .fl-row-content-wrap > .fl-row-content > .fl-col-group {		
		flex-direction: column-reverse;
	}

	.hero-section-row .fl-row-content-wrap > .fl-row-content > .fl-col-group .fl-col {		
		width: 100%;
	}

	/* .hero-section-row .fl-row-content-wrap > .fl-row-content > .fl-col-group .fl-col > .fl-col-content {		
		margin: 0;
		padding: 0;
	}
	.hero-section-row .fl-row-content-wrap > .fl-row-content > .fl-col-group .fl-col > .fl-col-content .fl-module-content {
		margin: 0;
		padding: 0 20px;
	} */

	/* Info Box Right Side Bar on Mobile */
	.fl-module.info-box-right-side-bar.on-mobile > .fl-module-content > .uabb-module-content .uabb-infobox-left-right-wrap > .uabb-module-content {
		width: 50%;
		margin: 0;
	}
	
	.fl-module.info-box-right-side-bar.on-mobile > .fl-module-content > .uabb-module-content .uabb-infobox-left-right-wrap > .uabb-infobox-content {
		width: 50%;;
	}
	
	.fl-module.info-box-right-side-bar.on-mobile > .fl-module-content > .uabb-module-content .uabb-infobox-left-right-wrap > .uabb-module-content > .uabb-image {
		margin-right: 20px;
	}
	
	.fl-module.info-box-right-side-bar.on-mobile > .fl-module-content > .uabb-module-content .uabb-infobox-left-right-wrap > .uabb-module-content > .uabb-image .uabb-image-content,
	.fl-module.info-box-right-side-bar.on-mobile > .fl-module-content > .uabb-module-content .uabb-infobox-left-right-wrap > .uabb-module-content > .uabb-image .uabb-image-content img {
		width: 100%;
	}
	
	/* Scroll to content on Hero content row */
	.hero-content-row {
		position: relative;
	}
	
	.hero-content-row .scroll-to-content {
		text-align: center;
		position: absolute;
		left: 50%;
        transform: translate(-50%, -50px);
	}

	.hero-content-row .scroll-to-content > #img-scroll-to-content {
		max-width: 48px;
	}

	/* Card with description */
	.card-with-description .uabb-infobox-content .uabb-infobox-text-wrap {
		margin-bottom: 18px;
	}

	.fl-module-ws-image-carousel .uabb-image-carousel .uabb-image-carousel-item > .uabb-image-carousel-content {
		margin: 20px auto;
	}
}

@media screen and (max-width: 900px) {
	/* OSA Advanced Tabs */
	.osa-advanced-tab .fl-module-content .uabb-tabs ul.osa-advanced-tab-select-mobile {
		display: flex;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
	}

	.osa-advanced-tab .uabb-tabs nav.uabb-tabs-nav {
		display: block;
	}

	.osa-advanced-tab .uabb-tabs nav.uabb-tabs-nav > ul:not(.osa-advanced-tab-select-mobile) {
		display: none;
	}
	
	.osa-advanced-tab .uabb-tabs .uabb-content-wrap > .section > .uabb-tab-acc-title {
		display: none;
	}

	.osa-advanced-tab .uabb-tabs .uabb-tabs > ul.osa-advanced-tab-select-mobile li:not(.uabb-tab-current) a {
		border: none;
	}

	.osa-advanced-tab .uabb-tabs .uabb-tabs > ul.osa-advanced-tab-select-mobile li.uabb-select-current.clicked a.uabb-tab-link .uabb-tabs-icon i {
		transform: rotate(180deg);
	}

	.osa-advanced-tab .uabb-tabs .uabb-tabs > ul.osa-advanced-tab-select-mobile li.uabb-select-current a.uabb-tab-link .uabb-tabs-icon i {
		transform: rotate(0);
	}
	/* OSA Advanced Tabs */

	.residential-staff .uabb-infobox-text-wrap {
		margin-bottom: 85px;
	}
}

@media screen and (max-width: 481px) {
     /* Adminssion Info Box */
	 .admission-info-box > .fl-module-content > .infobox-photo-left .uabb-imgicon-wrap {
        top: -114px;
        margin-right: 32px;
    }

    .admission-info-box > .fl-module-content > .infobox-photo-left .uabb-infobox-content {
        width: calc(100% - 32px);
        padding: 143px 32px 50px 32px;
    }

	/* Residential Staff Styling */
	.residential-staff .uabb-infobox-button .uabb-module-content.uabb-creative-button-wrap a {
		position: relative;
		bottom: 0;
	}

	.residential-staff .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-button {		
		margin-top: 15px;
    	margin-bottom: 20px;	
	}

	/* Info Box On Page No Side Bar */
    .info-box-no-side-bar > .fl-module-content > .infobox-photo-left .uabb-infobox-content {
        width: calc(100% - 52px);
        padding: 120px 32px 50px 32px;
    }

	.info-box-no-side-bar > .fl-module-content > .infobox-photo-left .uabb-imgicon-wrap .uabb-image-content {
		max-width: 303px;
		aspect-ratio: 303 / 227;
	}

	/* Scroll to content on Hero content row */
	.row-with-scroll-icon .scroll-to-content {
		transform: translate(-50%, -40px);
	}

	.ast-container .previous-page-navigation {
		top: 20px;
	}

	.hero-content-row.fl-row > .fl-row-content-wrap {
		padding-top: 50px;
    	background-position: 20% center;
	}

	/* Column Purple Gradient Background */
	.hostel-gradient-col {
		width: 100vw !important;
  		left: -20px;
  		padding: 0 20px;
		background-image: rgb(151,47,205);
		background-image: -moz-linear-gradient(181deg, rgba(151,47,205,1) -43.88%, rgba(56,44,116,1) 184.21%);
		background-image: -webkit-linear-gradient(181deg, rgba(151,47,205,1) -43.88%, rgba(56,44,116,1) 184.21%);
		background-image: linear-gradient(181deg, rgba(151,47,205,1) -43.88%, rgba(56,44,116,1) 184.21%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#972fcd",endColorstr="#382c74",GradientType=1);
	}

	/* Residential Staff Popup */
	.residential-staff-modal-overlay .uabb-text-editor table tr:first-child {
	    display: flex;
    	flex-direction: column;
	}

	.residential-staff-modal-overlay .uabb-text-editor table tr:first-child > td {
	    width: 100% !important;
	} 

	.residential-staff-modal-overlay .uabb-text-editor table tr:first-child td:nth-child(2) {
	    padding-left: 0;
	    padding-top: 30px;
	}

	/* Scroll To Top */
	#ast-scroll-top.ast-scroll-top-icon .ast-icon.icon-arrow svg {
		width: 20px;
		height: 20px;
		top: 15%;
	}

	.residential-staff .uabb-infobox-button .uabb-module-content.uabb-creative-button-wrap a {
	  left: 0;
	}

	/* Testimonial General Module */
	.testimonials-general .ws-testimonials > .ws-testimonial > .ws-testimonial-photo .uabb-image-content::before {
	  height: 100%;
	}
	/* End Testimonial General Module */

	.fl-builder-content .residential-staff > .fl-module-content > .uabb-infobox {
		min-height: unset;
	}

	.fl-builder-content .residential-staff > .fl-module-content > .uabb-infobox .uabb-infobox-text-wrap {
		margin-bottom: 24px;
	}

	.fl-col-group.fl-col-group-equal-height:has(.card-with-description) .fl-col > .fl-col-content > .card-with-description > .fl-module-content > .uabb-module-content {
		height: unset;
	}

	.ast-logo-title-inline .site-logo-img {
		padding: 0;
		display: flex;
		align-items: center;
	}

	.site-branding .nus-faculty-border {
		margin: 0 10px;
	}

	.fl-module-ws-content-slider .fl-slide .fl-slide-cta-button .fl-button-wrap a.fl-button {		
        justify-content: flex-start;
	}
}

@media screen and (max-width: 350px) {
	#ast-mobile-header .site-logo-img img, 
	#ast-mobile-header .nus-faculty-logo img.custom-logo {
		max-width: 95px;
	}

	#ast-mobile-header .ast-primary-header-bar > .ast-builder-grid-row {
		grid-column-gap: 5px;
	}

	#ast-mobile-header .site-header-primary-section-right .ast-builder-layout-element {
		padding: 0;
	}
}