/**
 * Responsive Styles for Sish Theme
 */
@media (min-width: 2000px) {
    .site-footer {
        clip-path: ellipse(100vw 94% at 50% 100%);
    }
    .bg-eclipse {
        background-size: 160vw 100%;
        padding-bottom: 130px;
        margin-bottom: 0;
        padding-top: 0;
    }
}

@media (min-width: 3000px) {
    .site-footer {
        clip-path: ellipse(75vw 94% at 50% 100%);
    }
    .contact-map-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }
}
@media (min-width: 1440px) {
    .header-container, .bg-breadcrumb .container {
        max-width: 1280px;
    }
}
@media (max-width: 1800px) {
    .contact-map-wrapper {
        margin-top: 0;
    }
}
@media (max-width: 1680px) {
    :root {
        --container-max-width: 75vw;
        --section-spacing: 100px;
    }

    .is-home {
        --section-spacing: 60px;
        overflow-x: hidden;
    }

    .bottom-has-footer .text-last-section {
        padding-top: 0;
    }

    .site-footer {
        padding-top: calc(var(--section-spacing) * 1.5);
    }

    .is-home .site-footer {
        padding-top: calc(var(--section-spacing) * 2);
        margin-top: var(--section-spacing);
    }

    .courses-list .grid-two-video .category-item span {
        font-size: 16px;
    }
    .courses-list .grid-two-video .content-video{
        max-width: 41vw;
    }
    .category-icon {
        width: 42px;
        height: 42px;
    }

    .category-grid {
        gap: 15px;
    }

    /* .ihs-student-testimonial {
        padding-top: calc(var(--section-spacing) - 30px) ;
    } */
    .bottom-has-footer {
        padding-bottom: 10%;
    }

    .cta-card {
        padding: 40px;
    }

    .img-tilted {
        right: -13vw;
        width: 30vw;
        height: 30vw;
    }
    .footer-social-list li:nth-child(even){
        text-align: end;
    }
    .footer-social-list li:nth-child(4){
        padding-right: 10px;
    }
    .post-card-image {
        height: 20vw;
    }
    .contact-map-wrapper {
        margin-bottom: -15%;
    }
}

