:root {
    --max-width--container: 1680px;
}

@media (min-width: 2000px) {

    .site-header__container,
    .sishc-header__inner {
        max-width: var(--max-width--container);
        padding: 0;
    }

    .philosophy-section {
        max-width: var(--max-width--container);
        margin: auto;
        background-size: 100% 2120px;
    }

    .philosophy-slide.slot-left,
    .philosophy-slide--1:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-right-1):not(.slot-right-2) {
        width: 500px;
        height: 464px;
        border-radius: 100px;
    }

    .stats-card__huge-number,
    .stats-card__percent {
        font-size: 96px;
    }

    .metric-item__val,
    .stats-est-box__year p {
        font-size: 57px;
    }

    .metric-item__label,
    .stats-pathway-box__title,
    .stats-est-box__desc p {
        font-size: 20px;
    }

    .stats-pathway-box__val {
        font-size: 76px;
    }

    .footer-main__container,
    .sishc-footer__row,
    .sishc-container {
        max-width: var(--max-width--container);
        margin: auto;
    }

    .footer-main {
        padding: 150px 0 50px 0;
        background: white;
        max-width: unset;
        border-radius: 100px 100px 0px 0px;
        margin-bottom: 0;
    }

    .footer-cta__container {
        margin-bottom: -110px;
        position: relative;
    }

    .site-footer,
    .sishc-footer {
        background-size: 150vw auto;
        background-image: url('/wp-content/uploads/2024/12/Rectangle-238.png');
    }

    .footer-cta {
        padding-top: 60px !important;
    }

    body.home .site-footer,
    body.home .sishc-footer,
    body.sis-page-careers .site-footer,
    body.sis-page-careers .sishc-footer {
        margin-top: -50px;
    }

    .sua-stage {
        justify-content: center;
    }

    .sua-btn-pill--international {
        left: 100px;
    }

    .sua-btn-pill--integrated {
        right: 225px;
    }

    .sua-slogan {
        left: 25px;
    }

    .sis-lang-vi .sua-slogan {
        left: 0;
    }

    .sets-us-apart-section__title {
        margin-left: 200px;
        margin-bottom: 20px;
    }

    .sis-breadcrumbs-container {
        max-width: 1680px;
        padding: 9px 0;
    }

    .sishc-career-hero {
        background-size: var(--max-width--container);
    }

    body.sis-page-careers .site-footer,
    body.sis-page-careers .sishc-footer {
        margin-top: -130px;
    }

    .sishc-career-hero .sishc-container {
        width: 70%;
    }

    .sishc-contact-intro__heading {
        font-size: 42px;
    }

    .sishc-contact-upper-grid,
    .sishc-affiliated-pill {
        max-width: var(--max-width--container);
    }

    .sishc-contact-intro {
        margin-left: 0;
    }

    .sishc-contact-info-card {
        padding: 50px 100px;
        max-width: 50%;
    }

    .sishc-contact-upper-flex {
        gap: 60px;
        padding-left: 250px;
    }

    .sishc-contact-info-text {
        max-width: 625px;
    }

    .sishc-contact-oval-photo--dragon {
        right: 0;
        left: auto;
    }

    .sishc-contact-oval-photo--stem {
        right: 425px;
        left: auto;
    }

    .sis-outdoor-wave-wrap:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%2308386F' d='M0,30 C200,5 300,90 500,40 C700,0 850,70 1000,30 V100 H0 Z'%3E%3C/path%3E%3C/svg%3E");

        background-size: 50vw 200px;
        background-repeat: repeat-x;
        content: "";
        position: absolute;
        left: 0;
        top: -151px;
        width: 100%;
        height: 170px;
    }

    .sis-outdoor-wave-wrap:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%2308386F' d='M0,30 C200,5 300,90 500,40 C700,0 850,70 1000,30 V100 H0 Z'%3E%3C/path%3E%3C/svg%3E");

        background-size: 58vw 200px;
        background-position: center -1px;
        transform: scaleY(-1);
        background-repeat: repeat-x;
        content: "";
        position: absolute;
        left: 0;
        bottom: -151px;
        width: 100%;
        height: 169.5px;

    }

    .sis-outdoor-wave-wrap {
        background-image: none;
        background-color: #08386f;
        min-height: 600px;
    }

    .sis-outdoor-intro-section {
        padding-bottom: 400px;
    }

    .sis-outdoor-obv-gallery-wrapper {
        bottom: -280px;
    }

    .sis-outdoor-fan-img {
        top: -200px;
    }

    .sis-outdoor-immersion-arch-box {
        padding-bottom: 260px;
        margin-bottom: 0;
        background-size: 160vw auto;
    }

    .sis-outdoor-tour-slider-container {
        max-width: var(--max-width--container);
    }

    .sis-photo-taken-during-study-tour {
        margin-top: -225px;
        padding-top: 9vw;
        padding-bottom: 22vw;
    }

    .sis-outdoor-overseas-section {
        padding-top: 350px;
        padding-bottom: 190px;
    }

    .sis-outdoor-obv-gallery-wrapper {
        max-width: var(--max-width--container);
        margin: auto;
    }

    .sis-outdoor-obv-gallery-img {
        width: 100%;
    }

    .sis-outdoor-immersion-slider-container {
        height: unset;
    }

    .sis-outdoor-slider-vertical-arrows {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .sishc-principal-photo-wrap {
        width: 536px;
        height: auto;
    }

    .sishc-principal-photo-wrap img {
        height: auto;
    }

    .sishc-highlights-gradient {
        flex: 0 0 870px;
    }

    .sishc-highlights-photo {
        width: 50%;
    }

    .sishc-highlights-card {
        left: calc(50% - 90px);
        right: auto;
    }

    .sis-stellar-section {
        max-width: var(--max-width--container);
        margin-left: auto;
        margin-right: auto;
    }

    .sis-stellar-title-col {
        padding-left: 0;
    }

    .sis-stellar__books-img {
        max-width: 430px;
    }

    .sis-stellar-card {
        padding: 20px;
        padding-right: 40px;
        padding-bottom: 0;
    }

    .sis-stellar-card {
        border-radius: 90px;
    }

    .sis-stellar__top-row {
        margin-bottom: 80px;
    }

    .sis-stellar__sub-rates {
        left: -430px;
    }

    .sis-stellar__books-col {
        margin-bottom: 20px;
    }

    .philosophy-carousel__next {
        right: calc(50% - 800px);
    }
    .university-dome-card {
        padding-bottom: 100px;
    }
}

@media (min-width: 3000px) {
    .footer-main {
        max-width: 1700px;
    }

    .footer-col--brand img {
        margin-left: 30px;
    }

    .sis-photo-taken-during-study-tour {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: var(--max-width--container);
        margin-left: auto;
        margin-right: auto;
        padding-top: 150px;
        padding-bottom: 480px;
    }

    .sis-outdoor-tour-slider-container {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }

    .sis-outdoor-immersion-arch-box {
        padding-bottom: calc(5vw + 70px);
        margin-bottom: -5vw;
    }

    .sishc-highlights-frame {
        max-width: var(--max-width--container);
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .sishc-highlights-photo {
        width: 60%;
    }

    .sishc-highlights-gradient {
        flex: 0 0 40%;
    }

    .sishc-highlights-card {
        left: auto;
        right: 60px;
    }
}

@media (min-width: 1681px) {

    .container,
    .container-theme,
    .sis-container {
        width: 85%;
        max-width: 1680px;
    }

    .footer-cta,
    .sishc-prefooter-cta {
        padding-top: 5.9vw;
    }
}

@media (min-width: 1920px) {

    .site-nav__list>li>a,
    .sishc-nav__link {
        padding: 10px 30px;
    }
    #enquiry-form-popup .enquiry-form-container {
        max-width: 1024px;
    }
}

@media (min-width: 1366px) and (max-width: 1900px) {
    .philosophy-section {
        background-size: 100% 100%;
    }
}

@media (max-width: 1919px) {
    .university-gallery-section {
        width: 85%;
    }

    .university-gallery-section__cta {
        margin-bottom: 50px;
    }

    .sishc-contact-upper-grid {
        max-width: 85%;
    }

    .sis-stellar-title-col {
        padding-left: 7.5%;
    }

    .sis-stellar-card {
        width: 75%;
    }

    .sis-stellar__sub-rates {
        left: auto;
        right: 25vw;
    }

    .sis-stellar__books-img {
        width: 24vw;
    }

    .sis-stellar__top-row {
        margin-bottom: 100px;
    }

    .sis-wof-card {
        min-height: 40vw;
        height: auto;
    }

    .sis-wof-card__img-wrap img {
        height: 22vw;
        width: 100%;
    }
    
}

@media (max-width: 1700px) {

    .sishc-contact-oval-photo--stem,
    .sishc-contact-oval-photo--dragon {
        width: 21vw;
        height: 14vw;
    }

    .sishc-highlights-card-title {
        font-size: 36px;
    }

    .sishc-highlights-bullets li {
        margin-bottom: 1vw;
    }

    .sis-featured-card__title,
    .sis-news-row-item__title a {
        font-size: 26px;
    }

    .sis-featured-card__thumb {
        height: 20vw;
    }

    .sis-news-row-item__thumb-wrap {
        width: 12vw;
        height: 12vw;
    }
}

