@media (max-width: 900px) { 
    .ka-course-hero h1,
    .ka-study-hero h1,
    .ka-home-hero h1,
    .ka-archive-hero h1,
    .ka-section h2,
    .ka-section-heading-row h2,
    .ka-mission-card h2,
    .ka-contact-card h2,
    .ka-contact-info-card h2,
    .ka-score-card h3,
    .ka-benefit-card h3,
    .ka-university-body h3,
    .ka-exam-card h3,
    .ka-testimonial-content h3,
    .ka-archive-card h2,
    .ka-home-card-body h3 {
        letter-spacing: -1.5px;
    }

    .ka-course-hero-grid,
    .ka-two-col {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ka-course-hero-visual img {
        max-width: 520px;
        margin: 0 auto;
    }

    .ka-course-stats,
    .ka-structure-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        margin-top: 42px;
    }

    .ka-structure-card {
        min-height: 150px;
    }

    .ka-modules-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 44px;
    }

    .ka-module-item {
        grid-template-columns: 90px 1fr;
    }

    .ka-feature-grid-list {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 44px;
    }

    .ka-why-course .ka-two-col {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .ka-section .ka-why-heading,
    .ka-section .ka-why-heading-highlight {
        letter-spacing: 2px;
    }

    .ka-section .ka-why-heading {
        font-size: 36px;
    }

    .ka-why-course p {
        font-size: 18px;
    }

    .ka-score-card {
        min-height: auto;
        padding: 56px 44px;
    }

    .ka-score-card h3 {
        font-size: 46px;
        letter-spacing: -1.5px;
    }

    .ka-score-card p {
        font-size: 24px;
        letter-spacing: 3px;
    }

    .ka-demo-benefits-grid,
    .ka-demo-prep-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-demo-pathway-grid,
    .ka-demo-score-grid {
        grid-template-columns: 1fr;
    }

    .ka-demo-included-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-testimonial-scroll {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ka-section.ka-purple-section .ka-audience-heading {
        font-size: 34px;
        letter-spacing: 1.8px;
    }

    .ka-study-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ka-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-steps-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-exam-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-archive-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-home-main-hero {
        min-height: auto;
        padding: 72px 0 46px;
        background: var(--ka-gradient-purple);
    }

    .ka-home-main-hero-bg,
    .ka-home-main-hero::before,
    .ka-home-main-hero::after {
        display: none;
    }

    .ka-home-slant-divider {
        display: none;
    }

    .ka-home-hero-image {
        position: relative;
        width: min(100% - 28px, 720px);
        height: 320px;
        margin: 0 auto;
        border-radius: 26px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
    }

    .ka-home-hero-image-left {
        left: auto;
        bottom: auto;
        z-index: 2;
        margin-top: 34px;
    }

    .ka-home-hero-image-right {
        right: auto;
        top: auto;
        z-index: 2;
        margin-top: 22px;
    }

    .ka-home-about-grid {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .ka-home-about-visual {
        min-height: auto;
    }

    .ka-home-about-image {
        width: 100%;
    }

    .ka-home-about-image img {
        height: 360px;
    }

    .ka-home-about-accent-purple {
        right: -18px;
        top: 56px;
    }

    .ka-home-about-floating-card,
    .ka-home-about-accent-gold {
        right: 22px;
        bottom: -22px;
    }

    .ka-home-service-label {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        max-width: min(100% - 28px, 720px);
        margin: 0 auto 22px;
        color: var(--ka-white);
    }

    .ka-home-service-label h2,
    .ka-home-service-right h2 {
        color: var(--ka-white);
    }

    .ka-home-service-label p,
    .ka-home-service-right p {
        color: rgba(255,255,255,0.8);
    }

    .ka-home-hero-center-card {
        position: relative;
        left: auto;
        top: auto;
        width: min(100% - 28px, 720px);
        margin: 0 auto;
        transform: none;
    }

    .ka-home-course-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-home-destinations-section {
        padding: 90px 0;
    }

    .ka-home-destinations-layout {
        gap: 42px;
    }

    .ka-home-destinations-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ka-home-testimonial-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-home-blog-grid-layout {
        grid-template-columns: 1fr;
    }

    .ka-home-blog-intro-card {
        min-height: auto;
        text-align: center;
        padding: 44px 34px;
    }

    .ka-home-blog-intro-card h2,
    .ka-home-blog-intro-card p {
        margin-left: auto;
        margin-right: auto;
    }

    .ka-home-blog-divider {
        margin-left: auto;
        margin-right: auto;
    }

    .ka-home-blog-intro-card .ka-btn {
        align-self: center;
    }

    .ka-contact-hero-grid,
    .ka-contact-main-grid,
    .ka-contact-map-card {
        grid-template-columns: 1fr;
    }

    .ka-contact-hero {
        padding: 82px 0 72px;
    }

    .ka-contact-hero-card {
        padding: 34px;
    }

    .ka-contact-support-grid {
        grid-template-columns: 1fr;
    }

    .ka-about-page-hero-grid,
    .ka-about-cert-grid {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .ka-about-page-hero {
        padding: 82px 0 72px;
    }

    .ka-about-page-hero-card {
        padding: 34px;
    }

    .ka-about-approach-grid,
    .ka-about-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-about-gallery-header {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ka-about-gallery-header h2,
    .ka-about-gallery-header p {
        margin-left: auto;
        margin-right: auto;
    }

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

    .ka-about-gallery-item-1,
    .ka-about-gallery-item-4 {
        grid-column: span 1;
        grid-row: span 1;
    }
    /* end of about page */

    .ka-about-hero-grid,
    .ka-mission-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .ka-contact-grid {
        grid-template-columns: 1fr;
    }
    /* start fo demo page*/
    .ka-study-demo-benefits-grid,
    .ka-study-demo-support-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-study-demo-scholarship-card {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 42px;
    }

    .ka-study-demo-exam-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ka-study-demo-journey-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* end of demo page */

    .ka-header-cta {
        display: none;
    }

    .ka-header-logo img {
        width: 170px;
        max-height: 64px;
    }

    .ka-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 34px;
    }

    .ka-footer-brand {
        grid-column: 1 / -1;
        max-width: 560px;
    }
}

@media (max-width: 768px) {
    .ka-container {
        width: min(100% - 28px, var(--ka-container));
    }

    .ka-menu-toggle {
        display: block;
    }

    .ka-header-inner {
        min-height: 78px;
    }

    .ka-nav {
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        display: none;
        background: var(--ka-white);
        padding: 20px;
        box-shadow: 0 20px 35px rgba(36, 0, 54, 0.12);
    }

    body.ka-menu-open .ka-nav {
        display: block;
    }

    .ka-menu {
        flex-direction: column;
        align-items: flex-start;
    }

    .ka-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ka-floating-actions {
        right: 14px;
        bottom: 14px;
    }

    .ka-section-heading-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .ka-course-hero {
        padding: 54px 0 42px;
    }

    .ka-course-hero-visual img {
        max-width: 100%;
        border-radius: 0;
    }

    .ka-course-stats,
    .ka-structure-grid {
        grid-template-columns: 1fr;
    }

    .ka-structure-card {
        min-height: 145px;
        padding: 30px 18px;
    }

    .ka-structure-icon svg {
        width: 36px;
        height: 36px;
    }

    .ka-structure-card strong {
        font-size: 21px;
        letter-spacing: 2px;
    }

    .ka-structure-card span {
        font-size: 12px;
        letter-spacing: 1.4px;
    }

    .ka-section {
        padding: 60px 0;
    }

    .ka-feature-grid-list {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .ka-feature-grid-list li {
        padding-left: 54px;
        font-size: 16px;
        letter-spacing: 1.6px;
    }

    .ka-feature-grid-list li::before {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .ka-section .ka-why-heading,
    .ka-section .ka-why-heading-highlight {
        letter-spacing: 1.2px;
    }

    .ka-section .ka-why-heading {
        font-size: 30px;
    }

    .ka-score-card {
        padding: 42px 30px;
        border-radius: 18px;
    }

    .ka-score-card h3 {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .ka-score-card p {
        font-size: 19px;
        letter-spacing: 2px;
    }

    .ka-course-hero h1,
    .ka-section h2 {
        font-size: 32px;
    }

    .ka-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ka-testimonial-scroll {
        grid-template-columns: 1fr;
    }

    .ka-section.ka-purple-section .ka-audience-heading {
        font-size: 28px;
        letter-spacing: 1.2px;
    }

    .ka-audience-list {
        gap: 26px;
    }

    .ka-audience-item {
        grid-template-columns: 40px 1fr;
        gap: 14px;
    }

    .ka-audience-icon {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .ka-audience-item-content h3 {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .ka-audience-item-content p {
        font-size: 14px;
    }

    .ka-study-hero {
        padding: 56px 0 46px;
    }

    .ka-benefits-grid,
    .ka-steps-row,
    .ka-exam-grid {
        grid-template-columns: 1fr;
    }

    .ka-card-scroll {
        grid-auto-columns: minmax(280px, 88vw);
    }

    .ka-study-hero h1 {
        font-size: 30px;
    }

    .ka-archive-grid {
        grid-template-columns: 1fr;
    }

    .ka-archive-card-image img,
    .ka-archive-placeholder {
        height: 210px;
        min-height: 210px;
    }

    .ka-home-main-hero {
        padding: 48px 0 38px;
    }

    .ka-home-service-label {
        grid-template-columns: 52px 1fr;
        gap: 14px;
    }

    .ka-home-service-icon {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .ka-home-service-label h2 {
        font-size: 18px;
    }

    .ka-home-service-label p {
        font-size: 15px;
    }

    .ka-home-hero-center-card {
        padding: 36px 24px 28px;
        border-radius: 22px;
    }

    .ka-home-hero-center-card h1 {
        font-size: 30px;
        letter-spacing: -1.5px;
    }

    .ka-home-hero-center-card p {
        font-size: 16px;
    }

    .ka-home-hero-dual-cta {
        grid-template-columns: 1fr;
    }

    .ka-home-hero-cta {
        min-height: 62px;
        font-size: 14px;
    }

    .ka-home-hero-image {
        height: 240px;
    }

    .ka-home-about-image img {
        height: 260px;
    }

    .ka-home-about-floating-card,
    .ka-home-about-accent-gold {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        margin-top: 18px;
    }

    .ka-home-about-accent-gold {
        display: none;
    }

    .ka-home-about-content h2 {
        font-size: 30px;
        letter-spacing: -1.5px;
    }

    .ka-home-about-points {
        grid-template-columns: 1fr;
    }

    .ka-home-course-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 38px;
    }

    .ka-home-course-card {
        min-height: auto;
        padding: 28px;
    }

    .ka-home-course-logo {
        margin-bottom: 22px;
    }

    .ka-home-course-card h3 {
        font-size: 21px;
    }

    .ka-home-destinations-section {
        padding: 70px 0;
    }

    .ka-home-destinations-content h2 {
        font-size: 34px;
        letter-spacing: -1.5px;
    }

    .ka-home-destinations-content p {
        font-size: 16px;
    }

    .ka-home-destinations-cards {
        grid-template-columns: 1fr;
    }

    .ka-home-destination-image {
        height: 210px;
    }

    .ka-home-destination-body {
        min-height: auto;
    }

    .ka-home-destination-body h3 {
        font-size: 24px;
    }

    .ka-home-destination-flag {
        width: 36px;
        height: 24px;
        left: 14px;
        bottom: 14px;
        border-radius: 5px;
    }

    .ka-home-testimonial-grid {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-top: 38px;
    }

    .ka-home-testimonial-card {
        min-height: auto;
        padding: 32px 26px 28px;
    }

    .ka-home-testimonial-card > p {
        font-size: 16px;
    }

    .ka-home-testimonial-person {
        grid-template-columns: 52px 1fr;
    }

    .ka-home-testimonial-avatar {
        width: 52px;
        height: 52px;
    }

    .ka-home-blog-intro-card {
        padding: 36px 24px;
    }

    .ka-home-blog-intro-card h2 {
        font-size: 32px;
        letter-spacing: -1.5px;
    }

    .ka-home-blog-tile {
        min-height: auto;
    }

    .ka-home-blog-tile-image {
        height: 220px;
    }

    .ka-home-blog-tile-content {
        width: calc(100% - 24px);
        margin-top: -46px;
        padding: 24px;
    }

    .ka-home-blog-tile-content h3 {
        font-size: 22px;
    }

    .ka-contact-hero {
        padding: 64px 0 56px;
    }

    .ka-contact-hero-content h1 {
        font-size: 34px;
        letter-spacing: -1.5px;
    }

    .ka-contact-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ka-contact-form-card {
        padding: 30px 24px;
    }

    .ka-form-grid {
        grid-template-columns: 1fr;
    }

    .ka-contact-form-card h2,
    .ka-contact-map-card h2 {
        font-size: 30px;
        letter-spacing: -1.5px;
    }

    .ka-contact-info-card-premium,
    .ka-contact-support-card {
        padding: 26px;
    }

    .ka-contact-map-card {
        padding: 24px;
    }

    .ka-contact-map-placeholder {
        min-height: 260px;
    }

    .ka-about-page-hero {
        padding: 64px 0 56px;
    }

    .ka-about-page-hero-content h1 {
        font-size: 34px;
        letter-spacing: -1.5px;
    }

    .ka-about-page-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ka-about-page-hero-card,
    .ka-certificate-slider {
        padding: 26px;
        border-radius: 22px;
    }

    .ka-about-cert-content h2,
    .ka-about-gallery-header h2 {
        font-size: 30px;
        letter-spacing: -1.5px;
    }

    .ka-certificate-frame {
        min-height: 280px;
        padding: 16px;
    }

    .ka-certificate-frame img {
        max-height: 245px;
    }

    .ka-certificate-info h3 {
        font-size: 20px;
    }

    .ka-certificate-controls {
        gap: 12px;
    }

    .ka-about-logo-marquee-section {
        padding-bottom: 60px;
    }

    .ka-about-logo-item {
        flex-basis: 140px;
    }

    .ka-about-approach-grid,
    .ka-about-team-grid {
        grid-template-columns: 1fr;
    }

    .ka-about-gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }

    .ka-about-gallery-header .ka-btn {
        width: 100%;
    }

    /* end of style - about page*/

    .ka-contact-card,
    .ka-contact-info-card {
        padding: 30px;
    }

    .ka-course-hero .ka-btn {
        width: 100%;
        min-width: 0;
    }

    .ka-split-label-main,
    .ka-split-label-sub {
        min-height: 32px;
        font-size: 17px;
    }

    .ka-split-label-main {
        padding: 7px 11px 6px;
    }

    .ka-split-label-sub {
        padding-left: 7px;
        letter-spacing: 1px;
    }

    .ka-module-item {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .ka-module-number {
        font-size: 42px;
    }

    .ka-module-content h3 {
        font-size: 22px;
        letter-spacing: 2px;
    }

    .ka-module-meta {
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    .ka-module-content p {
        font-size: 16px;
    }

    .ka-demo-benefits-grid,
    .ka-demo-prep-grid,
    .ka-demo-included-grid {
        grid-template-columns: 1fr;
    }

    .ka-demo-benefit-card,
    .ka-demo-prep-card,
    .ka-demo-pathway-card,
    .ka-demo-score-card,
    .ka-demo-highlight-card {
        min-height: auto;
        padding: 30px 26px;
    }

    .ka-demo-pathway-card h3,
    .ka-demo-score-card h3 {
        font-size: 28px;
        letter-spacing: -1.5px;
    }

    .ka-demo-included-grid div {
        min-height: auto;
    }

    /* start of demo page css*/
    .ka-study-demo-benefits-grid,
    .ka-study-demo-support-grid,
    .ka-study-demo-exam-grid,
    .ka-study-demo-journey-grid {
        grid-template-columns: 1fr;
    }

    .ka-study-demo-overview-card,
    .ka-study-demo-benefit-card,
    .ka-study-demo-support-card,
    .ka-study-demo-scholarship-card {
        padding: 30px 26px;
    }

    .ka-study-demo-cost-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 22px 24px;
    }

    .ka-study-demo-cost-row strong {
        white-space: normal;
    }

    .ka-study-demo-exam-card {
        min-height: 110px;
    }

    .ka-study-demo-journey-step {
        min-height: auto;
    }
    /* end of demo page css */
}

/* Header logo text responsive refinements */
@media (max-width: 768px) {
    .ka-header-inner {
        min-height: 88px;
    }

    .ka-nav {
        top: 88px;
    }
}

@media (max-width: 560px) {
    .ka-header-logo {
        gap: 10px;
        max-width: 260px;
    }

    .ka-header-logo img {
        width: 66px;
        max-height: 58px;
    }

    .ka-header-logo-text span {
        font-size: 20px;
        letter-spacing: 2.4px;
    }

    .ka-header-logo-text small {
        font-size: 11px;
        letter-spacing: 4px;
    }
}

/* --------------------------------------------------------------------------
   Header and footer responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1180px) {
    .ka-header-inner {
        grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) auto;
        gap: 24px;
    }

    .ka-header-logo {
        max-width: 330px;
        gap: 14px;
    }

    .ka-header-logo img {
        width: 78px;
        max-height: 70px;
    }

    .ka-header-logo-text span {
        font-size: 25px;
        letter-spacing: 5px;
    }

    .ka-header-logo-text small {
        font-size: 13px;
        letter-spacing: 6px;
    }

    .ka-menu {
        gap: 20px;
    }

    .ka-menu a {
        font-size: 12px;
        letter-spacing: 1.4px;
    }

    .ka-header-cta {
        min-width: 170px;
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media (max-width: 900px) {
    .ka-header-inner {
        min-height: 88px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ka-header-cta {
        display: none;
    }

    .ka-header-logo {
        max-width: 300px;
        gap: 12px;
    }

    .ka-header-logo img {
        width: 68px;
        max-height: 60px;
    }

    .ka-header-logo-text span {
        font-size: 21px;
        letter-spacing: 3.5px;
    }

    .ka-header-logo-text small {
        font-size: 11px;
        letter-spacing: 4.8px;
    }

    .ka-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 34px;
    }

    .ka-footer-brand {
        grid-column: 1 / -1;
        max-width: 560px;
    }
}

@media (max-width: 768px) {
    .ka-menu-toggle {
        display: block;
    }

    .ka-nav {
        position: absolute;
        top: 88px;
        left: 0;
        right: 0;
        display: none;
        background: var(--ka-white);
        padding: 20px;
        box-shadow: 0 20px 35px rgba(36, 0, 54, 0.12);
    }

    body.ka-menu-open .ka-nav {
        display: block;
    }

    .ka-menu {
        flex-direction: column;
        align-items: flex-start;
    }

    .ka-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 560px) {
    .ka-header-inner {
        min-height: 82px;
    }

    .ka-header-logo {
        max-width: 250px;
        gap: 10px;
    }

    .ka-header-logo img {
        width: 58px;
        max-height: 52px;
    }

    .ka-header-logo-text span {
        font-size: 18px;
        letter-spacing: 2.5px;
    }

    .ka-header-logo-text small {
        font-size: 10px;
        letter-spacing: 3.8px;
    }

    .ka-nav {
        top: 82px;
    }

    .ka-footer-logo img {
        width: 210px;
        max-height: 82px;
    }
}

@media (max-width: 900px) {
    .ka-study-overview-section .ka-two-col {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .ka-study-overview-card {
        min-height: auto;
        padding: 42px;
    }
}

@media (max-width: 560px) {
    .ka-study-overview-content h2 {
        font-size: 34px;
        letter-spacing: 0.5px;
    }

    .ka-study-overview-card {
        padding: 32px 26px;
        border-radius: 22px;
    }

    .ka-study-overview-card h3 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .ka-study-overview-card p {
        font-size: 16px;
    }

    .ka-study-overview-badge {
        font-size: 12px;
        letter-spacing: 1px;
    }
}

@media (max-width: 900px) {
    .ka-study-kornerston-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ka-study-kornerston-header {
        margin-bottom: 38px;
    }

    .ka-study-kornerston-header h2 {
        font-size: 30px;
        letter-spacing: 1.4px;
    }

    .ka-study-kornerston-grid {
        grid-template-columns: 1fr;
    }

    .ka-study-kornerston-card {
        min-height: auto;
        padding: 30px 26px;
    }
}

@media (max-width: 900px) {
    .ka-study-exam-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ka-study-exam-grid {
        grid-template-columns: 1fr;
    }

    .ka-study-exam-card {
        min-height: 170px;
    }
}

@media (max-width: 900px) {
    .ka-study-kornerston-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .ka-study-kornerston-grid {
        grid-template-columns: 1fr;
    }
}

/* Study Abroad journey responsive */

/* Study Abroad journey responsive */

@media (max-width: 1180px) {
    .ka-study-journey-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 900px;
    }
}

@media (max-width: 900px) {
    .ka-study-journey-header h2 {
        font-size: 38px;
        letter-spacing: 1.5px;
    }

    .ka-study-journey-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 620px;
    }
}

@media (max-width: 560px) {
    .ka-study-journey-section {
        padding: 68px 0 72px;
    }

    .ka-study-journey-header {
        margin-bottom: 42px;
    }

    .ka-study-journey-header h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .ka-study-journey-grid {
        grid-template-columns: 1fr;
        max-width: 320px;
    }

    .ka-study-journey-card {
        min-height: auto;
        padding: 30px 24px;
    }
}

/* Course hero decorative dots responsive */

@media (max-width: 900px) {
    .ka-hero-dot-1 {
        right: 36px;
        top: 54%;
        width: 26px;
        height: 26px;
    }

    .ka-hero-dot-2 {
        right: 92px;
        top: 18%;
    }

    .ka-hero-dot-3,
    .ka-hero-dot-4,
    .ka-hero-dot-5 {
        display: none;
    }
}

@media (max-width: 560px) {
    .ka-hero-dot {
        display: none;
    }
}