@media (max-width: 1440px) {
    :root {
        --container-max-width: 80vw;
    }

    /* h1,h2.title-category {
        padding-bottom: 10px;
        padding-top: 30px;
    } */
    .article-single-post .title-post{
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .content-heading h1{
        padding-top: 0;
        margin-top: 5vw;
    }
    /* --- Visual / Left --- */
    .about-section {
        overflow: hidden;
    }

    .about-photo {
        width: max-content;
    }

    .about-deco--outerline-1 {
        width: 450px;
        height: 450px;
    }

    .about-deco--outerline-2 {
        width: 300px;
        height: 300px;
        left: -40px;
    }

    .news-card-img img {
        height: 14.5vw;
    }

    .aeis-hero-section .banner-title,.ihs-hero-title,.ihs-gce-programmes .ihs-hero-title,
    h2 {
        font-size: 32px;
    }

    .note-box {
        font-size: 12px;
    }
    .menu-secondary ul .min-w-350 .sub-menu{
    min-width: 340px;
    }
    .summary-testimonial p,.summary-testimonial{
        font-size: 13px;
    }
    /* .min-h-200 {
        min-height: 20vw;
    } */
}

@media (max-width: 1366px) {
    .ihs-gce-programmes .ihs-hero-right{
        max-width: 45vw;
    }
    .how-to-apply-section{
        padding: var(--section-spacing);
    }
    .cta-card{
        min-height: 380px;
    }
    .programme-wrapper{
        margin-top: -150px;
    }
}
@media (max-width: 1280px) {
    .menu-secondary ul ul ul ul{
        top: -75px !important;
        right: -18px!important;
    }
    .menu-secondary ul li:hover::before {
        top: 14px;
    }

    .modal-dialog {
        max-width: 1000px;
    }

    .news-card-img img {
        height: 20vw;
    }
    .news-card-meta{
        flex-direction: column;
        align-items: flex-start;
    }
    .news-card-meta .news-card-meta-dot{
        display: none;
    }
    .img-tilted img{
        object-position: -70px 60px;
    }
    .cta-card:nth-child(2) .img-tilted img {
        object-position: -85px 25px;
    }
    .footer-registration p:last-child{
        /* max-width: 200px; */
    }
    .footer-registration{
        /* margin-bottom: -90px; */
    }
    /* Page International High School */
    .ihs-section .col-lg-5{
        flex: 0 0 300px;
    }
    .ihs-section .col-lg-7{
        flex: 0 0 calc(100% - 300px);
    }
    .facts-title{
        max-width: 320px;
    }
    .facts-subtitle {
        max-width: 300px;
    }
    .about-photo img {
        width: 400px;
        height: 400px;
    }
    .testimonial-box,.testimonial-box.no-img-profile{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .testimonial-intro-col{
        width: 25%;
    }
    .content-testimonial{
        width: 75%;
    }
}
@media (max-width: 1280px) and (min-width: 1180px) {
    .course-sidebar ul{
        padding-right: 0;
    }
    .category-grid-three .category-item{
        padding: 15px 24px;
    }
    .main-navigation ul .sub-menu{
        min-width: 13em;
    }
}
@media (max-width: 1180px) {
    .ihs-student-testimonial__intro h2{
        max-width: 275px;
    }
    .facts-title {
        max-width: 270px;
        font-size: 32px;
    }
    .facts-image-col{
        right: 10px;
    }
    .course-sidebar .card-body h3.gradient-text{
        margin-bottom: 15px!important;
    }
    .sidebar-links{
        border-top: 0;
        padding-top: 0;
    }
    .fee-section.mb-4{
        margin-bottom: 10px!important;
    }
    .course-sidebar .note-box{
        padding: 0!important;
        background-color: unset;
        margin-bottom: 1rem!important;
    }
    .footer-registration{
        max-width: 240px;
    }
    .footer-registration {
        margin-bottom: -96px;
    }
    .cta-card{
        min-height: 330px;
    }
    .image__logo_partner{
        margin-bottom: 35px;
    }
    .about-desc {
        max-width: 335px;
    }
    .para-in-img p:nth-child(3) ~ p{
        padding-left: 0;
    }
    .para-in-img.para-is-cn p:nth-child(3) ~ p{
        padding-left: 180px;
    }
    .courses-list .grid-two-video .content-video {
        max-width: 45vw;
    }
    .about-button{
        flex-direction: column;
    }
    .about-button .btn-card{
        width: 260px;
    text-align: center;
    }
    .wsua-card-title{
        font-size:16px;
    }
}
@media (max-width: 1279px) and (min-width: 1025px) {
    .main-navigation ul {
        gap: 10px;
    }
    .header-container .btn-enquiry{
        padding: 7px 10px;
    }
    .header-container,.bg-breadcrumb .container {
        max-width: 97vw;
    }
    /* .site-header{
        max-width: 100vw;
        overflow: hidden;
    } */
    /* .main-navigation ul li a,.header-container .btn-enquiry{
        font-size: 13px;
    } */
}
@media (max-width: 1179px) and (min-width: 1025px) {
    .main-navigation ul .sub-menu{
        min-width: 220px;
        max-width: 220px;
    }
    .main-navigation ul .sub-menu li a{
        font-size: 14px;
    }
    .courses-list .grid-two-video .video-wrapper {
        aspect-ratio: 4 / 5;
        max-height: 70vh;
    }
}
/* Global Responsive */
@media (max-width: 1024px) {
    :root {
        --container-max-width: 90%;
        --header-container: 90%;
        --header-logo-height: 70px;
        --section-spacing: 40px;
    }
    /* .news-events .container{
        max-width: 100%;
    } */
    .news-cards-grid {
        gap: 0;
        margin-bottom: -20px;
        padding: 0 5vw;
        overflow: auto;
    }
    .news-cards-grid::-webkit-scrollbar{
        display: none;
    }
    .news-card {
        width: 42vw;
        margin-right: 6.5vw;
    }
    .news-card{
        width: 40vw;
        margin-right: 30px;
    }
    .news-cards-grid .news-card:last-child{
        margin-right:0;
    }
    .news-card-img img{
        height: 33vw;
    }
    .news-card-body{
        gap:1rem
    }
    .posts-grid {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 40px;
    }
    .post-card-image{
        height: 32vw;
    }
    .site-logo {
        padding-top: 0;
    }

    .header-right {
        background: none;
        box-shadow: none;
    }

    .header-right .btn-enquiry,
    .site-logo {
        position: relative;
        z-index: 10003;
    }

    .header-right .btn-enquiry {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 2px solid;
        box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
    }

    .header-right .btn-enquiry span {
        display: none;
    }

    .header-right .btn-enquiry i {
        display: inline-block;
        margin-right: 0;
    }

    .menu-toggle {
        display: flex;
        order: 2;
        padding: 0;
        background: var(--gradient-button);
        border-radius: 50%;
        height: 40px;
        width: 40px;
        border: 2px solid white;
        box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
    }

    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        background-color: white;
    }
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after,.hamburger-box{
        width: 18px;
    }
    .hamburger-inner::after,.hamburger-inner::before {
        top: 6px;
    }

    .hamburger-inner::before {
        top: -6px;
    }
    .menu-toggle[aria-expanded="true"] .hamburger-inner::after {
        transform: translateY(-6px) rotate(-45deg);
    }
    .menu-toggle[aria-expanded="true"] .hamburger-inner::before {
        transform: translateY(6px) rotate(45deg);
    }
    .menu-toggle[aria-expanded="true"] .hamburger-inner::before,.menu-toggle[aria-expanded="true"] .hamburger-inner::after{
        background-color: var(--primary-color);
    }
    /* .menu-toggle[aria-expanded="true"] .hamburger-inner::before,.menu-toggle[aria-expanded="true"] .hamburger-inner::after {
        display: none;
    } */
    .menu-toggle[aria-expanded="true"] .hamburger-box {
        /* background: var(--gradient-hover-button);
        border-radius: 50%; */
        width: 18px;
        height: 18px;
        display: inline-block;
    }
    .main-navigation {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        background: white;
        padding: 8rem 2rem 2rem;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        display: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .main-navigation.toggled {
        opacity: 1;
        visibility: visible;
        display: block;
        transition: all 0.3s ease;
    }

    .main-navigation ul {
        flex-direction: column;
        gap: 32px;
    }

    .main-navigation ul li a {
        font-size: 1.5rem;
    }

    /* Mobile Submenu Styles */
    .main-navigation ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        transform: none;
        box-shadow: none;
        border: none;
        padding-left: 1.5rem;
        margin-top: 0.5rem;
        background: transparent;
    }

    /* Nested mobile submenus get more left padding */
    .main-navigation ul .sub-menu .sub-menu {
        padding-left: 1.5rem;
        margin-top: 0;
    }

    .main-navigation ul .sub-menu li a {
        font-size: 1.1rem;
        padding: 0.5rem 0;
    }

    .main-navigation .menu-item-has-children>a::after {
        display: none;
        /* Hide arrow on mobile to keep it simple */
    }
    .header-right {
        gap: 7px;
        padding: 0;
        flex-direction: row-reverse;
    }

    .polylang-list li a span {
        display: none;
    }

    .polylang-list li a {
        padding: 6px 8px;
    }
    .menu-mobile {
        display: block;
    }
    .hide-in-mobile{
        display: none;
    }
    .menu-secondary {
        position: fixed;
        width: 94vw;
        max-width: 350px;
        max-height: calc(100vh);
        padding: 6px;
        padding-right: 10px;
        right: 3vw;
        border-start-start-radius: 0;
        border-start-end-radius: 0;
    }

    .menu-scroll {
        max-height: calc(100vh - 180px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .menu-secondary ul .sub-menu {
        box-shadow: none;
        border-radius: 24px;
        background-color: unset;
        visibility: visible;
        position: unset;
        opacity: 1;
        transform: translateX(0);
        padding: 0;
        list-style: none;
    }

    .menu-secondary ul li {
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: 0;
        border-radius: 0;
        margin-bottom: 5px;
    }

    .menu-secondary ul .sub-menu {
        padding-inline: 0;
        padding-left: 10px;
        visibility: hidden;
        opacity: 0;
        display: none;
    }

    .menu-secondary ul .sub-menu.active {
        visibility: visible;
        opacity: 1;
        display: block;
    }

    .menu-secondary a {
        text-transform: capitalize;
    }

    .menu-secondary li:hover>a,
    .menu-secondary a:not([href]):not([class]):hover {
        color: inherit;
        transform: translateX(0);
    }

    .menu-secondary ul,.menu-secondary>li:hover>a,
    .sub-menu>li:hover>a {
        transform: translateX(0);
    }

    .menu-secondary ul li:hover::before,
    .menu-secondary li.menu-item-has-children::after {
        display: none;
    }

    .menu-secondary .menu-item-has-children>a.show {
        color: #fdf300;
        padding-left: 25px;
        
    }

    .menu-secondary .menu-item-has-children>a.show::after {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        left: 7px;
        top: 15px;
        background-color: #fdf300;
        border-radius: 50%;
    }
    .menu-secondary .menu-item-has-children>a[href] + .sub-menu{
        visibility: visible;
        opacity: 1;
        display: block;
    }
    /* News Responsive */
    .news-layout {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .news-featured-image {
        width: 100%;
    }

    .news-featured-content {
        position: relative;
        width: 100%;
        bottom: 0;
        margin-top: -40px;
    }

    .news-featured-date {
        bottom: auto;
        top: 20px;
        left: 20px;
    }

    /* --- Visual / Left --- */
    .about-photo img {
        width: 360px;
        height: 360px;
    }

    .about-deco--outerline-1 {
        width: 410px;
        height: 410px;
    }

    .about-deco--outerline-2 {
        width: 300px;
        height: 300px;
        left: -80px;
    }

    .about-visual::after {
        width: 26px;
        height: 26px;
        right: 0;
    }

    .about-deco--tl {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid #F09222;
        top: 60px;
    }

    .about-deco--br {
        width: 35px;
        height: 35px;
    }

    .about-deco--br--2 {
        width: 17px;
        height: 17px;
    }

    /* .min-h-200 {
        min-height: 25vw;
    } */

    /* .bg-gradient-mesh {
        padding-top: 60px;
    } */

    .bottom-has-footer {
        padding-bottom: calc(var(--section-spacing) * 3);
        margin-bottom: calc(-7vw - var(--section-spacing));
    }

    .site-footer {
        padding-top: calc(var(--section-spacing) * 2.5);
        padding-bottom: 20px;
        margin-top: calc(var(--section-spacing) / 2);
    }
    .max-w-810px,.max-w-850{
        max-width:100%;
    }
    .partner-item:nth-child(2) img, .partner-item:nth-child(3) img{
        transform: unset;
    }
    .max-w-50-container{
        max-width: var(--container-max-width);
    }
    .footer-row{
        gap: 30px;
        grid-template-columns: 240px 1fr 300px;
    }
    .footer-social-list {
        margin: 0 0 10px;
        gap: 25px 2rem;
    }
    .footer-bottom{
        margin-left: 270px;
    }
    /* Page What set us apart */
    .wsua-connector-dot,.wsua-connector-line{
        display: none;
    }
    .wsua-card-title{
        font-size: 30px;
    }
    .wsua-feature-row{
        max-width: 790px;
        margin: auto;
    }
    .wsua-features-left{
        flex: unset;
    }
    .wsua-logo-circle {
        width: 180px;
        height: 180px;
    }
    .modal-dialog{
        max-width: var(--container-max-width);
    }
    .content-brochure{
        margin-top: 0;
    }
    .spark::after {
        top: -22px;
    }
    .spark i{
        top: -24px;
    }
    .how-to-apply-section{
        padding: 0;
        padding-top: calc(var(--section-spacing) + 40px);
        padding-bottom: calc(var(--section-spacing) + 20px);
    }
    .hta-bottom-content{
        padding-top: 0;
    }
    .course-sidebar{
        top:70px;
    }
    .img-tilted {
        right: -16vw;
        width: 35vw;
        height: 35vw;
    }
    .cta-card {
        padding: 24px;
    }
    .card-title{
        font-size: 30px;
    }
    .courses-list .grid-two-video .video-popular{
        max-width: 45%;
    }
    .programme-wrapper{
        margin-top: -90px;
    }
    .post-card-btn,.ihs-icon-wrapper,.arrow-hover{
        width: 40px;
        height: 40px;
        min-width: unset;
    }
    .post-card-btn{
        top: -20px;
    }
    .header-container .btn-enquiry.show-tablet{
        display: flex;
    }
    .header-container .btn-enquiry.hide-tablet{
        display: none;
    }
    #menu-secondary {
        display: block;
    }
    .bg-eclipse-2{
        background-size: 150vw 100%;
    }
}
@media (max-width:1023px) {
    .bg-gradient-mesh{
        padding-top: 30px;
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
    .dual-cards-wrapper {
        grid-template-columns: 1fr;
    }

    .cta-card {
        padding: 20px 40px;
        min-height: auto;
    }
    .card-desc{
        max-width: unset;
    }
    .card-images {
        height: 250px;
        margin-top: 30px;
    }
    .img-tilted {
        width: 50vw;
        height: 50vw;
        right: -20vw;
        top: -10vw;
    }
    .cta-card:nth-child(2) .img-tilted img {
        object-position: -75px 25px;
    }
    .courses-grid {
        grid-template-columns: 1fr;
    }
    #contact-form-section .col-lg-6:first-child{
        order: 2;
    }
    .footer-slogan{
        transform: translateX(0);
    }
    .footer-registration{
        margin-bottom: 0;
        max-width: unset;
    }
    .footer-registration p{
        margin-bottom: 16px;
    }
    .footer-row {
        grid-template-columns: 40% 60%;
        grid-template-areas:
            "col1 col2"
            "col1 col3";
        gap: 40px;
        row-gap: 16px;
    }
    .footer-col:nth-child(1){
        grid-area: col1;
    }
    .footer-col-wrap {
        grid-area: col2;
        max-width: 400px;
    }
    .footer-col:nth-child(3){
        grid-area: col3;
        max-width: 400px;
    }
    .footer-social-list {
        margin: 0 0 16px;
        gap: 1rem 2rem;
    }
    .footer-social-list li{
        margin-bottom: 0;
    }
    .footer-social-list li:nth-child(even){
        text-align: center;
    }
    .footer-bottom{
        padding-top: 1rem;
        margin-left: 0;
    }
    .footer-divider{
        margin: 0;
    }
    .grid-2-column {
        gap: 20px;
    }
    .breadcrumb{
        margin-bottom: 10px;
    }
    .article-single-post .title-post{
        font-size: 30px;
        padding-top: 10px;
    }
    .article-sidebar{
        padding-left: 0;
        margin-top: 0;
    }
    .recent-posts {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 30px;
    }
    .image__vatel-MBA, .image__vatel {
        width: 110px;
        height: 200px;
    }
    .para-in-img p,.para-in-img.para-is-cn p:nth-child(3) ~ p{
        padding-left: 130px;
    }
    .ihs-section .col-lg-5,.ihs-section .col-lg-7{
        flex: unset;
    }
    .ihs-section .row{
        flex-direction: column-reverse;
    }
    .ihs-section .row .row{
        flex-direction:unset
    }
    .ihs-student-testimonial__grid{
        grid-template-columns:auto;
    }
    .ihs-main-img{
        max-height: unset;
    }
    .ihs-content-wrapper .title-underline{
        margin: auto;
    }
    .ihs-hero-inner{
        flex-direction: column;
    }
    .ihs-gce-programmes{
        padding: var(--section-spacing) 0;
    }
    .ihs-gce-programmes .ihs-hero-right{
        max-width: 100%;
    }
    .ihs-hero-title{
        text-align: center;
    }
    .ihs-gce-programmes .title-underline,.ihs-hero-section .title-underline,.ihs-student-testimonial__intro h2,.ihs-student-testimonial__intro .title-underline{
        margin: auto;
    }
    .ihs-gce-programmes .list-style-none a{
        justify-content: center;
    }
    .ihs-hero-section .ihs-hero-right{
        max-width: unset;
    }
    .ihs-hero-main-img{
        max-height: unset;
    }
    .ihs-teacher-testimonial__values {
        grid-template-columns: repeat(3, 1fr);
        max-width: 100%;
    }
    .ihs-student-testimonial__intro h2{
        max-width: 400px;
        text-align: center;
    }
    .spark i,.spark::after,.spark::before{
        display: none;
    }
    .ihs-student-testimonial__media img{
        max-height: unset;
    }
    .how-to-apply-new{
        padding: 0;
        margin-top: calc(var(--section-spacing) + 40px);
    }
    .facts-title,.facts-subtitle{
        max-width: unset;
    }
    .hta-top-bg{
        padding-bottom: 20px;
    }
    .hta-steps-row,.course-sidebar.sidebar-2 .course-tabs{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .list-student-council{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .list-student-council .council-card{
        padding: 12px;
    }
    .show-tablet{
        display: block;
    }
    .hide-tablet{
        display: none;
    }
    .course-sidebar .course-tabs .nav-link, .course-sidebar .course-tabs li,.course-tabs .nav-link{
        min-height: 45px;
    }
    .title-topic {
        margin-bottom: 1rem;
        margin-top: 10px;
    }
    .table-module-programme{
        margin-top: 0;
    }
    .list-objectives{
        margin-bottom: 20px;
    }
    .page-template-page-programmes-detail-3 .content-programmes{
        flex-direction: column-reverse;
    }
    .sish-modal-grid{
        grid-template-columns: 30vw 1fr;
        gap: 20px;
    }
    .text-wrap-mobile{
        display: flex;
        flex-direction: column;
    }
    .text-wrap-mobile span{
        margin-bottom: 1rem;
    }
    .text-wrap-mobile :nth-child(even){
        display: none;
    }
    .image__logo_partner{
        margin-bottom: 0;
    }
    .img-in-para{
        grid-template-columns: 150px 1fr;
    }
    .page-template-default article,.post-template-default article{
        margin-bottom: 0;
    }
    .about-deco--tl {
        top: 0;
    }
    .about-deco--outerline-2{
        left:-10px
    }
    .about-inner {
        gap: 40px;
    }
    .about-desc {
        max-width: 500px;
        margin: auto;
    }
    .wpforms-field-file-upload .modern-title{
        font-size: 13px;
    }
    div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader{
        padding: 27px 5px!important;
        min-height: 120px;
    }
    .courses-list .grid-two-video{
        flex-direction: column;
    }
    .courses-list .grid-two-video .content-video{
        max-width: 500px;
        margin: auto;
    } 
    .courses-list .grid-two-video .video-wrapper {
        aspect-ratio: auto;
        display: flex;
    }
    .courses-list .grid-two-video .video-popular{
        max-width:500px;
        margin: auto;
    }
    .course-content-body {
        margin-bottom: 5px;
    }
    .testimonial-profile {
        width: 200px;
        height: 225px;
    }
    .row-testimonial-card{
        grid-auto-flow: row;
        padding-bottom: 0;
    }
    .testimonial-intro-col {
        width: 35%;
    }
    .content-testimonial{
        width: 65%;
    }
    .testimonial-box, .testimonial-box.no-img-profile{
        margin: 0;
        padding: 36px;
    }
    .testimonial-card{
        padding: 10px 0;
    }
}
@media (max-width: 991px) and (min-width: 767px) {
    .course-sidebar .card-body h3.gradient-text,.sidebar-links,.note-box{
        width: 100%;
    }
    .course-sidebar .card-body .fee-section{
        width: 46%;
    }
    .page-aeis-preparatory-template .course-sidebar .section-heading{
        width: 100%;
    }
    .page-id-43706 .course-sidebar .card-body .fee-section h6{
        min-height: 40px;
    }
    .course-sidebar .card-body{
        display: flex;
        flex-wrap: wrap;
        column-gap: 30px;
        justify-content: space-between;
    }
    .course-sidebar.sidebar-2 .card-body{
        display: block;
    }
    .course-sidebar .btn-enquiry{
        max-width: 330px;
        margin: auto;
    }
}
/* Rotate Mobile */
@media (max-width: 932px) and (min-width: 844px) {
    .image__vatel-MBA, .image__vatel{
        height: 194px;
    }
}
@media (min-width: 768px) {
    .category-title {
        text-align: left;
        padding-left: 280px;
    }
}

/* Footer responsive */
@media (max-width: 768px) {
    :root{
        .is-home{
            --section-spacing: 40px;
        }
    }
    .banner-img {
        /* height: 91.2609vw; */
        /* 460x314 ratio */
        height:68vw;
    }
    .about-section{
        padding-bottom: calc(var(--section-spacing) + 60px);
        padding-top: 30px;
    }
    .about-inner{
        flex-direction: column;
        align-items: center;
    }
    .about-heading, .title-underline{
        text-align: center;
    }
    .about-deco--tl{
        left: 0;
    }
    .entry-title {
        font-size: 2.5rem;
    }

    h1,.heading-living .content-heading h1,h2.title-category {
        font-size: 36px;
    }
    h2,.contact-header-left .contact-title,.contact-form-box-wrapper .form-title{
        font-size: 30px;
    }

    .bottom-has-footer {
        margin-bottom: calc(-6vw - var(--section-spacing));
        padding-bottom: calc(var(--section-spacing) + 5vw);
    }
    .footer-row{
        gap: 15px;
        align-items: end;
    }
    .footer-slogan {
        font-size: 20px;
    }

    .cta-subscription {
        padding: 60px 20px;
    }

    .cta-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .cta-content {
        flex: 0 385px;
        order: 1;
        margin-bottom: 40px;
    }

    .cta-title {
        font-size: 32px;
    }

    .cta-image-left {
        order: 2;
        transform: rotate(-5deg);
        margin-bottom: -40px;
        margin-left: -30px;
    }

    .cta-image-right {
        order: 3;
        transform: rotate(5deg);
        margin-right: -30px;
    }

    .cta-image {
        width: 100%;
        max-width: 320px;
    }

    .courses-section-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .title-underline {
        margin: -15px auto 20px!important;
        width: 100px;
    }
    .modal-dialog {
        max-width: 90vw;
        margin: auto;
    }
    .modal-content{
        padding: 20px 0 20px 20px;
    }
    /* --- Visual --- */
    .about-content {
        max-width: 100%;
    }
    .contact-top-section .col-md-8{
        order: 1;
    }
    .contact-header-left .contact-title,.contact-form-box-wrapper .form-title{
        text-align: center;
    }
    .detail-value{
        margin-bottom: 0;
    }
    /* Style table */
    .agent-table-wrap{
        overflow: auto;
    }
    table#tablepress-75 thead .column-2{
        min-width: unset;
    }
    .wpforms-container .wpforms-field{
        margin-bottom: 15px !important;
        padding-top: 0px!important;
    }
    .sish-enquiry-logo img{
        height: 70px;
    }
    .sp-easy-accordion>.sp-ea-single>.ea-header a{
        line-height: normal;
        font-size: 16px;
    }
    .news-card-title{
        font-size: 16px;
        height: 55px;
    }
    /* Page Living in Singapore */
    .position-head{
        position: static;
    }
    .sec-img-living:after{
        display: none;
    }
    .content-heading h1 {
        margin-top: 0;
    }
    .content-heading h1 span{
        font-size: 26px;
    }
    .content-heading{
        margin-top: 15px;
    }
    .sec-img-living{
        max-width: var(--container-max-width);
    }
    .content-living .wp-block-image, .content-living p {
        margin-bottom: 30px;
    }
    .content-brochure.academic-calendar .brochure-item{
    flex: 0 0 100%;
    max-width: 735px;
    }
    .title-underline{
        width: 70px;
        margin: -20px auto 30px;
    }
    .ihs-student-testimonial__intro .title-underline{
        margin-top: -5px!important;
    }
    h2.color-orange,.center-mobile{
        text-align: center;
    }
    /* Page What set us apart */
    .wsua-icon-circle-outer{
        margin-right: 0;
    }
    .wsua-cards-separator{
        transform: translateX(0);
    }
    .wsua-features-left, .wsua-features-right{
        gap: 20px;
    }
    .wsua-card-content {
        min-height: 220px;
    }
    .category-grid-three .category-item{
        padding: 15px 24px;
    }
    .card-content {
        flex: 1.5;
    }
    
}
@media only screen and (max-width: 767px) {
    .about-section{
        padding: 0;
        padding-bottom: 30px;
    }
    .news-card-img img {
            height: 56vw;
    }
    .card-desc{
        max-width: unset;
        margin-bottom: 15px;
    }
    .courses-list .grid-two-video .video-popular{
        max-width: 100%;
        display: inline;
    }
    .courses-list .grid-two-video .category-grid{
        padding-bottom: 0;
    }
    .table-wrapper{
        overflow-x: auto;
    }
    .table-wrapper::-webkit-scrollbar{
        display: none;
    }
    .about-heading,
    .title-underline,.about-desc,
    .about-button {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
    .about-deco--br{
        bottom: -50px;
    }
    body .is-layout-flex{
        flex-direction: column;
    }
    .max-w-50{
        max-width: 100%;
    }
    .testimonial-section{
        padding: 0;
    }
    .intro-quote-icon{
        display: none;
    }
    .sish-slider-progress{
        max-width: 60vw;
    }
    .posts-grid{
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 40px;
    }
    .post-card-image {
        height: 62vw;
    }
    .article-single-post .title-post{
        font-size: 20px;
    }
    .ihs-teacher-testimonial__values {
        grid-template-columns: repeat(2, 1fr);
    }
    .list-objectives{
        grid-template-columns: repeat(2, 1fr);
    }
    .image__west_london,.image__logo_partner{
        width: 100%;
        margin-bottom: 1rem;
    }
    .heading-living{
        margin-bottom: 30px;
    }
    .content-living .is-layout-flex {
        gap: 0;
        margin-bottom: 30px;
    }
    .heading-living .content-heading h1{
        font-size: 32px;
    }
    .detail-item{
        margin-bottom: 20px;
    }
    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
        width: 100%;
    }
    .flex-content-border{
        flex-direction: column;
    }
    .flex-content-border > div{
        border:0;
        padding-right: 0;
    }
    .bg-eclipse {
        background-size: 1980px 100%;
        padding-bottom: calc(33% - var(--section-spacing));
        margin-bottom: -30%;
        padding-top: 30px;
    }
    .contact-top-section{
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
    }
    .contact-top-section .contact-left,.contact-top-section .contact-right{
        border-radius: 24px;
        max-width: 100%;
    }
    .contact-map-wrapper{
        margin-bottom: 0;
    }
    .table-payment tbody .column-1{
    min-width: unset;
    }
    .section-title h2 .qwigley-regular {
        font-size: 40px;
    }
    .testimonial-section{
        flex-direction: column;
    }
    .content-testimonial,.testimonial-intro-col{
        width: 100%;
    }
    .row-testimonial-card{
        justify-items: center;
    }
    .testimonial-profile {
        width: 100%;
        height: auto;
    }
    .testimonial-profile,.testimonial-profile img {
        transform: rotate(0);
    }
    .testimonial-box{
        border-radius: 0 0 72px 72px;
    }
    .testimonial-intro-col .sish-slider-nav{
    margin-bottom: 0;
}
.about-button{
    align-items: center;
}
}
@media only screen and (max-width: 667px) {
    .image__vatel-MBA, .image__vatel{
        height: 250px;
    }
    .img-in-para{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .img-in-para .image__logo_partner{
        height: 100px;
        margin-bottom: 0;
        max-width: unset;
    }
    .cta-card{
        flex-direction: column-reverse;
        padding: 0;
        align-items: flex-start;
    }
    .cta-content {
        flex: 1;
    }
    .card-content {
        flex: 0;
        padding: 24px;
    }
    .img-tilted{
        position: unset;
        left: 0px;
        width: auto;
        height: auto;
    }
    .img-tilted img,.cta-card:nth-child(2) .img-tilted img{
        border-radius: 0;
        object-position:unset;
    }
    .card-images{
        margin-top: 0;
    }
    .card-title {
        font-size: 26px;
        margin-bottom: 1rem;
    }
    .cta-card::after{
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    :root{
        --section-spacing: 40px;
    }
    .footer-row {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: none;
        gap: 40px;
        margin: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-contact-list{
        max-width: 280px;
        margin: auto;
    }
    .footer-contact-list li{
        justify-content: center;
    }
    .footer-social-list {
        grid-template-columns: 1fr 1fr;
        gap:20px;
        max-width: 300px;
        margin: auto;
        margin-bottom: 30px;
        text-align: left;
    }
    .footer-registration p:last-child{
        max-width: max-content;
    }
    .site-footer,.is-home .site-footer {
        padding-top: calc(var(--section-spacing) * 2.5);
        margin-top: 0;
    }
    .bottom-has-footer {
        margin-bottom: calc(-10vw - var(--section-spacing));
        padding-bottom: calc(var(--section-spacing) + 6vw);
    }
    .iti-mobile .iti__country-list {
        max-width: 100vw !important;
    }

    div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
        overflow-x: unset!important;
    }
    div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__list--dropdown .choices__list{
        border: 0!important;
    }
    h1,.aeis-hero-section .banner-title, .ihs-hero-title, .ihs-gce-programmes .ihs-hero-title,.heading-living .content-heading h1, h2.title-category {
        font-size: 30px;
    }
    h2,.facts-title,.content-living h2{
        font-size: 26px;
    }
    h3,.modal-body h3,.article-single-post .entry-content h2{
        font-size: 18px;
    }
    h4{
        font-size: 18px;
    }
    
    /* .min-h-200{
        min-height: 45vw;
    } */
    .wsua-card-title{
        font-size: 20px;
    }
    /* Page Facilities */
    .masonry-card img{
        max-height: 300px;
    }
    .tabs-custom .sp-eab-sidebar-tabs-nav{
        flex-direction: column;
    }
    #tablepress-78 table thead tr th.column-2{
        min-width: 250px;
    }
    #tablepress-87 thead tr th.column-2 div{
        max-width: 45vw;
    }
    #tablepress-87 tbody tr:first-child td{
        min-width: 103px;
    }
    #tablepress-87 tbody tr:first-child td.column-1{
        min-width: 166px;
    }
    #tablepress-86  thead tr td,#tablepress-86  thead tr th{
        min-width: 180px;
    }
    .table-module-programme thead tr th:first-child{
        min-width: 100px;
    }
    .recent-posts{
        display: block;
    }
    .course-tabs{
        padding: 0;
    }
    .ihs-student-testimonial{
        padding-top: var(--section-spacing);
        padding-bottom: calc(var(--section-spacing) + 10vw);
    }
    .hta-steps-row{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .how-to-apply-section{
        padding: var(--section-spacing) 0;
    }
    .how-to-apply-new{
        margin-top: var(--section-spacing);
    }
    .programmes-slider .mx-2{
        width: 55vw;
    }
    .page-template-page-higher-education .higher-ed-hero + .container.content-wrapper{
        max-width: 95vw;
    }
    .facts-banner,.hta-top-bg{
        min-height: unset;
        padding: 24px;
    }
    .slide-wrapper .dot-slide .btn-prev {
        left: -15px;
    }
    .slide-wrapper .dot-slide .btn-next {
        right: -15px;
    }
    .course-sidebar.sidebar-2 .course-tabs{
        grid-template-columns: repeat(1, 1fr);
    }
    .sp-easy-accordion .table-in-accordition{
        overflow: auto;
        margin:0 -15px;
        margin-bottom: 15px;
    }
    .sp-easy-accordion table {
        margin:0;
    }
    .sp-easy-accordion .sp-ea-single .ea-header:hover a{
        padding-left: 15px!important;
    }
    .d-grid .course-tabs{
        order: 1;
    }
    .toggle-button-cover{
        margin-top: 0!important;
        margin-bottom: 1rem;
        max-width: 100%!important;
        justify-content: center!important;
    }
    .title-topic {
        margin-bottom:20px;
    }
    .news-card{
        width: 70vw;
    }
    /* .news-events{
        padding: calc(20px + var(--section-spacing)) 0;
        margin-top: calc(20px + var(--section-spacing));
    } */
    .news-cards-grid{
        margin-bottom: 0;
    }
    div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item{
        padding: 7px 10px!important;
    }
    .sish-enquiry-logo img{
        margin-bottom: 5px;
    }
    .sish-modal-grid{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .sish-modal-content{
        padding-right: 0;
    }
    .fee-section h6{
        margin-bottom: .5rem;
    }
    .para-in-img p{
        padding-left: 0;
    }
    .partner-item img{
        max-width: 36vw;
    }
    #tablepress-105 tbody td.column-1{
        min-width: unset;
    }
}

@media (max-width: 500px) {

     .iti__country-list,
    form .iti__country-list {
        white-space: nowrap;
    }

    .pum-theme-default-theme .pum-content {
        height: calc(90vh - 90px);
        overflow: auto;
        padding-bottom: 20px;
    }

    .menu-secondary {
        max-width: 94vw;
    }
    .image__vatel-MBA, .image__vatel{
        width: 16vw;
        height: 27vw;
    }
    .list-objectives{
        grid-template-columns: repeat(1, 1fr);
    }
    .item-object{
        align-items: center;
    }
    .modal-body.has-scroll {
        padding-right: 20px;
    }
    .content-brochure .brochure-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .para-in-img.para-is-cn p:nth-child(3) ~ p{
        padding-left: 0;
    }
    .ajax-pagination .page-numbers{
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .ajax-pagination .page-numbers.prev,.ajax-pagination .page-numbers.next{
        display: none;
    }
    .max-w-770 {
        max-width: 375px;
    }
    .title-topic .gradient-text{
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
        width: min-content;
        min-width: 50vw;
    }
}