@media (max-width: 1680px) {

    .site-logo-img,
    .sishc-logo {
        width: 96%;
    }

    .footer-contact-list {
        max-width: 275px;
    }

    .sis-lang-vi .footer-contact-list {
        max-width: 300px;
        width: max-content;
    }

    .philosophy-carousel-wrapper {
        margin-top: 75px;
    }

    .stats-banner-img {
        margin-top: -205px;
    }

    .sua-slogan__text {
        font-size: 36px;
    }

    .sets-us-apart-section__title {
        margin-bottom: 20px;
    }

    .sua-stage {
        padding-right: 125px;
        position: relative;
    }

    .sua-btn-pill--international {
        left: 100px;
    }

    .sua-btn-pill--integrated {
        right: -30px;
    }

    .sua-slogan {
        left: 100px;
        right: auto;
    }

    .sishc-career-process-col {
        padding-bottom: 800px;
    }

    .sis-outdoor-compass-fan-container {
        width: 85%;
        max-width: unset;
        margin: 0 auto -100px;
    }

    .sis-outdoor-wave-wrap {
        min-height: 60vw;
        align-content: center;
    }

    .sis-outdoor-wave-content {
        padding-top: 0;
    }

    .sis-outdoor-intro-section {
        padding-bottom: 400px;
    }

    .sis-outdoor-obv-gallery-wrapper {
        bottom: -10vw;
    }

    .sis-outdoor-fan-img {
        width: 100%;
        top: -11vw;
    }

    .sis-outdoor-intro-section {
        padding-left: 0;
        padding-right: 0;
    }

    .sis-outdoor-intro-content {
        width: 55%;
    }

    .sis-outdoor-shapes--left {
        left: 3%;
    }

    .sis-shape-img--4 {
        bottom: -40px;
        top: auto;
    }

    .sis-outdoor-section-lead,
    .sis-outdoor-tour-text-wrap {
        width: 80%;
    }

    .sishc-contact-oval-photo--kids {
        height: 365px;
    }

    .content-container.lg {
        width: 85%;
    }

    .sishc-academic-collage-img {
        height: 30vw;
        object-fit: contain;
    }

    .sis-stellar-title {
        font-size: 40px;
    }

    .sis-stellar-card {
        width: 100%;
    }

    .sis-stellar__top-row {
        margin-bottom: 130px;
    }

    .sis-stellar__subject-list p {
        font-size: 18px;
    }

    .sis-stellar__rate-item.stellar-result-2 {
        width: 750px;
    }

    .sishc-programme-desc,
    .container-form {
        width: 70%;
    }

    .sis-study-cards-grid {
        max-width: 1024px;
    }

    .sis-study-card__title {
        font-size: 36px;
    }

    .sis-study-card__image-wrap {
        height: 252px;
    }

    .sis-tabs__btn {
        line-height: 1.2;
    }

    .sis-pathway-card__title {
        font-size: 32px;
    }

    .sis-pathway-card {
        min-height: unset;
        border-radius: 50px;
    }

    .sis-pathway-card.sis-pathway-card--au .sis-pathway-card__image-col img {
        width: 55%;
    }

    .sis-pathway-card.sis-pathway-card--uk .sis-pathway-card__image-col img {
        width: 180px;
    }

    .sis-lang-vi .sua-slogan__text {
        font-size: 26px;
        left: 0;
    }

    .sis-lang-vi .hero-subtagline {
        max-width: 830px;
        margin-left: auto;
        margin-right: auto;
    }

    .sishc-uniform-nav-btn {
        font-size: 20px;
    }

    .philosophy-section__content {
        width: 45%;
    }

    .sishc-milestone-card-btn__title {
        font-size: 18px;
    }

    .sis-tabs__btn {
        font-size: 20px;
    }

    .sishc-grade-tab-btn {
        padding: 10px 25px;
    }

    .sishc-highlights-bullets li {
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .sis-lang-vi .site-nav__list>li>a {
        padding-right: 10px !important;
    }

    .sis-lang-vi .site-nav__list>li.menu-item-has-children>a {
        padding-right: 25px !important;
    }

    .philosophy-carousel__next {
        right: 20%;
    }

    .sishc-contact-intro__heading {
        font-size: 36px;
    }

    .sis-outdoor-overseas-section {
        padding-top: 200px;
    }

    .sishc-career-process-oval {
        padding: 40px 32px;
    }
    .university-dome-card{
        padding-bottom: 110px;
    }
}


@media (max-width: 1536px) {
    .sua-stage__img {
        width: 52vw;
        height: 35vw;
    }

    .sua-btn-pill__img {
        width: 22vw;
    }

    .sua-btn-pill--international {
        top: 25%;
        left: 10%;
    }

    .sua-btn-pill--integrated {
        right: 0%;
        top: 50%;
        height: max-content;
    }

    .sua-slogan {
        top: 55%;
        left: 5%;
    }

    .sua-btn-pill--international .sua-btn-pill__arrow--yellow,
    .sua-btn-pill--integrated .sua-btn-pill__arrow--brown {
        width: 50px;
        height: 50px;
    }

    .sua-btn-pill--integrated .sua-btn-pill__arrow--brown {
        top: 64%;
        left: 40%;
    }

    .sua-btn-pill--international .sua-btn-pill__arrow--yellow {
        right: 45%;
    }

    .sua-btn-pill__arrow .svg-icon {
        width: 25px;
    }

    .sishc-presentation-avatar-img {
        width: 300px;
        height: 300px;
    }

    .sishc-milestone-card-btn img {
        height: 60px;
    }

    .sishc-milestone-card-btn:last-child img {
        height: 40px;
    }

    .sis-lang-vi .sis-pathway-card__title {
        font-size: 20px;
    }
}

@media (max-width: 1450px) {

    .site-nav__list>li>a,
    .sishc-nav__link {
        padding: 5px;
    }

    .footer-slogan {
        display: grid;
    }

    .footer-slogan__highlight {
        padding-left: 20px;
        margin-bottom: 5px;
    }

    .sis-lang-vi .footer-slogan {
        margin-bottom: 10px;
    }

    .sis-lang-vi .footer-slogan__highlight {
        margin-bottom: 0;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title {
        flex: 0 0 20vw;
    }

    .sishc-milestone-card-btn__title {
        font-size: 16px;
    }

    .sishc-milestone-card-btn__title.concerts {
        max-width: 144px;
    }

    .footer-cta__container {
        max-width: 85%;
    }

    .sis-outdoor-shapes--right {
        right: 50px;
    }

    .sis-outdoor-shapes--left {
        left: 0;
    }

    .sis-outdoor-obv-gallery-img {
        max-width: 100%;
    }

    .sis-shape-img--3 {
        height: auto;
        width: 250px;
    }
}

@media (max-width: 1400px) {

    .site-nav__list>li>a,
    .sishc-nav__link,
    .site-nav__list>li>ul.sub-menu>li>a,
    .site-nav__list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        font-size: 14px;
    }

    .site-nav__list>li>ul.sub-menu,
    .site-nav__list>li>ul.sub-menu>li>ul.sub-menu {
        width: 20vw;
    }

    .sishc-contact-info-card {
        width: 100%;
    }

    .sis-stellar-title {
        font-size: 32px;
        line-height: normal;
    }

    .sis-stellar__chart-wrap {
        width: 250px;
    }

    .sis-stellar__sub-rates {
        right: 30vw;
    }

    .sis-stellar__rate-number,
    .sis-stellar__top-rate {
        font-size: 80px;
    }

    .sishc-highlights-card {
        padding: 35px;
    }

    .sis-featured-card__title,
    .sis-news-row-item__title a {
        font-size: 24px;
    }

    .sis-lang-vi .sis-stellar-title {
        font-size: 26px;
        max-width: 390px;
    }

    .sis-lang-vi .sishc-grade-tab-btn {
        white-space: normal;
    }
}

@media (max-width: 1350px) {

    .site-nav__list>li>a,
    .sishc-nav__link,
    .site-nav__list>li>ul.sub-menu>li>a,
    .site-nav__list>li>ul.sub-menu>li>ul.sub-menu>li>a {
        font-size: 13px;
    }

    .sis-lang-vi .sua-slogan {
        left: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .philosophy-section {
        background-size: 100% 92.5%;
    }
}

@media (max-width: 1280px) {
    .site-header__desktop {
        display: none;
    }

    .site-header__mobile {
        display: flex;
    }

    .mobile-nav__list ul.sub-menu {
        background-color: var(--color-white);
        margin: 5px 0 auto;
        border-radius: 1rem;
        padding: 5px 8px;
    }

    .stats-grid {
        flex-direction: column;
    }

    .stats-card--achievement {
        width: 100%;
        display: flex;
        padding-bottom: 25px;
        padding-right: 25px;
    }

    .stats-card__huge-number,
    .stats-card__percent {
        font-size: 120px;
        line-height: 1;
        margin-bottom: 30px;
    }

    .stats-card__title {
        margin: 0;
        margin-bottom: 20px;
    }

    .stats-section-inner {
        padding: 0 7.5%;
    }

    .stats-card--metrics {
        width: 90%;
        margin: auto;
        margin-top: 50px;
    }

    .stats-banner-img {
        margin-top: 37px;
        width: 90%;
    }

    .sua-slogan__text {
        font-size: 34px;
    }

    .sets-us-apart-section__header {
        text-align: center;
    }

    .philosophy-carousel__next {
        right: 14%;
    }

    .sis-page-title {
        font-size: 42px;
    }

    .sis-outdoor-intro-content {
        width: 50%;
    }

    .sis-outdoor-shapes--left {
        left: 0;
    }

    .sis-outdoor-shapes--right {
        right: 3%;
    }

    .sishc-contact-oval-photo--kids {
        height: 265px;
    }

    .sishc-presentation-avatar-img {
        width: 244px;
        height: 244px;
    }

    .sishc-presentation-body {
        padding-right: 300px;
    }

    .content-container.md {
        max-width: 85%;
    }

    .sis-stellar__rate-item.stellar-result-1 {
        width: 625px;
    }

    .sis-stellar__rate-item.stellar-result-2 {
        width: 685px;
    }

    .sishc-highlights-card-title {
        font-size: 26px;
    }

    .sis-tabs__btn {
        font-size: 20px;
        line-height: 1.2;
    }

    .sishc-milestone-card-btn img,
    .sishc-milestone-card-btn:last-child img {
        height: 40px;
        margin-left: 0;
    }

    .sis-pathway-cards {
        gap: 30px;
        width: 92.5vw;
        overflow-x: auto;
        padding-right: 20px;
        border-radius: 50px 0 0 50px;
    }

    .sis-pathway-cards::-webkit-scrollbar {
        display: none;
    }

    .sis-pathway-card {
        padding: 25px;
        width: 400px;
    }

    .sis-pathway-card__title {
        margin-left: 0;
    }

    .sis-pathway-card .sis-pathway-card__image-col img {
        width: 90%;
    }

    .sis-pathway-card.sis-pathway-card--au .sis-pathway-card__image-col img {
        width: 60%;
    }

    .sis-pathway-card.sis-pathway-card--uk .sis-pathway-card__image-col img {
        width: 150px;
    }

    .sis-lang-vi .sis-pathway-card__title {
        font-size: 26px;
    }

    .sis-outdoor-intro-section {
        padding-bottom: 28vw;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .philosophy-section {
        background-size: 95% 95%;
    }
}

@media (max-width: 1110px) {
    :root {
        --bg-slide-bot-obv: linear-gradient(180deg,
                rgba(255, 255, 255, 0) 10vw,
                rgba(190, 81, 3, 1) 10vw,
                rgba(190, 81, 3, 1) 100%);
    }

    .site-header__container,
    .sishc-header__inner,
    .footer-main {
        padding: 0 3.5%;
        padding: 0 7.5%;
    }

    .sis-breadcrumbs-container {
        padding: 9px 7.5%;
    }

    .container,
    .container-theme,
    .sis-container {
        max-width: 85%;
    }

    .hero-section,
    .sishc-hero-section {
        margin-top: -1.5%;
    }

    .philosophy-section {
        background-image: url('/wp-content/uploads/common/bg-shape-2-tb.png');
        margin-top: 0;
    }

    .footer-cta,
    .sishc-prefooter-cta {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .site-footer,
    .sishc-footer {
        /* background-image: url('/wp-content/uploads/common/bg-footer-tb.png'); */
        background-size: 130%;
    }

    .footer-cta__container {
        max-width: 80%;
        margin: 0 auto;
        padding: 0;
    }

    .footer-cta__box {
        padding: 30px;
    }

    .btn-footer-enquire {
        padding: 20px 30px;
        font-size: 24px;
    }

    .footer-cta__text {
        margin: 0 auto;
        font-size: 16px;
    }

    .footer-col--brand {
        width: 100%;
        padding: 0;
    }

    .footer-col--brand .footer-slogan {
        /* display: none; */
        margin-bottom: 10px;
        margin-bottom: 0;
    }

    .footer-col--social {
        max-width: 210px;
        margin-right: 3.5%;
    }

    .footer-col--contact {
        padding-left: 65px;
    }

    .footer-col--contact .footer-slogan {
        display: block;
        margin-top: 20px;
        margin-left: 25px;
    }

    .footer-col--contact .footer-slogan__highlight {
        margin-left: 0;
        padding-left: 0;
    }

    .footer-main__container {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
    }

    .footer-slogan {
        font-size: 20px;
    }

    .footer-slogan__part2,
    .footer-slogan__part1 {
        display: inline;
    }

    .university-gallery-section__header {
        padding: 30px 0;
    }

    .university-gallery-section__title {
        font-size: 36px;
    }

    .university-gallery-section {
        width: 95%;
    }

    .university-dome-card {
        border-radius: 150px 150px 0 0;
        padding-bottom: 150px;
        padding-top: 0;
    }

    body.home .site-footer,
    body.home .sishc-footer {
        margin-top: -150px;
    }

    .philosophy-section {
        padding-top: 0;
    }

    .hero-subtagline {
        margin-top: 115px;
    }

    .philosophy-dome-card {
        margin-top: 20px;
    }

    .philosophy-section__title {
        font-size: 36px;
    }

    .philosophy-section__content {
        width: 75%;
    }

    .philosophy-slide.slot-right-1,
    .philosophy-slide--3:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-2) {
        height: 185px;
    }

    .philosophy-slide.slot-right-2,
    .philosophy-slide--4:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-left):not(.slot-right-1) {
        height: 141px;
    }

    .philosophy-slide.slot-left,
    .philosophy-slide--1:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-right-1):not(.slot-right-2) {
        height: 290px;
    }

    .philosophy-dome-card {
        padding: 0;
    }

    .stats-grid {
        width: 100%;
    }

    .stats-card__chart-wrap {
        margin: 0;
    }

    .stats-card__chart-img {
        width: 221px;
    }

    .stats-card--achievement {
        padding: 25px;
    }

    .stats-card__huge-number,
    .stats-card__percent {
        font-size: 96px;
    }

    .stats-card--metrics {
        margin-top: 0;
    }

    .philosophy-section {
        background-size: 95% 95%;
        background-position: center -5%;
    }

    .stats-section-inner {
        padding: 0px;
        width: 80%;
    }

    .stats-card--metrics {
        width: 100%;
        padding: 0 25px;
    }

    .metric-item__label,
    .stats-pathway-box__title,
    .stats-est-box__title {
        font-size: 16px;
    }

    .stats-est-box__desc p {
        font-size: 20px;
        line-height: 1.2;
    }

    .metric-item__val {
        font-size: 52px;
    }

    .stats-pathway-box__val {
        font-size: 72px;
    }

    .stats-est-box__content {
        gap: 20px;
    }

    .stats-est-box__year-label {
        font-size: 54px;
    }

    .stats-est-box__content .text-highlight .dancing-number {
        font-size: 72px;
    }

    .stats-est-box__desc {
        max-width: 380px;
    }

    .stats-est-box__year p {
        margin-top: 30px;
    }

    .stats-banner-img {
        width: 100%;
    }

    .sua-slogan__text {
        font-size: 20px;
    }

    .sets-us-apart-section__title {
        font-size: 36px;
    }

    .sets-us-apart-section__subtitle {
        font-size: 24px;
    }

    .sis-page-title {
        font-size: 36px;
    }

    .sishc-career-photo-img {
        width: 85vw;
        margin: auto;
    }

    .sishc-career-contact-col {
        padding: 0;
        max-width: 85%;
        width: 85%;
        margin: auto;
    }

    .sishc-career-process-oval {
        max-width: 65%;
        margin: auto;
        padding: 30px 25px;
    }

    .sishc-career-hr-heading {
        margin-top: 30px;
    }

    .sishc-career-contact-box {
        gap: 15px;
        max-width: 100% !important;
        width: 100% !important;
        flex-direction: column;
    }

    .sishc-career-process-col {
        padding-bottom: 270px;
        margin-bottom: -120px;
        padding-left: 0;
        padding-right: 0;
    }

    .sishc-career-process-oval .sishc-career-oval-title,
    .sishc-career-process-oval .sishc-career-oval-intro,
    .sishc-career-process-oval .sishc-career-checklist-wrapper {
        max-width: 570px;
    }

    .sis-lang-vi .sishc-career-process-oval .sishc-career-oval-title,
    .sis-lang-vi .sishc-career-process-oval .sishc-career-oval-intro,
    .sis-lang-vi .sishc-career-process-oval .sishc-career-checklist-wrapper {
        max-width: 500px;
    }

    .hero-subtagline__text {
        font-size: 22px;
    }

    .philosophy-section__slogan {
        font-size: 24px;
        line-height: 1;
    }

    .sis-outdoor-sub-gallery-title {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .sis-outdoor-intro-content {
        width: 70%;
    }

    .sis-outdoor-overseas-section {
        padding-top: 15vw;
    }

    .sis-outdoor-immersion-text-wrap,
    .sis-outdoor-section-lead,
    .sis-outdoor-tour-text-wrap {
        width: 80%;
    }

    .sis-photo-taken-during-study-tour {
        padding-bottom: 44%;
        background-position: 52% 0%;
    }

    .sis-outdoor-tour-slider-container {
        width: 93%;
        height: 25vw;
    }

    .sis-outdoor-immersion-slider-container,
    .sis-outdoor-immersion-swiper,
    .sis-outdoor-immersion-card__img-box {
        height: 25vw;
    }

    .footer-social-link,
    .sishc-social-icon {
        width: 50px;
        height: 50px;
    }

    .footer-col--contact .footer-col__title,
    .footer-col--social .footer-col__title {
        font-size: 20px;
    }

    .sis-outdoor-section-title {
        font-size: 36px;
    }

    .sishc-contact-intro,
    .sishc-contact-kids-photo {
        margin-left: 3.5%;
    }

    .sishc-affiliated-pill__title {
        font-size: 26px;
    }

    .sishc-affiliated-pill__list a {
        font-size: 18px;
    }

    .sishc-contact-info-card {
        padding: 50px;
    }

    .sishc-academic-hero {
        border-radius: 0px 0px 100px 100px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .sishc-academic-hero .sishc-container {
        width: 93%;
    }

    .sishc-principal-section .container,
    .content-container.lg {
        width: 80%;
    }

    .sishc-principal-box {
        flex-direction: column;
        gap: 0;
    }

    .sishc-principal-card-left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .sishc-principal-photo-wrap {
        width: 100%;
        margin-bottom: 0;
    }

    .sishc-principal-photo-wrap img {
        height: 40vw;
    }

    .sishc-principal-name {
        font-size: 24px;
    }

    .sishc-principal-quals-heading,
    .sishc-principal-role,
    .sishc-principal-name {
        margin-bottom: 20px;
    }

    .sishc-principal-quals-list,
    .sishc-principal-quals-heading,
    .sishc-principal-role {
        font-size: 16px;
        line-height: normal;
    }

    .sishc-principal-info {
        border-bottom: 12px solid var(--color-secondary);
    }

    .sishc-principal-content-right {
        margin-top: 20px;
    }

    .sishc-principal-content-right h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .sishc-tab-btn {
        font-size: 14px;
        padding: 10px 30px;
        min-height: unset;
    }

    .sishc-presentation-header {
        max-width: calc(100% - 250px);
    }

    .sishc-presentation-name {
        font-size: 26px;
    }

    .sishc-presentation-role {
        font-size: 20px;
    }

    .sishc-presentation-body {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-right: 280px;
        min-height: 200px;
        border-radius: 59px;
    }

    .sishc-presentation-avatar-col {
        right: 5%;
    }

    .content-container.md {
        max-width: 85%;
    }

    .cont-full-text .content-container.md,
    .sishc-goals-page .content-container.md {
        max-width: 70%;
    }

    .sish-wsua {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .sis-stellar-row {
        flex-direction: column;
        gap: 40px;
    }

    .sis-stellar-title-col {
        width: 100%;
        padding-left: 0;
        text-align: center;
        display: block;
        margin-top: 0;
    }

    .sis-stellar-section {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    #sishc-pane-senior-high .sis-stellar-section {
        max-width: 100%;
    }

    .sis-stellar-card {
        padding: 30px;
        border-radius: 90px;
    }

    .sis-stellar__top-row {
        margin-bottom: 20px;
    }

    .sis-stellar__sub-rates {
        position: static;
    }

    .sis-stellar__rate-item.stellar-result-1,
    .sis-stellar__rate-item.stellar-result-2 {
        width: auto;
        gap: 20px;
    }

    .sis-stellar__books-col {
        display: none;
    }

    .sis-stellar__rate-number,
    .sis-stellar__top-rate {
        font-size: 52px;
    }

    .sis-stellar__rate-number {
        margin-top: 20px;
        display: block;
    }

    .sis-stellar__chart-wrap {
        width: 200px;
    }

    .sishc-highlights-frame {
        flex-direction: column;
    }

    .sishc-highlights-card {
        position: static;
        width: 100%;
        padding: 30px 25px;
        padding-bottom: 10px;
    }

    .sishc-highlights-gradient {
        display: none;
    }

    .sishc-grade-tab-btn {
        font-size: 16px;
    }

    .sishc-highlights-card-title {
        font-size: 36px;
        text-align: center;
    }

    .sishc-programme-desc,
    .sishc-programme-highlights {
        width: 85%;
    }

    .sishc-highlights-photo {
        width: 95%;
        border-radius: 25px;
        background: linear-gradient(180deg, var(--color-desert) 0%, var(--color-assist) 100%);
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .sishc-programme-highlights,
    .sishc-highlights-photo {
        margin-left: auto;
        margin-right: auto;
    }

    .sishc-highlights-frame {
        padding: 0;
    }

    .sishc-grade-title {
        font-size: 36px;
    }

    .sishc-stadium-photos .sishc-mask-pill:first-child {
        width: 65%;
    }

    .sishc-stadium-photos .sishc-mask-pill:last-child {
        width: 35%;
    }

    .sishc-mask-pill {
        height: 20vw;
    }

    .sis-study-cards-grid {
        max-width: 85%;
    }

    .sis-study-card__title {
        font-size: 30px;
    }

    .sis-study-card {
        padding: 30px;
        min-height: unset;
        border-radius: 40px;
    }

    .sis-study-card__image-wrap {
        height: 25vw;
    }

    .sis-study-diagram-wrap {
        max-width: 85%;
    }

    .page-alumni .alumni-block__title,
    .sis-partner-card__title {
        font-size: 26px;
        line-height: normal;
    }

    .sis-tabs__btn {
        font-size: 16px;
    }

    .sishc-fee-btn {
        min-height: 70px;
    }

    .sishc-fee-btn__icon {
        width: 45px;
        height: 45px;
    }

    .sis-page-school-fees .btn-download-icon,
    .sis-page-school-calendar .btn-download-icon,
    .sis-page-online-learning-booklet .btn-download-icon {
        font-size: 18px;
        width: 45px;
        height: 45px;
        min-width: unset;
    }

    .sishc-fee-btn__icon svg {
        width: 22px;
        height: 22px;
    }

    .sis-page-school-calendar .btn-download-text {
        max-width: 300px;
        margin: auto;
    }

    .sishc-booklet-cover-img {
        width: 50vw;
    }

    .sis-eca-tabs__nav {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sishc-milestone-card-btn img {
        height: 60px;
    }

    .sis-wof-card {
        padding: 20px;
    }

    .sis-wof-card__name {
        margin: 10px 0;
        font-size: 16px;
        /* min-height: 39px; */
    }

    .sis-wof-year-title {
        font-size: 40px;
    }

    .sis-featured-card__title {
        font-size: 20px;
    }

    .sis-featured-cards-grid {
        gap: 20px;
    }

    .sis-featured-card__body {
        gap: 10px;
    }

    .sis-featured-card {
        padding: 10px;
    }

    .sis-featured-card__arrow-btn {
        width: 45px;
        height: 45px;
    }

    .sis-featured-card__arrow-btn>svg {
        width: 22px;
    }

    .sis-news-hero-section {
        padding-bottom: 40px;
    }

    .sis-news-row-item {
        padding: 0;
        gap: 10px;
    }

    .sis-news-listing-section {
        padding-top: 40px;
    }

    .sis-news-row-item__title,
    .sis-news-row-item__title a {
        font-size: 20px;
        min-height: unset!important;
    }
.text-vi-month {
    font-size: 12px;}
    .sis-news-articles-grid {
        gap: 20px;
    }

    .sis-news-row-item__excerpt {
        font-size: 12px;
    }

    .sis-date-badge__month,
    .sis-date-badge__year {
        font-size: 18px;
    }

    .sis-date-badge__year {
        margin: 0;
    }

    .sis-date-badge {
        width: 60px;
    }

    .sis-date-badge__month {
        height: 40px;
    }

    .sishc-uniform-sidebar {
        min-width: 200px;
    }

    .sishc-uniform-nav-btn {
        height: auto;
        font-size: 16px;
        padding: 10px;
    }

    .sishc-uniform-content {
        margin-left: 6vw;
    }

    .sishc-uniform-sec__title {
        font-size: 26px;
    }

    .sis-lang-vi .sis-pathway-card__title {
        font-size: 20px;
        line-height: 1.2;
    }

    #enquiry-form-popup .enquiry-form-container {
        width: 70%;
    }

    .wpforms-field.wpforms-field-content .wpforms-field-row h1,
    #enquiry-form-popup .form-title h1 {
        font-size: 26px;
    }

    .wpforms-field.wpforms-field-content .wpforms-field-row h3,
    #enquiry-form-popup .heading h3 {
        font-size: 20px;
        line-height: normal;
    }

    #enquiry-form-popup .date-of-birth {
        width: 100%;
    }

    #enquiry-form-popup .wpforms-field-gender ul {
        gap: 10px;
    }

    #enquiry-form-popup .wpforms-field-nationality {
        max-width: 150px;
    }

    #enquiry-form-popup input[type="text"],
    #enquiry-form-popup input[type="email"],
    #enquiry-form-popup input[type="tel"],
    #enquiry-form-popup select,
    #enquiry-form-popup .choices .choices__inner {
        padding: 3px 10px;
        padding-right: 30px;
    }

    .sis-lang-vi .stats-pathway-box__title {
        max-width: 275px;
    }

    .sis-lang-vi .stats-card__chart-wrap {
        width: stretch;
    }

    .sis-lang-vi .sua-slogan__text {
        font-size: 18px;
        line-height: 1.3;
    }

    .sis-lang-vi .hero-subtagline {
        max-width: 565px;
    }

    .sua-btn-pill--international .sua-btn-pill__arrow--yellow,
    .sua-btn-pill--integrated .sua-btn-pill__arrow--brown {
        width: 36px;
        height: 36px;
    }

    .sua-btn-pill__arrow .svg-icon {
        width: 20px;
    }

    .sua-btn-pill--international .sua-btn-pill__arrow--yellow {
        right: 48%;
        bottom: -12px;
    }

    .sis-lang-vi .sis-stellar-title {
        margin-left: auto;
        margin-right: auto;
    }

    .sishc-milestone-grid {
        gap: 20px;
    }

    .sishc-milestone-card-btn {
        padding: 10px;
    }

    .sishc-milestone-card-btn__title.concerts,
    .sishc-milestone-card-btn__title.childrens-day {
        max-width: unset;
    }

    .sishc-milestone-card-btn__title {
        font-size: 20px;
    }

    .sishc-milestone-card-btn__title.graduation {
        max-width: 265px;
    }

    .sishc-milestone-card-btn__title.christmas-fair {
        max-width: 200px;
    }

    .sis-partner-card__schools-title {
        font-size: 18px;
    }

    .sis-lang-vi .nobreak-on-desktop-en,
    .nobreak-on-desktop-en {
        display: flex;
        margin-top: 20px;
    }

    .sis-lang-vi .nobreak-on-desktop-en .footer-slogan__part2,
    .nobreak-on-desktop-en .footer-slogan__part2 {
        margin-left: 0;
    }

    .sis-lang-vi .nobreak-on-desktop-en .footer-slogan__highlight,
    .nobreak-on-desktop-en .footer-slogan__highlight {
        padding-left: 5px;
    }

    .footer-col--brand img {
        max-width: 280px;
    }

    html[lang='vi'] .footer-col--brand img {
        width: 200px;
    }

    .section-timetable .content-table {
        padding: 30px;
    }

    .sishc-timetable-title {
        font-size: 30px;
    }

    .section-timetable .head-table {
        font-size: 26px;
    }

    .section-timetable .item-timetable {
        font-size: 20px;
    }

    .sis-news-hero-bg-decor {
        width: 80%;
    }

    .sishc-slider-nav-btns {
        display: none;
    }

    .sis-lang-vi .sishc-contact-info-text p {
        max-width: 255px;
    }

    .sis-lang-vi .sishc-affiliated-pill__title {
        max-width: 530px;
    }

    .sishc-affiliated-pill {
        margin-bottom: 30px;
    }
}

