/*========== min ==========*/
@media (min-width:576px) {
    
    .visible-mobile-sm { display: none !important;}
    
} 

@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}

    /* MODULES */
    .department-container.type-grid .department:not(:nth-child(-n+2)) {
        padding-top: var(--spacing-sm);
        border-top: 1px solid;
    }

    .course-container {
        display: grid;
        grid-template-columns: 185px 1fr;
        grid-gap: var(--spacing-sm) calc(var(--spacing-md) - var(--spacing-2xs));
    }
    .course-cover {
        grid-row: 1;
        grid-column: 1;
    }
    .course-overview {
        grid-row: 2;
        grid-column: 1;
    }
    .course-detail {
        grid-row: 1 / span 2;
        grid-column: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: var(--spacing-sm);
    }
    .course-detail .detail-container {
        flex: 1;
    }

    .blog-grids {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr;
    }
    .blog-grids > .blog:nth-child(1),
    .blog-grids > .blog:nth-child(4) {
        grid-column: 1;
        grid-row: span 2;
    }

    .blog-grids > .blog.viewall {
        grid-column: 2;
        grid-row: span 2;
        grid-template-columns: 100%;
        grid-template-rows: 2fr 1fr;
    }

    *[data-section="about-why-eba"] *[data-group="1"] .sc-column.cover {
        text-align: center;
    }
    *[data-section="about-why-eba"] *[data-group="2"] .sc-columns {
        grid-template-columns: 42.380952381% 1fr;
    }

    *[data-section="about-why-eba"] *[data-group="why-eba"] .sc-columns {
        grid-template-columns: 50% 40.3706688155%;
        justify-content: space-between;
    }
    *[data-section="about-why-eba"] *[data-group="why-eba"] .sc-columns > .sc-column.cover .sc-cover {
        position: -webkit-sticky;
        position: sticky;
        top: calc(100vh/4);
    }

}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    
    /* HEADER */
    .header-brand {
        grid-column: 1;
        align-self: center;
    }
    .header-brand:not(:last-child) {
        margin-right: var(--spacing-sm);
    }
    .header-system {
        grid-column: 2;
        display: grid;
        grid-template-columns: 1fr auto;
    }
    .header-system .menu {
        grid-column: 1;
        height: 100%;
        align-items: center;
    }
    .header-system .menu > li {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .header-system .menu > li:not(:last-child) {
        margin-right: var(--spacing-sm);
    }
    .header-system .menu > li > a {
        text-decoration: none;
    }
    .header-system .menu > li > a:hover {
        color: var(--color-theme);
    }
    .header-system .menu > li > a.active {
        font-weight: var(--weight-extrabold);
        color: var(--color-theme);
    }
    .header-system .tools {
        grid-column: 2;
        padding: 0 var(--spacing-sm);
    }
    .header-system:last-child .tools {
        padding-right: 0 !important;
    }
    html.header-menu-enabled .header-system .menu {
        padding-right: var(--spacing-sm);
    }
    html.header-menu-enabled .header-system .tools {
        background: #fff;
        border-left: 1px solid var(--color-gray-light);
    }
    html.header-menu-enabled .header-system .tools .menu-tool .ctrl > .name {
        display: none;
    }

    .header-cta {
        grid-column: 3;
        justify-self: end;
        width: var(--cta-width);
        height: 100%;
        margin-right: var(--spacing-lg-minus);
    }
    .header-cta > a {
        width: 100%;
        height: calc(100% + 2px);
        margin-top: -1px;
    }

    .header-menu {
        width: 357px;
        max-width: 50vw;
    }
    .header-menu .inner {
        padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);
    }
    .header-menu .cta {
        display: none;
    }

    .header-search .search-form {
        font-size: var(--font-size-lg);
    }
    
    /* FOOTER */
    .footer-directory {
        display: grid;
        grid-template-columns: repeat(5,auto);
        grid-gap: var(--spacing-md);
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .footer-directory .ctrl {
        display: none;
    }
    .footer-directory > ul > li:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }
    .footer-directory > ul > li > ul {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .footer-directory > ul > li > ul:not(:first-child) {
        margin-top: var(--spacing-xs);
    }
    .footer-directory > ul > li:not(:last-child) > ul {
        margin-bottom: var(--spacing-md);
    }
    .footer-directory > ul > li > ul > li:not(:last-child) {
        margin-bottom: var(--spacing-3xs);
    }
    
    .footer-legal .menu > li:not(:last-child),
    .footer-legal .social-container > *:not(:last-child) {
        margin-right: var(--spacing-md);
    }

    /* SECTION */
    .sc-columns.rtl .sc-column:nth-child(2) {
        order: -1;
    } 
    
    .sc-menu .swiper-container {
        position: static;
    }
    .sc-menu .swiper-button-prev {
        transform: translate(calc(-50% + (var(--spacing-xs)/2)), -50%);
    }
    .sc-menu .swiper-button-next {
        transform: translate(calc(50% - (var(--spacing-xs)/2)), -50%);
    }

    .sc-billboard-grid {
        display: flex;
        justify-content: space-between;
    }
    .sc-billboard-grid .sc-cover {
        width: 64%;
    }
    .sc-billboard-grid .sc-inner {
        width: calc(100% - 64%);
        align-self: center;
    }

    .sc-poster .sc-container[data-grid-row] {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1fr auto 1fr;
    }
    .sc-poster .sc-container[data-grid-row] > *[data-middle] {
        grid-row: 2;
        align-self: center;
    }
    .sc-poster .sc-container[data-grid-row] > *[data-bottom] {
        grid-row: 3;
        align-self: flex-end;
    }

    .sc-gallery-grid {
        display: grid;
        grid-template-columns: 42.7419354839% 26.2396694215% 1fr;
        grid-auto-rows: calc((39.4444444444vw/2) - (var(--spacing-sm)/2));
        grid-auto-flow: dense;
        grid-gap: var(--spacing-sm);
    }
    .sc-gallery-grid > .sc-gallery-item:is(:nth-child(4n+1), :nth-child(4n+3)) {
        grid-row: span 2;
    }

    /* MODULES */
    *[data-section="eba-life-alumni"] .sc-grids {
        grid-template-columns: 1fr 25%;
    }
    *[data-section="eba-life-alumni"] .sc-grid-headline {
        grid-column: 1;
    }
    *[data-section="eba-life-alumni"] .sc-grid-cover {
        grid-column: 2;
    }
    *[data-section="eba-life-alumni"] .sc-grid-content {
        grid-column: 1 / span 2;
    }

    *[data-section="about-cover"] .sc-billboard {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    *[data-section="about-why-eba"] *[data-group="2"] .sc-columns {
        grid-column-gap: var(--spacing-sm);
    }
    
    .credit-total {
        padding-top: var(--spacing-xs);
        border-top: 2px solid;
    }

    .guidebook-cover .media {
        width: 38vw;
    }
    
    *[data-section="current-student-guidebook"] .sc-container {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - var(--spacing-md)/2));
        grid-template-rows: 1fr auto;
        grid-gap: var(--spacing-md);
    }
    *[data-section="current-student-guidebook"] .sc-container > *:not(:last-child) {
        margin-bottom: 0 !important;
    }
    *[data-section="current-student-guidebook"] .sc-headline {
        grid-row: 1;
        grid-column: 1;
    }
    *[data-section="current-student-guidebook"] .sc-cover {
        grid-row: 1 / span 2;
        grid-column: 2;
    }
    *[data-section="current-student-guidebook"] .sc-content {
        grid-row: 2;
        grid-column: 1;
    }

    *[data-section="current-student-senior-research"] .sc-layer {
        position: absolute;
        z-index: 1;
        right: 10vw;
        top: 0;
        transform: translate(0,-17%);
    }
    *[data-section="current-student-senior-research"] .doc-container {
        width: 100%;
        max-width: 385px;
        margin-left: auto;
        margin-top: var(--spacing-xl);
    }

    .blog-container.type-grid.all {
        grid-template-columns: repeat(2,1fr);
        grid-auto-flow: dense;
        grid-row-gap: var(--spacing-md);
    }
    .blog-container.type-grid.all > .card:is(:nth-child(2)):not(:last-child) {
        margin-top: calc(var(--spacing-lg) - var(--spacing-md));
    }

    .blog-featured {
        display: flex;
    }
    .blog-featured > *:not(:last-child) {
        margin-bottom: 0 !important;
    }
    .blog-featured > .cover {
        width: 64%;
    }
    .blog-featured > .caption {
        width: calc(100% - 64%);
        display: flex;
        flex-direction: column;
        padding: var(--spacing-md) var(--spacing-lg);
    }
    .blog-featured > .caption > .entry-header {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    *[data-post="course"] .entry-header {
        display: grid;
        grid-template-columns: 50% auto;
        grid-auto-flow: dense;
        grid-gap: var(--spacing-xs) 0;
    }
    *[data-post="course"] .entry-header > *:not(:last-child) {
        margin-bottom: 0 !important;
    }
    *[data-post="course"] .entry-header > .entry-tag {
        grid-column: 1 / span 2;
    }
    *[data-post="course"] .entry-header > .entry-course {
        grid-column: 2;
        grid-column-gap:  var(--spacing-lg);
        white-space: nowrap;
        margin-left: auto;
    }
    *[data-post="course"] .entry-header > .entry-course > * {
        flex: none;
    }
    *[data-post="course"] > *:is(.entry-explore, .entry-share) {
        width: calc(50% - var(--spacing-xl)/2);
    }
    
    .glance-container {
        display: grid;
        grid-template-columns: repeat(4,1fr);
    }    
    .glance {
        padding: 0 var(--spacing-xs) var(--spacing-xs);
    }
    .glance:is(:first-child, :nth-child(4n+1)) {
        padding-left: 0;
    }
    .glance:not(:last-child, :nth-child(4n+4)) {
        border-right: 1px solid var(--color-gray-light);
    }

    *[data-section="index-experience"] .sc-poster.flexible > .sc-inner {
        background: linear-gradient(90deg, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 40%, rgba(243,243,243,0) 50%);
    }
    *[data-section="index-experience"] .sc-poster.flexible .sc-container > * {
        width: 50%;
        max-width: 510px;
    }
    *[data-section="index-experience"] .sc-poster.flexible .doc-container {
        width: 100%;
        max-width: 500px;
    }

    .source-container.type-slider {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: 0 calc(var(--spacing-lg) - var(--spacing-sm)/2);
    }
    .source-container.type-slider .swiper-container {
        position: static;
    }
    .source-container.type-slider .swiper-slide {
        width: calc(100%/3) !important;
        padding: 0 calc(var(--spacing-sm)/2);
    }
    .source-container.type-slider .swiper-button-prev {
        left: calc(var(--spacing-lg)/2);
    }
    .source-container.type-slider .swiper-button-next {
        right: calc(var(--spacing-lg)/2);
    }

}

