@media (min-width: 1181px) {
    .home-page .section {
        height: 100vh;
        overflow: hidden;
    }
    .home-page .header {
        padding-bottom: 0;
    }
}

@media (max-width: 1430px) {
    .section-contact.section-padding {
        padding: 3rem 0 3rem 0;
    }
    .home-top-news {
        margin-top: 3rem;
        max-height: 100px;
    }
    .bottom-menu .bottom-button {
        font-size: 1.4rem;
        padding: 1.5rem 1rem;
    }
    .bottom-menu .bottom-button .icon {
        font-size: 1.2rem;
        padding: 0.7rem 0.9rem;
    }
    .home-slider .slider-text {
        width: 50%;
        margin-left: 5%;
    }
    .home-slider .slider-image {
        width: 40%;
    }
    .home-slider .slick-dots {
        left: 5%;
    }
    .office-personnel-slider .slick-dots {
        left: 1rem;
        bottom: 4rem;
    }
    .section-office-personnel.section-padding {
        padding-top: 10rem;
    }
    @media (min-height: 774px) {
        .home-top-news {
            max-height: 100%;
        }
    }
    @media (max-height: 680px) {
        .main-career-news .name {
            margin-bottom: 5px;
            line-height: 1.2;
        }
        .main-career-news .logo {
            width: 90px;
            height: 90px;
        }
        .main-career-news .item,
        .main-career-news .item .content {
            padding: 10px;
        }
        .section-career .section-head {
            margin-bottom: 10px;
        }
        .section-career .section-head .section-title {
            font-size: 3rem;
        }
        .section-head .section-sub-title {
            font-size: 1.8rem;
        }
    }
}

@media (max-width: 1366px) {
    .section-head {
        margin-bottom: 3rem;
    }
    .slider-description {
        max-height: 50px;
        overflow-y: hidden;
    }
    .home-slider .slider-text .slider-heading {
        font-size: 2.8rem;
    }
    .home-slider .slick-dots {
        bottom: 0;
        left: 5%;
    }
    .home-top-news {
        max-height: 100px;
        overflow-y: hidden;
        margin-top: 2rem;
    }
    .home-career-news .description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .home-career-news .news-item {
        margin-bottom: 1.5rem;
    }
    .home-career-news .news-item:last-child() {
        margin-bottom: 0;
    }
    .section-career .home-top-news {
        margin-top: 0.5rem;
    }
    .section-office-personnel.section-padding {
        padding-top: 5rem;
    }
    .section-office-personnel .slick-dots {
        bottom: 3rem;
    }
    @media (min-height: 774px) {
        .home-top-news {
            max-height: 100%;
        }
        .home-slider .slider-text {
            width: 30%;
            margin-left: 5%;
        }
        .home-slider .slider-image {
            width: 60%;
        }
        .section-padding {
            padding: 10rem 0;
        }
        .section-contact.section-padding {
            padding: 10rem 0 10rem 0;
        }
    }
    @media (max-height: 625px) {
        .section-contact.section-padding {
            padding: 1rem 0 5rem 0;
        }
        .section-contact textarea.form-control {
            height: 70px;
        }
        .section-contact .section-head .section-title {
            font-size: 2.6rem;
        }
        .section-contact .section-head {
            margin-bottom: 2rem;
        }
        .footer {
            padding-top: 4rem;
        }
        .main-career-news .name {
            margin-bottom: 5px;
            line-height: 1.2;
        }
        .main-career-news .logo {
            width: 90px;
            height: 90px;
        }
        .main-career-news .item,
        .main-career-news .item .content {
            padding: 10px;
        }
        .section-career .section-head {
            margin-bottom: 10px;
        }
        .section-career .section-head .section-title {
            font-size: 3rem;
        }
        .section-head .section-sub-title {
            font-size: 1.8rem;
        }
    }
}

@media (max-width: 1280px) {
    .bottom-menu .bottom-button .icon {
        font-size: 1.2rem;
        padding: 0.5rem 0.7rem;
    }
}

