/*
* ABU Business School - Responsive Stylesheet
* Version: 1.0
*/

/*--------------------------------------------------------------
# Extra Large Devices (large desktops, 1200px and up)
--------------------------------------------------------------*/
@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    
    /* Refined spacing for larger screens */
    section {
        padding: 100px 0;
    }
    
    /* Enhanced banner for large screens */
    .banner__height {
        height: 700px;
    }
    
    .banner__slides--content--title {
        font-size: 4rem;
    }
    
    /* More spacious footer on large screens */
    .footer {
        padding: 80px 0 50px;
    }
}

/*--------------------------------------------------------------
# Large Devices (desktops, 992px to 1199px)
--------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Adjust banner height */
    .banner__height {
        height: 600px;
    }
    
    /* Slightly reduce font sizes */
    .banner__slides--content--title {
        font-size: 3.2rem;
    }
    
    h2.rts__section--title {
        font-size: 2.2rem;
    }
    
    /* Adjust programs layout */
    .program__single--item--title {
        font-size: 1.3rem;
    }
    
    /* Fun facts adjustments */
    .single-cta-item__title {
        font-size: 2.8rem;
    }
    
    /* Footer adjustments */
    .footer-widget {
        padding-right: 15px;
    }
}

/*--------------------------------------------------------------
# Medium Devices (tablets, 768px to 991px)
--------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Header adjustments */
    .apply-btn {
        margin-left: 10px;
        padding: 8px 15px;
        font-size: 0.85rem;
    }
    
    /* Banner adjustments */
    .banner__height {
        height: 450px;
    }
    
    .banner__slides--content--title {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    
    .banner__slides--navigation {
        padding: 10px 0;
    }
    
    .banner__slides--navigation--single {
        padding: 15px;
    }
    
    /* Section title adjustments */
    h2.rts__section--title {
        font-size: 2rem;
    }
    
    /* About section adjustments */
    .about__right--content--title {
        font-size: 2rem;
    }
    
    .rts__circle {
        width: 80px;
        height: 80px;
    }
    
    /* Program adjustments */
    .program__single--item--bg {
        height: 200px;
    }
    
    /* Campus life section */
    .campus__single--item--thumb img {
        height: 220px;
    }
    
    /* Fun facts adjustments */
    .single-cta-item__title {
        font-size: 2.5rem;
    }
    
    /* Events section */
    .event__background {
        height: 350px;
    }
    
    /* Blog section */
    .blog__single--item--thumb img {
        height: 200px;
    }
    
    /* Footer adjustments */
    .footer-widget {
        margin-bottom: 30px;
    }
}

/*--------------------------------------------------------------
# Small Devices (landscape phones, 576px to 767px)
--------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Header adjustments */
    .top-bar {
        font-size: 0.8rem;
    }
    
    .logo {
        max-height: 45px;
    }
    
    .navbar-collapse {
        background-color: var(--white);
        padding: 20px;
        box-shadow: var(--shadow);
        border-radius: var(--border-radius);
        margin-top: 10px;
    }
    
    .apply-btn {
        margin: 10px 0 0;
        display: block;
        text-align: center;
    }
    
    /* Banner adjustments */
    .banner__height {
        height: 380px;
    }
    
    .banner__slides--content {
        text-align: center;
        padding: 0 15px;
    }
    
    .banner__slides--content--title {
        font-size: 2rem;
        margin-bottom: 15px;
    }
    
    .banner__slides--content--sub {
        justify-content: center;
        font-size: 0.9rem;
    }
    
    .banner__slides--content--sub img {
        height: 30px;
    }
    
    .banner__slides--navigation {
        flex-direction: column;
    }
    
    .banner__slides--navigation--single {
        padding: 15px;
        text-align: center;
    }
    
    /* Marquee adjustments */
    .single__marque__item__list__text {
        font-size: 0.9rem;
    }
    
    /* About section adjustments */
    .about__left--content {
        margin-bottom: 40px;
    }
    
    .about__left--content--left {
        width: 100%;
    }
    
    .about__left--content--right {
        width: 60%;
        bottom: -20px;
        right: 0;
    }
    
    .about__right--content {
        text-align: center;
    }
    
    .about__right--content--sub {
        justify-content: center;
    }
    
    .about__right--content--title {
        font-size: 1.8rem;
    }
    
    .about__right--content--vision {
        justify-content: center;
    }
    
    /* Fun facts adjustments */
    .rts-funfact-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    
    .single-cta-item {
        width: 100%;
    }
    
    /* Programs section */
    .program__single--item {
        max-width: 400px;
        margin: 0 auto 30px;
    }
    
    /* Campus life section */
    .campus__single--item {
        max-width: 400px;
        margin: 0 auto 30px;
    }
    
    /* Tuition section */
    .tution__single--box {
        margin-bottom: 30px;
    }
    
    /* Scholarship section */
    .rts-scholarship-info h2 {
        font-size: 2rem;
    }
    
    /* Events section */
    .single-event {
        align-items: flex-start;
    }
    
    .event__background {
        height: 300px;
        margin-top: 30px;
    }
    
    /* Blog section */
    .blog__single--item {
        max-width: 400px;
        margin: 0 auto 30px;
    }
    
    /* Footer */
    .footer {
        text-align: center;
    }
    
    .widget-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-links {
        display: inline-block;
        text-align: left;
    }
    
    .recent-post-item {
        justify-content: center;
    }
    
    .newsletter-form {
        max-width: 400px;
        margin: 0 auto;
    }
}