@media (min-width:1025px) {
    
    .visible-device { display: none !important;}

    /* GENERAL */
    .container.lg {
        max-width: calc(1050px + var(--spacing-lg)*2);
    }
    .container.md {
        max-width: calc(900px + var(--spacing-lg)*2);
    }
    .width-lg {
        max-width: 1050px;
    }
    .width-md,
    .sc-intro {
        max-width: 900px;
    }

    .width-md.center {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* MODULES */
    .blog-grids {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: repeat(3, 28.0241935484%) 1fr;
    }
    .blog-grids > .blog:nth-child(1),
    .blog-grids > .blog:nth-child(4),
    .blog-grids > .blog.viewall {
        grid-row: 1 / span 2;
    }
    .blog-grids > .blog:nth-child(1) {
        grid-column: 1;
    }
    .blog-grids > .blog:nth-child(4) {
        grid-column: 3;
    }
    .blog-grids > .blog.viewall {
        grid-column: 4;
    }
    
}

@media (min-width:1280px) {
    
    .visible-device-lg { display: none !important;}

    /* INDEX */
    .index-html:not(.page-scrolling):not(.header-menu-enabled):not(.search-enabled) .header-nav {
        background: none;
        border-color: transparent;
    }
    .index-html:not(.page-scrolling) .header-system .menu,
    .index-html:not(.page-scrolling) .header-system .tools .menu-tool .ctrl > .name {
        opacity: 0;
        pointer-events: none;
    }

}

@media (min-width:1680px) {

    /* HEADER */
    .header-brand:not(:last-child) {
        margin-right: var(--spacing-md);
    }
    
    .header-system .menu > li:not(:last-child) {
        margin-right: var(--spacing-md);
    }
    .header-system .tools {
        padding: 0 var(--spacing-md);
    }
    html.header-menu-enabled .header-system .menu {
        padding-right: var(--spacing-md);
    }

    .header-menu {
        width: 397px;
    }
    .header-menu .inner {
        padding-left: var(--spacing-md);
    }

    /* FOOTER */
    .footer-legal .menu > li:not(:last-child),
    .footer-legal .social-container > *:not(:last-child) {
        margin-right: var(--spacing-lg);
    }

}

/*========== max ==========*/
@media (max-width:1365px) {

    /* HEADER */
    .header-system .menu {
        display: none !important;
    }
    .header-system .tools .menu-tool .ctrl > .name {
        display: none;
    }

}

@media (max-width:1279px) {
    
    .hidden-device-lg { display: none !important;}
    
    .button.circle:after,
    [class*="swiper-button-"]:after {
        font-size: 20px;
        width: 46px;
        height: 46px;
    }

    .button-play {
        width: 58px;
    }

}

@media (max-width:1199px) {

    :root {
        --font-size-default: 14px;
        --font-size-xs: 10px;
        --font-size-sm: 12px;
        --font-size-md: 16px;
        --font-size-lg: 24px;
        --font-size-xl: 26px;
        --font-size-xxl: 36px;

        --line-height-sm: 1.2;
    }

    .credit-head .entry-no {
        height: 32px;
        width: 32px;
        min-width: 32px;
    }

    .glance .entry-value {
        font-size: 56px;
    }
    
}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}
    
}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}

    .alignfull-device-m {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    
    /* General */
    .container,
    .sc-nav,
    .scroller-nav,
    .blog-grids > .blog:not(.viewall) .caption {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    
    /* Header */
    .header-noti {
        grid-gap: var(--spacing-3xs) var(--spacing-xs);
        grid-template-columns: auto 1fr;
    }
    .header-noti .cta {
        grid-row: 2;
        grid-column: 2;
        justify-self: normal;
    }
    
    .header-nav {
        height: auto;
        grid-template-columns: auto 1fr;
        grid-template-rows: var(--nav-height);
        grid-column-gap: var(--spacing-xs);
    }
    .header-nav.cta-disabled {
        grid-template-rows: var(--nav-height);
    }
    
    .header-brand,
    .header-system {
        grid-row: 1;
    }

    .header-system .tools > *:not(:last-child),
    .header-search .search-form .cta > *:not(:last-child) {
        margin-right: var(--spacing-xs);
    }

    .header-cta {
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        position: absolute;
        top: 100%; left: 0;
        transition: var(--transition);
    }
    .header-cta > a {
        height: var(--input-height);
    }
    html.header-menu-enabled .header-cta,
    html.page-scrolling .header-cta {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* FOOTER */
    .footer-directory {
        padding: var(--spacing-md) 0;
    }
    .footer-directory > ul > li {
        display: flex;
        flex-wrap: wrap;
    }
    .footer-directory > ul:not(:last-child),
    .footer-directory > ul > li:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .footer-directory > ul > li > * {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .footer-directory > ul > li > .ctrl {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-decoration: none;
    }
    .footer-directory > ul > li > .ctrl .ic {
        vertical-align: top;
        font-size: var(--font-size-sm);
    }
    .footer-directory > ul > li > .ctrl .ic:before {
        content: "\e90c";
    }
    .footer-directory > ul > li.active > .ctrl .ic:before {
        content: "\e90b";
    }
    .footer-directory > ul > li > ul {
        display: none;
        width: 100%;
        background: var(--color-theme-medium);
        margin-top: var(--spacing-sm);
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
    }
    .footer-directory > ul > li > ul > li:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    
    .footer-legal {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
        grid-gap: var(--spacing-sm) var(--spacing-xs);
    }
    .footer-legal .menu,
    .footer-legal .social-container {
        grid-column: 1 / span 2;
        justify-self: start;
    }
    .footer-legal .menu {
        flex-direction: column;
        font-size: var(--font-size-default);
    }
    .footer-legal .menu > li:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    .footer-legal .social-container {
        width: 100%;
        justify-content: space-between;
    }
    .footer-legal .social-container > *:not(:last-child) {
        margin-right: var(--spacing-xs);
    }
    
    #addon { 
        right: var(--spacing-xs);
    }
    
    /* MAIN */
    #main.padding-top-header {
        padding-top: calc(var(--header-height) + var(--input-height) - 1px) !important;
    }

    /* SECTION */
    .sc-nav ul {
        font-size: var(--font-size-sm);
    }
    .sc-nav li {
        flex: 1;
    }
    .sc-nav li:not(:last-child) {
        padding-right: var(--spacing-xs);
    }
    .sc-nav a {
        padding: var(--spacing-2xs) 0;
    }
    
    .sc-headline.alignment {
        align-items: baseline;
    }
    .sc-headline.alignment > *:not(:last-child) {
        margin-right: var(--spacing-xs);
    }
    
    .sc-status {
        font-size: var(--font-size-default);
    }
    
    .sc-billboard .sc-cover:before {
        padding-bottom: 55.9895833%;
    }
    .sc-billboard.type-single .sc-cover:before {
        padding-bottom: 72.265625%;
    }
    .sc-billboard .sc-tag {
        width: 34px;
        height: 34px;
        min-height: 34px;
    }
    .sc-billboard .sc-headline {
        padding: var(--spacing-sm) var(--spacing-xs);
    }
    .sc-billboard .sc-layer {
        min-width: 150px;
        transform: translate(var(--spacing-xs), 60%);
    }

    .sc-banner {
        min-height: 109.3333333333vw;
    }

    .sc-poster .sc-cover .object-fit:before {
        padding-bottom: 141.2760416667%;
    }
    .sc-poster.flexible > .sc-inner {
        min-height: calc(141.2760416667vw - var(--spacing-xs));
        padding-bottom: 84vw;
    }

    .sc-columns {
        grid-column-gap: var(--spacing-xs);
    }

    .sc-menu {
        margin: 0 var(--spacing-xs-minus);
        padding: 0 calc(var(--spacing-xs)/2);
        overflow: hidden;
    }
    .sc-menu a {
        min-height: 70px;
    }
    .sc-menu .swiper-slide {
        width: calc(100%/3) !important;
    }
    .sc-menu .swiper-container {
        position: relative;
        overflow: visible;
    }

    .sc-pages {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .sc-pages .sc-page {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .sc-pages .swiper-container {
        overflow: visible;
    }
    .sc-pages .swiper-controls {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        transform: none;
        position: relative;
        display: flex;
        justify-content: center;
        margin: var(--spacing-xs) 0 0;
    }
    
    .sc-billboard-grid .sc-cover {
        width: calc(100% - var(--spacing-xs));
        margin-left: auto;
    }
    .sc-billboard-grid .sc-inner {
        padding-bottom: var(--spacing-md);
    }
    .sc-billboard-grid .sc-explore {
        left: var(--spacing-xs);
        bottom: var(--spacing-sm);
    }
    .sc-billboard-grid .sc-explore .button.circle:not(:hover):after {
        background: #fff;
    }

    .sc-gallery-slider .swiper-wrapper {
        width: 100% !important;
        transform: none !important;
        flex-wrap: wrap !important;
        grid-gap: var(--spacing-xs);
    }
    .sc-gallery-slider .swiper-slide {
        width: 100% !important;
    }
    .sc-gallery-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-auto-flow: dense;
        grid-gap: var(--spacing-xs);
    }
    .sc-gallery-grid > .sc-gallery-item {
        aspect-ratio: 1.25/1;
    }
    .sc-gallery-grid > .sc-gallery-item:is(:nth-child(4n+1)) {
        grid-column: span 2;
        aspect-ratio: 1/1;
    }
    .sc-gallery-grid > .sc-gallery-item:is(:nth-child(4n+3)) {
        grid-row: span 2;
        aspect-ratio: auto;
    }
    
    /* MODULES */
    .blog-container.type-grid {
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: var(--spacing-xs);
    }

    .card-container.type-grid {
        grid-template-columns: repeat(2, calc(50% - var(--spacing-xs)/2));
        grid-column-gap: var(--spacing-xs);
    }

    .doc {
        padding-left: 0;
        padding-right: 0;
    }
    .doc:before {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
    }
    .doc-wrapper {
        width: 100%;
    }

    .shortcut-container.type-grid {
        grid-gap: var(--spacing-xs);
    }

    .department-container.type-grid {
        grid-column-gap: var(--spacing-xs);
    }

    .testimonial,
    .testimonial-container .swiper-pagination-bullets {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .testimonial-container .swiper-pagination-bullets {
        bottom: var(--spacing-xs);
    }

    .partner-container {
        grid-template-columns: repeat(4,1fr);
    }
    .partner .media > * {
        height: 37px;
    }

    .scroller-nav ul {
        font-size: var(--font-size-sm);
    }
    .scroller-nav li:not(:last-child) {
        padding-right: var(--spacing-sm);
    }
    
    .box-wrapper {
        width: 100%;
    }
    .box-wrapper:not(:first-child) {
        border-top: 1px solid;
    }
    .box-card:before {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        height: calc(100% + 3px);
        top: -2px;
    }
    .box-container.type-announcement .box-card:hover {
        padding-left: 0;
        padding-right: 32px;
    }
    .box-container.type-announcement .box-card:hover .entry-cta {
        right: 0;
    }
    .box-container.type-courses .box-card {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mission-container,
    .professor-wrapper {
        grid-template-columns: 100%;
        grid-column-gap: 0px;
    }

    .individual-container,
    .award-container {
        grid-column-gap: var(--spacing-xs);
    }

    *[data-section="eba-life-alumni"] .sc-grid-cover {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    
    *[data-section="about-cover"] .sc-billboard .sc-cover:before {
        height: calc( 100vh - (calc(var(--header-height) + var(--input-height) - 1px)) );
        height: calc( (var(--vh, 1vh) * 100) - (calc(var(--header-height) + var(--input-height) - 1px)) );
    }
    /* *[data-section="about-why-eba"] > .sc-inner:not(:last-child) {
        padding-bottom: 0;
    } */

    .credit-container {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .guidebook-ctrls .ctrl {
        padding-left: 0;
        padding-right: 0;
    }
    .guidebook-ctrls .ctrl:before {
        width: 100vw;
        margin: 0 calc(50% - 50vw);
    }

    *[data-section="current-student-senior-research"] .sc-layer {
        margin-left: auto;
        margin-top: var(--spacing-lg-minus);
        overflow: hidden;
    }
    *[data-section="current-student-senior-research"] .sc-layer > * {
        margin-right: var(--spacing-xs-minus);
    }
    *[data-section="current-student-senior-research"] .sc-layer + .sc-inner {
        padding-top: 0;
    }

    .card-box {
        min-height: 62.2666666667vw;
    }

    *[data-section="index-cover"] .swiper-slide {
        height: auto !important;
    }
    *[data-section="index-cover"] .swiper-slide .sc-billboard-grid {
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }
    *[data-section="index-cover"] .swiper-slide .sc-billboard-grid .sc-inner {
        width: 100%;
        flex: 1;
    }
 
    .glance:not(:first-child) {
        margin-top: var(--spacing-sm);
        padding-top: var(--spacing-sm);
        border-top: 1px solid var(--color-gray-light);
    }

    *[data-section="index-experience"] .sc-poster.flexible > .sc-inner {
        background: linear-gradient(180deg, rgba(243,243,243,1) 0%, rgba(243,243,243,1) calc(100% - 84vw), rgba(243,243,243,0) calc(100% - 64vw));
    }
    *[data-section="index-experience"] .sc-poster.flexible .sc-cover .object-fit > * {
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center bottom;
           object-position: center bottom;
    }


    .source-container.type-slider .swiper-wrapper {
        width: 100% !important;
        transform: none !important;
        flex-wrap: wrap !important;
        grid-gap: var(--spacing-sm);
    }
    .source-container.type-slider .swiper-slide {
        width: 100% !important;
    }
    .source-container.type-slider *[class*="swiper-button-"] {
        display: none !important;
    }

}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}
    
    .modal-box {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    /* SECTION */
    .sc-columns {
        grid-template-columns: 100%;
    }

    .sc-menu .swiper-slide {
        width: 60vw !important;
    }
    
    /* MODULES */
    .blog-container.type-grid,
    .card-container.type-grid,
    .shortcut-container.type-grid,
    .department-container.type-grid {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }

    .blog-container.type-grid.all {
        grid-gap: 0;
    }
    .blog-container.type-grid.all > *:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }
    .blog-container.type-grid.all > *:is(:nth-child(1),:nth-child(2)):not(:last-child) {
        margin-bottom: var(--spacing-lg);
    }

    .card .empty {
        display: none !important;
    }

    .department-container.type-grid .department:not(:first-child) {
        padding-top: var(--spacing-sm);
        border-top: 1px solid;
    }

    .individual-container,
    .award-container {
        grid-template-columns: 100%;
        grid-column-gap: 0px;
    }

    .course-container > *:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .course-cover {
        width: calc(50% - var(--spacing-sm));
    }
    .course-overview {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: var(--spacing-2xs) var(--spacing-sm);
    }
    .course-overview > *:not(:last-child) {
        margin-bottom: 0;
    }
    .course-overview .entry-category {
        grid-column: span 2;
    }
    .course-overview .entry-credit {
        align-self: end;
    }

    .course-card {
        width: 230px;
    }

    .announcement-container {
        background-image: url(../img/design/current-student-announcement-bg-m.png);
        background-position: right top;
        background-size: auto 250px;
    }
    .announcement-container .announcement {
        width: 100%;
    }

}

@media (max-width:575px) {
    
    .hidden-mobile-sm { display: none !important;}
    
    /* Form */
    .file-upload-wrapper .file-upload-input {
        padding-left: 15px;
    }
    
} 

/*========== min and max ==========*/
@media (min-width:1280px) and (max-width:1679px) {

    .header-nav {
        font-size: var(--font-size-xs);
    }

}

@media (min-width:768px) and (max-width:1199px) {

    .testimonial .entry-content {
        font-size: var(--font-size-default) !important;
    }
}