@media (max-width: 1180px) {
    .js-menu-mobile {
        display: block;
    }
    .header .social .icon {
        font-size: 2.2rem;
    }
    .home-top-news .news-item .title,
    .home-career-news .title {
        font-size: 2rem;
    }
    .home-career-news .career-news-left {
        padding: 0;
        margin-bottom: 3rem;
    }
    .section {
        height: auto;
        padding: 5rem 0;
    }
    .section-home-header {
        padding-top: 0;
    }
    #indicator {
        display: none;
    }
    .header .social {
        border-left: 0;
    }
    .main-nav {
        display: none;
    }
    .section-contact.section-padding {
        padding-top: 0;
    }
    .google-map {
        height: 400px;
        margin-bottom: 3rem;
    }
    .footer {
        padding-top: 3rem;
    }
    .section-office-personnel .slick-dots {
        bottom: -4rem;
    }
    .swappy-radios label {
        display: block;
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .option-group .option-container label {
        width: 100%;
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .bottom-menu {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 100;
        background-color: rgba(248, 248, 248, 0.9);
        border-top: 1px solid var(--border-color);
    }
    .bottom-menu .bottom-menu-list {
        display: flex;
        justify-content: center;
    }
    .bottom-menu .bottom-button:first-child {
        border: none
    }
    .header .bottom-menu {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header {
        border-bottom: 1px solid var(--border-color);
    }
    .bottom-menu {
        margin-bottom: 4rem;
    }
    .header .bottom-menu {
        display: block;
    }
    body>.bottom-menu {
        display: none;
    }
    .bottom-menu .bottom-menu-list,
    .bottom-menu .bottom-button {
        display: block;
        border-left: 0;
        margin-left: 0;
        padding: 0;
    }
    .bottom-menu .bottom-menu-list {
        display: flex;
        flex-wrap: wrap;
    }
    .bottom-menu .bottom-button button,
    .bottom-menu .bottom-button a {
        display: block;
        padding: 1.5rem .5rem;
    }
    .bottom-menu .bottom-button {
        width: 50%;
        border-bottom: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
    }
    .container {
        margin-top: 0;
    }
    .home-slider .slider-text {
        margin-left: 0;
        margin-top: 1rem;
    }
    .home-slider .slider-text .slider-heading {
        margin-bottom: 1rem;
        font-size: 2rem;
    }
    .home-slider .slick-dots {
        left: 0;
        bottom: -1rem;
    }
    .home-top-news {
        max-height: 100%;
    }
    .home-top-news .news-item {
        padding: 0;
        margin-left: 0;
    }
    .home-top-news .news-item .title,
    .home-career-news .title {
        font-size: 1.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* number of lines to show */
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .home-top-news .news-item .thumbnail,
    .home-career-news .thumbnail {
        width: 96px;
    }
    .home-career-news .career-news-right {
        padding: 0;
        margin-left: 0 !important;
    }
    .section-contact .section-head .section-title {
        font-size: 2.4rem;
    }
    .section-contact .section-head {
        margin-bottom: 2rem;
    }
    .footer {
        padding-top: 2rem;
    }
    .personnel-slider .slider-text .slider-heading .slider-type {
        margin-bottom: 1rem;
    }
    .personnel-slider .slider-text .slider-heading {
        font-size: 2.4rem;
    }
    .main-content {
        padding-top: 2rem;
    }
    .content-left {
        margin-bottom: 3rem;
    }
    .content-right {
        padding-left: 0;
    }
}

@media (max-width: 820px) {
    .header-top-left {
        display: none;
    }
    .header-top-right {
        width: 100%;
        text-align: center;
    }
    .schedule-calendar .student-registered-item .btn {
        margin-bottom: 1rem;
    }
    .schedule-calendar .student-registered-item>div {
        text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .schedule-calendar .register-mask button {
        margin: 1rem 0;
        font-size: 1.2rem;
    }
    .schedule-calendar .student-registered-item .action-button {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
    }
    .schedule-calendar .student-registered-item .action-button button {
        margin-top: 2rem
    }
    .schedule-calendar .student-registered-item .action-button label {
        margin-top: 1rem;
        font-size: 1.2rem;
    }
    .schedule-calendar .student-registered-item .action-button .switch-group label {
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .home-slider .slider-text {
        width: 60%;
    }
    .home-slider .slider-image {
        width: 40%;
    }
    .home-slider .slick-dots {
        width: 100%;
        text-align: center;
    }
    .personnel-slider .slider-text .slider-heading {
        margin-bottom: 1rem;
    }
    .personnel-slider .slider-text .slider-heading .slider-type {
        font-size: 1.4rem;
    }
    .personnel-slider .slider-text .slider-heading {
        font-size: 2rem;
    }
    .home-career-news .career-news-left .news-item .thumbnail {
        margin-bottom: 1rem;
    }
    .personnel-slider .slider-text .meta {
        margin-bottom: 2rem;
    }
    .main-career-news .item {
        margin-bottom: 2rem;
    }
    .main-career-news .name {
        margin-top: 2rem;
    }
    .main-career-news .item .attribute-item {
        white-space: normal;
    }
    .main-career-news .name a {
        white-space: normal;
    }
    .main-career-news .thumbnail {
        position: absolute;
        top: -30px;
    }
    .main-career-news .logo {
        width: 60px;
        height: 60px;
    }
    .main-career-news .item:last-child {
        margin-bottom: 0;
    }
    .schedule-calendar .student-name {
        display: none;
    }
    .schedule-calendar td {
        padding-bottom: 10rem;
    }
}

@media (max-width: 540px) {
    .chatbot {
        position: fixed;
        bottom: 30px;
    }
    .header-top-right .dropdown-toggle.btn-sm,
    .header-top-right .btn-sm {
        font-size: 1.3rem;
        padding: 0.5rem !important;
    }
    .stepDetails fieldset legend {
        font-size: 2.6rem;
    }
    .header-logo-left a {
        width: 30px;
    }
    .header-logo-right {
        padding-top: 0;
    }
    .header-logo-right .header-logo-right-top a,
    .header-logo-right .header-logo-right-bottom a {
        font-size: 1.2rem !important;
    }
    .header .social {
        margin-top: 1rem;
    }
    .js-menu-mobile {
        margin-top: 0;
    }
    .home-slider {
        margin: 1rem 0;
    }
    .home-slider .slider-text .slider-heading {
        font-size: 1.6rem;
    }
    .home-slider .slider-text .slider-description {
        display: none;
    }
    .home-slider .slider-text .slider-description {
        max-height: 45px;
        margin-bottom: 0.5rem;
    }
    .btn-slider {
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
    }
    .section-head .section-sub-title {
        font-size: 1.6rem;
    }
    .section-head .section-title {
        font-size: 2.7rem;
    }
    .personnel-slider .slider-text {
        margin-bottom: 2rem;
    }
    .section-contact.section-padding {
        padding-bottom: 3rem;
    }
    .header-top-right>.btn {
        font-size: 1.2rem;
    }
    .category-articles .article-item .thumbnail {
        width: 100%;
        margin-bottom: 1rem;
    }
    .category-articles .article-item.event-item .thumbnail {
        width: 100%;
    }
    .category-articles .article-item .description .event-info .date {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }
    .slider-description {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .event-register-option-label::before {
        display: none;
    }
    .event-register-option-evaluation-item-head {
        font-size: 1.2rem;
        padding: 1.5rem 0;
    }
    .event-register-option-label span {
        font-size: 1.4rem;
        padding: 1.4rem 0.2rem;
    }
}

@media (max-width: 400px) {
    .header-logo-left a {
        width: 25px;
    }
    .header-logo-right .header-logo-right-top a,
    .header-logo-right .header-logo-right-bottom a {
        font-size: 1.1rem !important;
    }
    .header-logo-right .header-logo-right-top {
        letter-spacing: 1px;
        border-bottom: 0;
        line-height: 1;
        padding-bottom: 0;
    }
}