@media (max-width: 1024px) {
    .sishc-principal-card-left {
        max-width: unset;
        margin: 0 auto;
        text-align: left;
    }

    .sis-container--narrow {
        max-width: 85%;
    }

    .sishc-highlights-card {
        border: 0;
    }

    .sishc-grade-tab-btn {
        font-size: 14px;
        padding: 10px;
    }

    .sis-lang-vi .sishc-grade-tab-btn {
        white-space: normal;
    }

    .sishc-grade-tabs {
        flex-wrap: nowrap;
        border-radius: 50px;
    }

    .sishc-stadium-photos {
        flex-direction: row;
    }

    .sis-wof-card__img-wrap img {
        height: 35vw;
    }

    .sis-wof-card {
        min-height: 50vw;
    }

    .sis-featured-cards-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sis-news-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sis-pathway-card.sis-pathway-card--uk .sis-pathway-card__image-col img {
        width: 110px;
    }

    .sis-pathway-card__title {
        font-size: 24px;
    }

    .sis-pathway-card {
        width: 300px;
    }

    .sis-pathway-cards .sis-arrow-btn {
        width: 40px;
        height: 40px;
    }

    .sis-pathway-cards .sis-arrow-btn i,
    .sis-pathway-cards .sis-arrow-btn [class*="sis-icon-"],
    .sis-pathway-cards .sis-arrow-btn [class*="sisicon-"] {
        font-size: 14px;
    }

    .footer-col--brand .footer-slogan {
        margin-left: 90px;
        margin-top: 10px;
    }
}