/*--------------------------------------------------------------
# Extra Small Devices (portrait phones, less than 576px)
--------------------------------------------------------------*/
@media (max-width: 575.98px) {
    /* Global adjustments */
    section {
        padding: 50px 0;
    }
    
    h2 {
        font-size: 1.8rem;
    }
    
    /* Header adjustments */
    .top-bar {
        display: none;
    }
    
    .logo {
        max-height: 40px;
    }
    
    .navbar-collapse {
        background-color: var(--white);
        padding: 20px;
        box-shadow: var(--shadow);
        border-radius: var(--border-radius);
        margin-top: 10px;
        max-height: 80vh;
        overflow-y: auto;
    }
    
    .apply-btn {
        margin: 10px 0 0;
        display: block;
        text-align: center;
    }
    
    /* Banner adjustments */
    .banner__height {
        height: 300px;
    }
    
    .banner__slides--content {
        text-align: center;
        padding: 0 15px;
    }
    
    .banner__slides--content--title {
        font-size: 1.5rem;
        margin-bottom: 10px;
    }
    
    .banner__slides--content--sub {
        justify-content: center;
        font-size: 0.8rem;
    }
    
    .banner__slides--content--sub img {
        height: 25px;
    }
    
    .banner__slides--navigation {
        display: none;
    }
    
    /* Marquee adjustments */
    .marquee {
        padding: 10px 0;
    }
    
    .single__marque__item__list__text {
        font-size: 0.8rem;
        margin-right: 15px;
    }
    
    /* About section adjustments */
    .about__left--content {
        margin-bottom: 30px;
    }
    
    .about__left--content--left {
        width: 100%;
    }
    
    .about__left--content--right,
    .about__left--content--center {
        display: none;
    }
    
    .about__right--content {
        text-align: center;
    }
    
    .about__right--content--sub {
        justify-content: center;
    }
    
    .about__right--content--title {
        font-size: 1.5rem;
    }
    
    .about__right--content--vision {
        flex-direction: column;
        align-items: center;
    }
    
    .mision, .vision {
        margin-bottom: 20px;
    }
    
    /* Fun facts adjustments */
    .rts-funfact-wrapper {
        padding: 20px;
    }
    
    .single-cta-item {
        padding: 10px;
        margin-bottom: 15px;
    }
    
    .single-cta-item:last-child {
        margin-bottom: 0;
    }
    
    .single-cta-item__title {
        font-size: 2rem;
    }
    
    /* Programs section */
    .program__single--item {
        margin-bottom: 30px;
    }
    
    .program__single--item--bg {
        height: 180px;
    }
    
    .program__single--item--title {
        font-size: 1.2rem;
        padding: 10px 15px;
    }
    
    .link__list {
        padding: 10px 15px;
        font-size: 0.9rem;
    }
    
    /* Campus life section */
    .campus__single--item {
        margin-bottom: 30px;
    }
    
    .campus__single--item--thumb img {
        height: 180px;
    }
    
    .rts__section--wrapper--title {
        font-size: 1.5rem;
    }
    
    /* Tuition section */
    .tution__single--box {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .tution__single--box--title {
        font-size: 1.2rem;
    }
    
    /* Scholarship section */
    .rts-scholarship {
        text-align: center;
    }
    
    .rts-scholarship-info h2 {
        font-size: 1.5rem;
    }
    
    .rts-scholarship-info p {
        font-size: 0.9rem;
    }
    
    /* Events section */
    .rts-event-section {
        padding: 20px;
    }
    
    .single-event {
        flex-direction: column;
        margin-bottom: 20px;
    }
    
    .count-number {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
    
    .event-title {
        font-size: 1.2rem;
    }
    
    .single-event-content-meta {
        flex-direction: column;
        gap: 5px;
    }
    
    .event__background {
        height: 200px;
        margin-top: 20px;
    }
    
    /* Blog section */
    .blog__single--item {
        margin-bottom: 30px;
    }
    
    .blog__single--item--thumb img {
        height: 180px;
    }
    
    .blog__single--item--meta {
        padding: 15px;
    }
    
    .blog__single--item--title {
        font-size: 1.2rem;
    }
    
    .blog__single--item--info {
        flex-direction: column;
        gap: 5px;
    }
    
    /* Footer */
    .footer {
        text-align: center;
        padding-top: 50px;
    }
    
    .footer-widget {
        margin-bottom: 30px;
    }
    
    .widget-title {
        font-size: 1.3rem;
    }
    
    .widget-title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .contact-info .d-flex {
        justify-content: center;
    }
    
    .footer-links {
        display: inline-block;
        text-align: left;
    }
    
    .recent-post-item {
        justify-content: center;
    }
    
    /* Back to top button */
    .back-to-top {
        width: 35px;
        height: 35px;
        right: 15px;
        bottom: 15px;
    }
}