@media (min-width: 767px) and (max-width: 1110px) {
    .footer-cta__wrapper .btn-scroll-top-inline {
        display: none;
    }

    .footer-cta__box .btn-scroll-top-inline {
        display: block;
        padding: 0;
        flex: 0 0 50px;
    }
}

@media (max-width: 991px) {
    .footer-col--brand {
        align-items: start;
    }

    .footer-main__container {
        text-align: left;
    }

    .footer-contact-item {
        justify-content: start;
    }

    .btn-footer-enquire {
        width: fit-content;
    }

    .footer-cta__box {
        flex-direction: row;
        border-radius: 100px;
    }

    .philosophy-carousel .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: start;
        gap: 10px;
    }

    .philosophy-carousel-wrapper {
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .philosophy-slide.slot-featured,
    .philosophy-slide--featured {
        width: 40% !important;
        height: 200px !important;
    }

    .philosophy-slide.slot-left,
    .philosophy-slide--1:not(.philosophy-slide--featured):not(.slot-featured):not(.slot-right-1):not(.slot-right-2) {
        height: 200px;
    }

    .stats-section-inner {
        margin-top: 0;
    }

    .philosophy-carousel__next {
        right: 15.5%;
    }

    .stats-card--achievement {
        max-width: 100%;
    }

    .stats-section-inner {
        width: 95%;
    }

    .stats-card--achievement {
        width: 90%;
    }

    .stats-card--metrics {
        width: 90%;
        padding: 0 25px;
    }

    .footer-col--social .footer-col__title {
        margin-left: 0;
    }

    .sis-outdoor-tour-slider-container {
        width: 90%;
        margin: auto;
    }

    .sis-outdoor-obv-heading {
        font-size: 36px;
    }

    .sis-lang-vi .sis-outdoor-obv-heading {
        max-width: 575px;
        margin: auto;
    }

    .sishc-contact-intro__heading {
        text-align: center;
    }

    .sishc-contact-socials-wrapper {
        justify-content: center;
    }

    .sishc-contact-socials {
        margin-right: 0;
    }

    .sishc-contact-socials a img {
        width: 30px;
        height: 30px;
    }

    .sishc-contact-intro {
        margin-left: 0;
    }

    .sishc-contact-oval-photo--stem,
    .sishc-contact-oval-photo--dragon {
        bottom: 0;
    }

    .sishc-staff-card__avatar-wrap {
        width: 100px;
        height: 100px;
    }

    .sishc-presentation-body {
        padding-left: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sis-study-card__title {
        font-size: 20px;
    }

    .sis-arrow-btn {
        width: 42px;
        height: 42px;
    }

    .sis-arrow-btn i,
    .sis-arrow-btn [class*="sis-icon-"],
    .sis-arrow-btn [class*="sisicon-"] {
        font-size: 14px;
    }

    .sishc-fee-btn__label {
        font-size: 16px;
        line-height: normal;
    }

    .content-transportation ul {
        line-height: 1.5em;
    }

    .content-transportation ul li {
        margin-bottom: 10px;
    }

    .sis-eca-tabs__btn {
        line-height: 1.2em;
    }

    .sis-news-hero-section .sis-container {
        max-width: 100%;
    }

    .sis-featured-cards-grid {
        padding-left: 7.5%;
        padding-right: 50px;
        padding-bottom: 40px;
        display: grid;
        overflow: auto;
        width: 100%;
        margin: 0;
    }

    .sis-news-hero-section {
        padding-bottom: 0;
    }

    .sis-featured-cards-grid::-webkit-scrollbar {
        display: none;
    }

    .sis-featured-card {
        width: 300px;
    }

    .sis-featured-card__thumb {
        height: 275px;
    }

    .sishc-photo-gallery-container .photo-gallery {
        gap: 20px;
        flex-direction: column;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title .post-title {
        width: 100%;
        max-width: calc(50% - 20px);
        background: #FFF9EC;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title {
        flex: 0 0 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .sis-news-articles-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .sis-news-row-item__thumb-wrap {
        width: 20vw;
        height: 20vw;
    }

    .sishc-uniform-content {
        margin-left: 0;
    }

    .sishc-uniform-nav-btn {
        font-size: 16px;
    }

    .sishc-uniform-nav {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .sishc-uniform-sidebar {
        min-width: 150px;
    }

    .sishc-uniform-layout {
        gap: 10px;
    }

    .sishc-uniform-nav-btn {
        padding: 10px;
        font-size: 12px;
    }

    .sishc-uniform-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    #enquiry-form-popup .enquiry-form-container {
        width: 85%;
    }

    .sis-lang-vi .sua-slogan {
        bottom: -11%;
        top: auto;
    }

    .sis-lang-vi .sets-us-apart-section {
        padding-bottom: 5%;
    }

    .site-footer,
    .sishc-footer {
        background-image: url('/wp-content/uploads/common/bg-footer-tb.png');
        background-size: 102%;
    }

    .footer-cta,
    .sishc-prefooter-cta {
        padding-top: 40px;
    }

    .sis-eca-activities-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media (max-width: 880px) {
    .footer-cta__container {
        max-width: 85%;
    }

    .sua-slogan__text {
        font-size: 16px;
    }

    .sets-us-apart-section__header,
    html[lang='vi'] .sets-us-apart-section__header {
        width: 90%;
    }

    .sua-stage {
        padding-right: 0;
    }

    .sua-stage__img {
        width: 65vw;
        height: auto;
    }

    .sua-btn-pill--integrated {
        right: -2%;

    }

    .sua-stage__main {
        margin: auto;
    }

    .sua-slogan {
        left: -5%;
    }

    .sua-btn-pill--international {
        left: -5%;
    }

    .sua-btn-pill__img {
        width: 30vw;
    }

    .university-gallery-section {
        margin-top: 60px;
    }

    .footer-col--contact {
        width: 65%;
    }

    .sishc-presentation-avatar-img {
        width: 200px;
        height: 200px;
    }

    .sishc-presentation-body {
        padding-right: 250px;
    }

    .sis-date-badge__year,
    .sis-date-badge__month {
        font-size: 18px;
    }

    .sis-date-badge__month {
        height: 40px;
    }

    .sis-lang-vi .sis-date-badge__month {
        font-size: 16px;
    }

    .text-vi-month {
        font-size: 14px;
    }

    .sis-lang-vi .sishc-career-process-oval .sishc-career-oval-title,
    .sis-lang-vi .sishc-career-process-oval .sishc-career-oval-intro,
    .sis-lang-vi .sishc-career-process-oval .sishc-career-checklist-wrapper {
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .lang-switcher {
        width: 60px;
    }

    .lang-switcher,
    .lang-toggle-btn {
        height: 30px;
    }

    .lang-toggle-text {
        font-size: 12px;
    }

    .lang-toggle-knob {
        width: 20px;
        height: 20px;
    }

    .hero-slider__pagination .swiper-pagination-bullet {
        width: 44px;
    }

    .hero-slider__pagination {
        margin-top: 40px;
    }

    .philosophy-section {
        background-size: 95% 100%;
        background-position: center -40px;
    }

    .hero-subtagline {
        margin-top: 70px;
        line-height: normal;
    }

    .philosophy-dome-card {
        margin-top: 20px;
    }

    .philosophy-section__desc {
        margin-top: 0;
    }

    .sishc-career-hero,
    .sishc-programme-hero {
        padding-top: 0;
    }

    .sis-outdoor-wave-wrap {
        padding-top: 0;
    }

    .sis-outdoor-immersion-slider-container,
    .sis-outdoor-immersion-swiper,
    .sis-outdoor-immersion-card__img-box {
        height: 40vw;
    }

    .sis-outdoor-tour-slider-container {
        height: 60vw;
    }

    .sishc-affiliated-pill {
        width: 80%;
    }

    .sishc-highlights-photo {
        width: 100%;
    }

    .sis-featured-cards-grid {
        max-width: unset;
    }

    .sis-news-row-item {
        flex-direction: row;
    }

    header .btn-primary-clean,
    .sis-lang-vi header .btn-primary-clean {
        padding: 7px 5px;
    }

    .sishc-timetable-title {
        font-size: 20px;
    }

    .section-timetable .head-table {
        font-size: 18px;
    }

    .section-timetable .item-timetable {
        font-size: 15px;
    }

    .section-timetable .content-table {
        padding: 15px;
    }

    .sis-outdoor-intro-section {
        padding-bottom: 35vw;
    }
}

@media (max-width: 767px) {

    .site-header__container,
    .sishc-header__inner {
        min-height: 90px;
        padding: calc(1% + 10px) 5.5%;
    }

    .sis-breadcrumbs-container {
        padding: 9px 5%;
    }

    .container,
    .container-theme,
    .sis-container {
        max-width: 90%;
    }

    .mobile-nav-drawer {
        top: 90px;
        height: calc(100vh - 90px);
        max-height: calc(100vh - 90px);
    }

    .site-header__logo,
    .sishc-brand {
        width: 43%;
    }

    .btn-primary-clean,
    .sishc-btn--enquire,
    .sis-lang-vi header .btn-primary-clean,
    header .btn-primary-clean {
        font-size: 12px;
        padding: 4px 8px;
    }

    .sis-lang-vi header .btn-primary-clean,
    header .btn-primary-clean {
        width: 95px;
    }

    .lang-toggle-btn {
        font-size: 12px;
        padding: 0px 3px 0 0px;
    }

    .lang-toggle-btn.is-vi {
        padding: 0 0 0 3px;
    }

    .lang-toggle-btn.is-vi .lang-toggle-text {
        padding-right: 5px;
    }

    .site-header__mobile {
        gap: 5px;
    }

    .lang-toggle-knob {
        height: 12px;
        width: 12px;
    }

    .university-gallery-section__header {
        padding-top: 30px;
    }

    .hero-section,
    .sishc-hero-section {
        margin-top: -5%;
    }

    .hero-slide__img {
        height: 75.12vw;
    }

    .footer-main__container,
    .sishc-footer__row {
        flex-direction: column;
    }

    .university-dome-card {
        border-radius: 90px 90px 0 0;
        padding-bottom: 110px;
    }

    .university-gallery-section__title {
        margin-bottom: 0;
        font-size: 24px;
    }

    .university-nav-controls {
        flex-direction: column;
    }

    .hero-slider__pagination {
        margin-top: 30px;
    }

    .philosophy-section {
        background-size: 100% 2200px;
        background-position: center -80px;
    }

    .sis-lang-vi .philosophy-section {
        background-size: 100% 2360px;
    }

    .hero-subtagline {
        width: 90%;
        margin: auto;
        margin-top: 45px;
    }

    .hero-subtagline__text {
        font-size: 16px;
    }

    .philosophy-section__title {
        font-size: 24px;
    }

    .university-nav-controls {
        flex-direction: row-reverse;
    }

    .footer-cta__box {
        flex-direction: column;
        border-radius: 55px;
        padding: 30px 15px;
    }

    .footer-cta__text {
        width: 100%;
    }

    .site-footer,
    .sishc-footer {
        background-image: url('/wp-content/uploads/common/bg-footer-sp.png');
        background-size: 100%;
    }

    .footer-main {
        border-radius: 100px;
        margin-top: 20px;
    }

    .footer-main .btn-primary-clean,
    .site-footer .btn-primary-clean {
        padding: 20px 30px;
        font-size: 15px;
    }

    .footer-cta__wrapper {
        gap: 30px;
    }

    .footer-col--brand {
        align-items: center;
        gap: 20px;
    }

    .footer-main {
        padding: 0;
        padding-top: 50px;
        margin-bottom: 10px;
    }

    .footer-col--contact {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .footer-col--social {
        width: 100%;
    }

    .footer-contact-item {
        justify-content: center;
    }

    .footer-contact-list {
        margin: auto;
    }

    .footer-contact-item {
        align-items: center;
        flex-direction: column;
    }

    .footer-col--contact .footer-col__title {
        margin: auto;
        margin-bottom: 20px;
    }

    .footer-col--brand .footer-slogan {
        display: block;
    }

    .nobreak-on-desktop-en {
        display: flex;
    }

    .nobreak-on-desktop-en .footer-slogan__highlight {
        padding-left: 0;
    }

    .footer-col--contact .footer-slogan {
        display: none;
    }

    .footer-col--brand .footer-slogan {
        margin: auto;
    }

    .footer-main__container {
        gap: 15px;
    }

    .footer-col--social {
        margin: auto;
    }

    .footer-col--social .footer-col__title {
        margin-left: 0;
        text-align: center;
    }

    .stats-card--achievement {
        display: block;
    }

    .stats-card__huge-number,
    .stats-card__percent {
        font-size: 64px;
    }

    .stats-card__title {
        font-size: 18px;
    }

    .philosophy-carousel__next {
        right: 5%;
    }

    .stats-card__chart-img {
        width: 100%;
        margin: auto;
    }

    .stats-card__chart-wrap {
        width: 100%;
    }

    .stats-metrics-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .metric-item__val .dancing-number,
    .stats-est-box__year-label {
        font-size: 36px;
    }

    .stats-pathway-box__val,
    .stats-est-box__content .text-highlight .dancing-number {
        font-size: 48px;
        line-height: 1;
    }

    .metric-item {
        display: flex;
        justify-content: space-between;
    }

    .stats-pathway-box {
        align-items: center;
        margin-top: 15px;
    }

    .stats-pathway-box .stats-pathway-box__title {
        max-width: 200px;
    }

    .stats-pathway-box__val {
        margin-top: 0;
    }

    .stats-est-box__content {
        display: block;
    }

    .stats-est-box__year p {
        margin-top: 50px;
    }

    .stats-est-box__desc {
        font-size: 16px;
    }

    .philosophy-section__content {
        width: 90%;
    }

    .philosophy-section__desc {
        width: 85%;
    }

    .sets-us-apart-section__title {
        flex-direction: column;
        align-items: center;
    }

    .sets-us-apart-section__title {
        font-size: 24px;
    }

    .sets-us-apart-section__subtitle {
        font-size: 18px;
    }

    .sets-us-apart-section {
        margin-top: 0;
    }

    .sua-stage__img,
    .sua-btn-pill--international .sua-btn-pill__arrow--yellow,
    .sua-btn-pill--integrated .sua-btn-pill__arrow--brown,
    .sua-btn-pill__img {
        display: none;
    }

    .sua-stage__img_mobile {
        display: inline;
    }

    .sets-us-apart-section {
        padding-bottom: 0;
    }

    .university-gallery-section {
        margin: 30px auto;
    }

    .sua-stage__main {
        margin: 0;
        text-align: left;
    }

    .sua-slogan {
        position: absolute;
        top: 32%;
        left: -10%;
    }

    .sua-stage {
        gap: 0;
    }

    .sua-stage__img_mobile,
    .sua-btn-pill__img_mobile {
        display: inline;
    }

    .sua-btn-pill__img_mobile {
        width: 258px;
        height: 115px;
    }

    .sua-btn-pill--international,
    .sua-btn-pill--integrated {
        position: absolute;
    }

    .sua-btn-pill--international {
        right: -55%;
        top: 28%;
    }

    .sua-btn-pill--integrated {
        left: 1%;
        top: 48%;
    }

    .sis-lang-vi .nobreak-on-desktop-en .footer-slogan__part2 {
        margin-left: 0px;
        text-align: center;
    }

    .sis-lang-vi .site-logo-img,
    .sis-lang-vi .sishc-logo {
        max-height: 65px;
    }

    .sis-page-title {
        font-size: 24px;
    }

    .sishc-career-hero .sishc-container,
    .sishc-career-photo-img {
        width: 90vw;
    }

    .sishc-career-contact-col {
        max-width: 90%;
        width: 90%;
    }

    .sishc-career-process-oval {
        max-width: 90%;
        border-radius: 55px;
    }

    .sishc-career-process-col {
        padding-bottom: 280px;
    }

    .sis-page-title-header {
        padding-bottom: 20px;
    }

    .sis-outdoor-sub-gallery-title {
        width: 70%;
    }

    .sis-outdoor-pill-badge {
        width: 100%;
    }

    .sis-outdoor-intro-content {
        width: 90%;
    }

    .sis-outdoor-discover-btn-link img {
        width: 100%;
    }

    .sis-outdoor-wave-wrap {
        min-height: 80vw;
    }

    .sis-outdoor-obv-subheading.sis-outdoor-obv-subheading,
    .sis-outdoor-obv-heading {
        font-size: 16px;
    }

    .sis-photo-taken-during-study-tour {
        padding-bottom: 54%;
    }

    .sis-outdoor-immersion-text-wrap,
    .sis-outdoor-section-lead,
    .sis-outdoor-tour-text-wrap {
        width: 100%;
    }

    .sis-outdoor-overseas-section {
        padding-left: 0;
        padding-right: 0;
    }

    .sis-outdoor-sub-gallery-title {
        font-size: 16px;
        margin-top: 0;
    }

    .sis-outdoor-immersion-arch-box {
        --bg-slide-bot-obv: linear-gradient(180deg, rgba(255, 255, 255, 0) 30vw, rgba(190, 81, 3, 1) 30vw, rgba(190, 81, 3, 1) 100%);
        border-radius: 0;
        background-size: 100%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .sis-outdoor-arch-title {
        margin: 0 auto;
        padding: 40px 0;
        font-size: 16px;
        max-width: 300px;
    }

    .sis-outdoor-compass-fan-container {
        margin: 0 auto -170px;
    }

    .sis-outdoor-obv-gallery-wrapper {
        bottom: -12vw;
    }

    .sis-outdoor-immersion-slider-container,
    .sis-outdoor-immersion-swiper,
    .sis-outdoor-immersion-card__img-box {
        height: 70vw;
    }

    .sishc-affiliated-pill {
        width: 90%;
    }

    .sishc-affiliated-pill__title {
        font-size: 20px;
    }

    .sishc-affiliated-pill__list a {
        font-size: 16px;
    }

    .sishc-contact-oval-photo--stem,
    .sishc-contact-oval-photo--dragon {
        position: static;
    }

    .sishc-contact-oval-photo--dragon {
        width: 39.5vw;
        height: 12.5vh;
        object-position: center center;
        align-self: end;
    }

    .sishc-contact-oval-photo--stem {
        width: 39vw;
        height: 12.5vh;
        object-position: top center;
        margin-top: -15vw;
    }

    .sishc-contact-top-photos {
        flex-direction: column-reverse;
        margin-right: 0;
    }

    .sishc-contact-upper-flex {
        flex-direction: column;
        margin-top: 40px;
    }

    .sishc-contact-oval-photo--kids {
        width: 57.5vw;
        height: 17vh;
        margin-right: 5.5%;
    }

    .sishc-contact-kids-photo {
        margin: 0;
        justify-items: self-end;
    }

    .sishc-contact-info-card {
        margin-left: 5.5%;
        margin-right: 0;
        width: 94.5%;
    }

    .sishc-contact-info-text p {
        max-width: 250px;
    }

    .sishc-affiliated-pill__list {
        max-width: 300px;
        margin: auto;
    }

    .sishc-principal-card-left {
        grid-template-columns: 1fr;
    }

    .sishc-principal-photo-wrap img {
        height: 85vw;
    }

    .sishc-principal-section .container,
    .content-container.lg,
    .container-form {
        width: 90%;
    }

    .sishc-principal-info {
        border-bottom: 6px solid var(--color-secondary);
        padding-bottom: 20px;
    }

    .sishc-principal-content-right {
        text-align: center;
    }

    .sishc-principal-greeting {
        max-width: 330px;
        margin: auto;
    }

    .sishc-staff-section {
        padding-top: 40px;
    }

    .sishc-tab-btn {
        font-size: 16px;
        background-color: var(--color-cream);
        padding: 13px 30px;
    }

    .sishc-tabs-pill-container {
        padding: 0;
        background-color: unset;
        border: 0;
        gap: 10px;
    }

    .sishc-presentation-header {
        max-width: unset;
    }

    .sishc-presentation-avatar-col {
        text-align: center;
    }

    .sishc-presentation-card {
        display: grid;
        isolation: isolate;
        background: white;
    }

    .sishc-presentation-card::before {
        content: "";
        position: absolute;
        top: 130px;
        right: 0;
        bottom: 0;
        left: 0;
        background: #FFF9F0;
        border-radius: 25px;
        z-index: -1;
    }

    .sishc-presentation-body {
        order: 3;
        padding: 30px 20px;
        padding-top: 0;
        min-height: unset;
        gap: 20px;
    }

    .sishc-presentation-header {
        order: 2;
    }

    .sishc-presentation-slide.swiper-slide-active .sishc-presentation-header {
        margin: 0 20px 0;
    }

    .sishc-presentation-swiper.swiper-vertical {
        touch-action: auto;
    }

    .sishc-presentation-header,
    .sishc-presentation-body {
        text-align: left;
    }

    .sishc-academic-hero {
        padding-top: 0;
    }

    .sishc-presentation-name {
        font-size: 24px;
    }

    .sish-wsua,
    .content-container.md,
    .cont-full-text .content-container.md,
    .sishc-goals-page .content-container.md {
        max-width: 90%;
    }

    .sis-container--narrow,
    .sis-stellar-section {
        max-width: 500px;
        width: 90%;
    }

    #sishc-pane-senior-high .sis-stellar-section {
        max-width: 100%;
    }

    .sis-stellar-title-col {
        margin-top: 0;
    }

    .sis-stellar__chart-wrap {
        width: 100%;
    }

    .sis-stellar-card {
        padding: 20px;
        padding-bottom: 40px;

    }

    .sis-stellar__top-row {
        gap: 0;
        flex-direction: column;
        text-align: center;
    }

    .sis-stellar__top-rate {
        margin-top: -20px;
    }

    .sis-stellar__rate-number,
    .sis-stellar__top-rate {
        font-size: 64px;
    }

    .sis-stellar__rate-item.stellar-result-1,
    .sis-stellar__rate-item.stellar-result-2 {
        width: 100%;
        border-radius: 36px 36px 36px 36px;
        flex-wrap: wrap;
        padding: 5px;
        padding-bottom: 20px;
        column-gap: 20px;
        row-gap: 0;
        max-width: 300px;
        margin: auto;
    }

    .sis-stellar__rate-analytic {
        flex-direction: column;
        flex: 1;
        margin-top: 15px;
    }

    .sis-stellar__rate-analytic .mt-30px {
        margin-top: 0;
    }

    .sis-stellar__rate-analytic .sis-stellar__rate-number {
        line-height: 1;
        margin-top: 0;
    }

    .sis-stellar__rate-subjects {
        margin: 0;
        width: 100%;
        align-items: center;
    }

    .sis-stellar__rate-subjects p {
        font-size: 13px;
        text-align: center;
    }

    .sis-stellar__books-col {
        display: block;
    }

    .sis-stellar__books-img {
        width: 100%;
        max-width: unset;
    }

    .sis-stellar__bottom-row {
        flex-direction: column-reverse;
    }

    .sishc-programme-desc {
        width: 90%;
    }

    .sishc-grade-tabs {
        flex-wrap: wrap;
        border: 0;
        background: none;
        padding: 0;
    }

    .sishc-grade-tab-btn {
        flex: 1 1 100%;
        background-color: var(--color-cream);
    }

    .sishc-grade-title,
    .sishc-highlights-card-title {
        font-size: 24px;
    }

    .sishc-highlights-card {
        padding: 20px 0;
    }

    .sishc-highlights-photo {
        height: 100%;
    }

    .sishc-programme-desc,
    .sishc-programme-highlights {
        width: 90%;
    }

    .sishc-container {
        width: 90%;
    }

    .sishc-grade-desc {
        width: 100%;
    }

    .sishc-stadium-photos {
        flex-direction: column;
    }

    .sishc-stadium-photos .sishc-mask-pill:first-child,
    .sishc-stadium-photos .sishc-mask-pill:last-child {
        width: 100%;
        height: 60vw;
        max-width: 100%;
    }

    .sis-study-cards-grid {
        grid-template-columns: repeat(1, 1fr);
        max-width: 90%;
    }

    .sis-study-card {
        padding: 20px;
        border-radius: 30px;
    }

    .sis-study-card--international .sis-study-card__image-wrap {
        margin-top: 20px;
    }

    .sis-study-card--integrated .sis-study-card__image-wrap {
        margin-bottom: 20px;
    }

    .sis-study-card__image-wrap {
        height: 45vw;
    }

    .page-alumni .alumni-block__title,
    .sis-partner-card__title {
        font-size: 20px;
    }

    .sis-tabs__btn {
        font-size: 14px;
        width: 100%;
    }

    .sis-partner-card {
        padding: 0;
    }

    .page-accreditations-partnerships .sis-intro-text,
    .sis-partner-card__desc,
    .sis-partner-card__schools-list {
        width: 100%;
    }

    .sis-tabs__nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .sis-tabs__btn:nth-child(1),
    .sis-tabs__btn:nth-child(2),
    .sis-tabs__btn:nth-child(5),
    .sis-tabs__btn:nth-child(6) {
        background-color: var(--color-caramel);
        color: #ffffff;
    }

    .sis-tabs__btn:nth-child(3),
    .sis-tabs__btn:nth-child(4),
    .sis-tabs__btn:nth-child(7) {
        background-color: #fdf7ec;
        color: #702509;
    }

    .sishc-fee-btn {
        max-width: 400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .content-transportation {
        width: 100%;
    }

    .sis-page-other-fees table tr td,
    .sis-page-other-fees table tr td:not([rowspan]),
    .sis-page-other-fees table td[rowspan] {
        padding: 8px 15px;
    }

    .container .content-container.md {
        width: 100%;
        max-width: 100%;
    }

    .sishc-booklet-cover-img {
        width: 100%;
    }

    .sis-eca-tabs__nav {
        flex-direction: column;
    }

    .sis-eca-tabs__btn {
        padding: 10px;
    }

    .sis-eca-activities-grid {
        gap: 20px;
    }

    .sishc-milestone-card-btn {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        justify-content: flex-start;
    }

    .sishc-milestone-card-btn img,
    .sishc-milestone-card-btn:last-child img {
        height: 70px;
    }

    .sishc-milestone-card-btn__title {
        width: 100%;
        font-size: 18px;
    }

    .sis-wof-year-heading-wrap {
        margin-bottom: 20px;
    }

    .sis-wof-year-title {
        font-size: 36px;
    }

    .sis-wof-section {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .sis-wof-card__img-wrap img {
        height: 65vw;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-title .post-title {
        max-width: 100%;
    }

    .sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-gallery.filebird-block-filebird-gallery,
    .sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-gallery {
        grid-template-columns: repeat(1, 1fr);
    }

    .sishc-photo-gallery-container .hook-photo-gallery-content .filebird-block-filebird-gallery .blocks-gallery-item,
    .sishc-photo-gallery-container .hook-photo-gallery-content .wp-block-image {
        grid-area: span 1 !important;
        height: auto !important;
    }

    .sis-featured-cards-grid {
        padding-left: 5.5%;
    }

    .sis-news-row-item__title,
    .sis-news-row-item__title a {
        font-size: 16px;
    }

    .sis-badge {
        padding: 2px 10px;
        font-size: 13px;
    }

    .sishc-uniform-sidebar {
        display: none;
    }

    .sishc-uniform-sec__title {
        text-align: center;
    }

    .sishc-uniform-layout {
        padding-top: 0;
    }

    .sishc-uniform-reqs__list {
        margin-left: 0;
    }

    .sishc-uniform-sec__title {
        font-size: 24px;
    }

    .sis-page-accreditations-and-partnerships .sis-tabs__btn {
        min-height: 60px;
    }

    .sishc-single-post__container {
        padding-top: 40px;
    }

    .sis-pathway-cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .sis-pathway-card {
        width: 100%;
    }

    .sis-pathway-card .sis-pathway-card__image-col img {
        width: 75%;
    }

    .sis-pathway-card.sis-pathway-card--uk .sis-pathway-card__image-col img {
        width: 40%;
        margin-bottom: 10px;
    }

    .sis-pathway-card.sis-pathway-card--au .sis-pathway-card__image-col img {
        width: 50%;
    }

    .sis-lang-vi .sis-pathway-card__title {
        font-size: 24px;
    }

    #enquiry-form-popup .wp-form-enquiry {
        padding-top: 0;
    }

    #enquiry-form-popup .enquiry-form-close-wrapper {
        top: 0;
    }

    .wpforms-field.wpforms-field-content .wpforms-field-row h1,
    #enquiry-form-popup .form-title h1 {
        line-height: normal;
    }

    #enquiry-form-popup .enquiry-form-container {
        width: 90%;
        max-width: 460px;
    }

    #enquiry-form-popup .wpforms-field-nationality {
        max-width: 100%;
    }

    #enquiry-form-popup .select-enquire {
        padding-top: 10px;
    }

    .wpforms-field.wpforms-field-content .wpforms-field-row h3,
    #enquiry-form-popup .heading h3 {
        font-size: 16px;
    }

    #enquiry-form-popup div.wpforms-container-full {
        margin: 0;
    }

    .sis-lang-vi .sua-slogan__text {
        font-size: 12px;
    }

    .sis-lang-vi .hero-subtagline {
        max-width: 330px;
    }

    .sis-lang-vi .footer-contact-list {
        max-width: 280px;
    }

    .sis-lang-vi .sets-us-apart-section {
        padding-bottom: 0;
    }

    .sis-lang-vi .sua-slogan {
        bottom: auto;
        top: 32%;
        left: -36px;
        text-align: left;
    }

    .sis-lang-vi .sis-stellar-title {
        font-size: 20px;
    }

    .lang-switcher {
        width: 45px;
    }

    .lang-switcher,
    .lang-toggle-btn {
        height: 20px;
    }

    .is-en .lang-toggle-text {
        padding: 0 0 0 5px;
    }

    .sis-outdoor-obv-section {
        margin-top: 0;
    }

    .sis-outdoor-intro-section {
        padding-bottom: 30vw;
    }

    .sis-outdoor-fan-img {
        top: -25vw;
    }

    .sis-lang-vi .sishc-career-group-title {
        font-size: 20px;
    }

    .sis-lang-vi .sishc-contact-info-text p {
        max-width: 270px;
    }
}

@media (max-width: 576px) {
    .sishc-milestone-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sis-lang-vi #accessories .sishc-uniform-sec__title {
        max-width: 270px;
        margin: auto;
    }
}

@media (max-width: 500px) {
    .gallery-popup-buttons .btn-popup {
        padding: 0;
    }

    .gallery-popup-buttons .btn-popup svg,
    .popup-buttons .btn-popup svg {
        top: auto;
        left: auto;
    }

    #galleryPopup .imgs-gallery-popup .gallery-popup-buttons {
        bottom: 25px;
    }
    #enquiry-form-popup button[type="submit"]{
        width: 100%;
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .lang-switcher {
        width: 45px;
    }

    .lang-switcher,
    .lang-toggle-btn {
        height: 20px;
    }

    .philosophy-section__slogan {
        font-size: 13px;
    }

    .sis-wof-card__img-wrap img {
        height: 80vw;
    }

    #form-enrollment-confirmation div.wpforms-field-radio ul li {
        width: 100%;
        margin-bottom: 10px !important;
    }
    .sis-outdoor-pill-badge {
        font-size: 14px;
    }
}