.zh-tw .mm-navbar.mm-navbar-bottom,
.mm-navbar.mm-navbar-bottom {
    height: 115px;
}

.en-gb .mm-navbar.mm-navbar-bottom {
    height: 125px;
}

#mobile_menu p.eng-title,
#mobile_menu p.chi-title,
#mobile_menu p.jap-title {
    width: 100%;
}

#mobile_menu p.eng-title:lang(zh-TW),
#mobile_menu p.eng-title:lang(zh-CN),
#mobile_menu p.eng-title:lang(ja-JP) {
    display: none;
    width: 100%;
}

#mobile_menu p.chi-title:lang(ja-JP),
#mobile_menu p.chi-title:lang(en-GB) {
    display: none;
}

#mobile_menu p.jap-title:lang(en-GB),
#mobile_menu p.jap-title:lang(zh-TW),
#mobile_menu p.jap-title:lang(zh-CN) {
    display: none;
}

#mobile_menu .top_menu_chi:lang(en-GB) {
    display: none;
}

#mobile_menu .top_menu_jap:lang(en-GB) {
    display: none;
}

#mobile_menu .top_menu_eng:lang(zh-TW) {
    display: none;
}

#mobile_menu .top_menu_jap:lang(zh-TW) {
    display: none;
}

#mobile_menu .top_menu_eng:lang(zh-CN) {
    display: none;
}

#mobile_menu .top_menu_jap:lang(zh-CN) {
    display: none;
}

#mobile_menu .top_menu_eng:lang(ja-JP) {
    display: none;
}

#mobile_menu .top_menu_chi:lang(ja-JP) {
    display: none;
}

.mm-navbar.mm-navbar-bottom div {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    float: none;
    padding: 5px 10px;
}

.mm-navbar.mm-navbar-bottom div.top_menu_chi {
    padding: 15px 10px;
}

.mm-navbar.mm-navbar-bottom div:nth-child(4),
.mm-navbar.mm-navbar-bottom div:nth-child(5),
.mm-navbar.mm-navbar-bottom div:nth-child(9),
.mm-navbar.mm-navbar-bottom div:nth-child(10) {
    width: 50%;
}

html.mm-front #mm-blocker.mm-slideout {
    z-index: 99999 !important;
    width: 90px;
    position: absolute;
    top: 0;
    right: 6px;
    left: inherit;
}

#mobile_gallery {
    display: none;
}

#mobile_menu {
    float: none;
    width: auto;
    margin: 0px;
    display: none;
    z-index: 1000;
}

.menu_button {
    display: none;
    width: 36px;
    height: 24px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999;
    background-repeat: no-repeat;
    background-size: 35px auto;
    right: 25px;
    top: 7px;
    background-color: #241e51;
    color: white;
    border-radius: 6px;
    padding: 4px;
    font-size: 17px;
    text-transform: uppercase;
}

.mobile_table {
    display: none;
}


/*****  Start of Gallery  *****/

a.jg_catelem_photo,
.jg_subcatelem_photo a {
    height: 230px;
}


/*****  End of Gallery  *****/

.inner_container.programmes,
.inner_container#banner_people,
.inner_container#banner_research {
    overflow-x: hidden;
}

@media (max-width:1060px) {
    .wrapper,
    .slides_content_wrapper,
    .footer_wrapper {
        width: 95%;
    }
    /*start of research*/
    #teacher_profile #tab>ul li {
        margin-right: 0%;
    }
    /*gallery*/
    .gallery .jg_row .jg_element_cat {
        width: 50%;
    }
}

@media (max-width:1000px) {
    #header {
        padding-top: 19px;
    }
    #inner_content .sub_menu+.item-page.postgraduate_detail {
        width: 95% !important;
        max-width: 708px !important;
    }
    .postgraduate_detail #teacher_profile #tab div table tr td:nth-child(1) {
        width: 25%;
    }
    .postgraduate_detail #teacher_profile #tab div table tr td:nth-child(2) {
        width: 50%;
    }
    .postgraduate_detail #teacher_profile #tab div table tr td:nth-child(3) {
        width: 25%;
    }
    #second_menu {
        display: none;
    }
    #mobile_menu {
        display: none;
    }
    #mobile_menu.mm-opened {
        display: block;
    }
    #header #font_size,
    #header .language,
    #header .search_menu,
    #header .top_sitemap {
        display: none;
    }
    #header_container {
        display: none !important;
    }
    #header_narrow {
        display: block !important;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        opacity: 1 !important;
    }
    #header_narrow .main_menu,
    #inner_narrow .main_menu {
        display: none;
    }
    #inner_content {
        margin-top: 90px;
    }
    #index_slideshow {
        min-height: 0px;
    }
    .menu_button {
        display: block;
        width: 82px;
        background-position: 50px 6px;
        width: 95px;
        background-position: 62px 6px;
        font-weight: bold;
        text-decoration: none;
        top: 50px;
    }
    .index_wrapper {
        width: 95%;
    }
    #index_slideshow {
        padding-bottom: 30px;
    }
    #second_menu li {
        display: inline-block;
        width: 33%;
        margin: 0px auto;
        margin-top: 20px;
    }
    #second_menu ul li a {
        float: none;
        display: block;
        margin: 0px auto;
    }
    #index_aboutus,
    #index_programmes,
    .home-block,
    .home-block:nth-child(odd) {
        width: 100%;
    }
    #index_aboutus table,
    #index_admissions table,
    #index_programmes table,
    .home-block table {
        width: 90% !important;
        margin-left: 5% !important;
    }
    .svg_icon_admission,
    .svg_icon_research,
    .svg_icon_announcements,
    .svg_icon_staff {
        background-position: 100% 100%;
    }
    #index_admissions .index_title p,
    #index_research .index_title p,
    #announcements .index_title p {
        margin-right: 70px;
    }
    #index_research .aidanews2_art,
    #announcements .aidanews2_art {
        width: 49%;
        margin: 0px;
        margin-right: 1%;
        height: 100px;
    }
    #index_research .aidanews2_art:hover,
    #announcements .aidanews2_art:hover {}
    #index_research .aidanews2_head,
    #announcements .aidanews2_head {
        width: 25%;
    }
    #index_research .aidanews2_head a.aidanews2_img1 img,
    #announcements .aidanews2_head a.aidanews2_img1 img {
        width: 85%;
        background-size: 70%;
        margin: 0px;
        height: auto;
        padding: 0px;
        margin-top: 10px;
    }
    #index_research .aidanews2_top {
        width: 75%;
    }
    #news-and-events {
        width: 100%;
    }
    #news-and-events .aidanews2_art,
    #carn .aidanews2_art,
    #announcements .aidanews2_art {
        width: 100%;
        height: auto;
        min-height: 0px;
        background-image: url("/20240726141036oe_/https://www.jas.cuhk.edu.hk/wp-content/images/development/background/vertical_hover1.png");
        background-repeat: no-repeat;
        background-attachment: fixed !important;
        background-position: 95% 101%;
        margin: 0px;
        margin-bottom: 12px;
        padding: 5px 0px;
    }
    #carn .aidanews2_art,
    #news-and-events .aidanews2_art {
        min-height: 180px;
        width: 49%;
        margin: 0px 0.5% 0.5% 0.5%;
    }
    #news-and-events .aidanews2_art.first,
    #carn .aidanews2_art.first {
        margin-left: 0.5%;
    }
    #news-and-events .aidanews2_topL {
        margin: 5px auto;
        float: none;
    }
    #carn {
        width: 100%;
    }
    #carn .aidanews2_positions {
        width: 205px;
        margin: 0px auto;
    }
    #people .aidanews2_art.aidaord_4,
    #people .aidanews2_art.aidaord_8,
    .inner_container.landing .component .people .aidanews2_art.aidaord_4,
    .inner_container.landing .component .people .aidanews2_art.aidaord_8 {
        margin-right: 12px;
    }
    #index_gallery {
        display: none;
    }
    #mobile_gallery {
        display: block;
    }
    .inner_container {
        margin-top: 90px;
    }
    .inner_container .banner_wrapper {
        width: 100%;
    }
    .moduletable_hone a,
    .moduletable_hone span,
    .breadcrumbs ul li.active span {
        font-size: 18px;
    }
    #inner_content .sub_menu+.item-page {
        margin-right: 0px;
    }
    #banner_programmes .item-page .article_anywhere.wrapper {
        width: 95%;
    }
    #sitesearchboxForm {
        position: relative;
        z-index: 9999;
        top: 380px;
        margin-left: 16px;
    }
    a.lang {
        position: relative;
        z-index: 9999;
        top: 350px;
        color: white;
        margin-left: 20px;
    }
    a.lang.active {
        color: white;
    }
    #gototop {
        display: none !important;
    }
    #banner_programmes .breadcrumbs .wrapper {
        width: 95%;
    }
    #banner_people #inner_content .sub_menu+.item-page {
        margin-right: 0px;
    }
    .inner_container.listing.staff .blog .items-row.cols-3 {
        display: block;
        width: 100%;
    }
    #footer {
        float: left;
    }
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 35%;
    }
    .item-page .article_anywhere {
        padding: 0px 30px 20px 10px;
    }
    /*****  Start of Sitemap Page  *****/
    #xmap .level_0 {
        margin-left: 0px;
    }
    /*****  End of Sitemap Page  *****/
    /*----  Start of Index Gallery  ----*/
    #mobile_gallery .djslider-default .navigation-container .prev-button {
        left: -15px;
        top: 25px;
    }
    #mobile_gallery .djslider-default .navigation-container .next-button {
        right: -15px;
        top: 25px;
    }
    #mobile_gallery .slide-desc-text-default {
        padding: 7px 15px 3px;
    }
    #mobile_gallery .slide-desc-text-default .slide-title {
        font-size: 18px;
        margin-bottom: 3px;
    }
    /*---- End of Index Gallery  ----*/
    /***** Start of Golbal Style  *****/
    .sub_menu {
        display: none;
    }
    /***** End of Golbal Style  *****/
    /***** Start of Programme Page  *****/
    /*-----  Start of UG & PG Programme Menu  -----*/
    #banner_programmes .programmes-menu1 {
        padding: 2px 20px;
        text-align: left;
    }
    #banner_programmes .programmes-menu2 {
        padding: 0px 20px;
        text-align: left;
    }
    #banner_programmes .programmes-menu3 {
        padding: 0px 20px;
        text-align: left;
    }
    /*-----  End of UG & PG Programme Menu  ------*/
    /*****  End of Programme Page  *****/
    /*****  Start of People Page  *****/
    /*-----  Start of First page of People Page  -----*/
    #banner_people .blog.listing.staff {
        text-align: center;
        padding-left: 120px;
    }
    #banner_people .blog.listing.staff .span {
        width: 230px;
    }
    /*-----  End of First page of People Page  -----*/
    /*****  Start of Research  *****/
    .academic_activities {
        margin: 0px auto;
    }
    .inner_container.landing .component .article_anywhere,
    .inner_container.landing .component .aidanews2 {
        width: auto;
    }
    .publications {
        margin: 0px auto;
    }
    .inner_container.landing .component .item-page .postgraduate_research .moduletable h3 {
        text-align: center;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art {
        display: block !important;
    }
    .inner_container.landing .component .item-page table td {
        background-image: none !important;
    }
    .inner_container.landing .component .item-page table td h3 {
        text-align: left;
        padding-left: 10px;
        width: 100%;
    }
    .inner_container.landing .component .article_anywhere,
    .inner_container.landing .component .aidanews2 a {
        float: left;
    }
    /*---- Start of Postgraduate Students Research  ----*/
    #tab table td:nth-child(1) {
        width: 10%;
    }
    #tab table td:nth-child(2) {
        width: 65%;
    }
    /*---- End of Postgraduate Students Research  ----*/
    /*****  End of Research  *****/
    /*****  Start of News and Events  *****/
    .inner_container#banner_news_events .component .item-page.landing table {
        width: 95%;
        margin: 0px auto;
    }
    .inner_container.listing#banner_news_events .aidanews2_art {
        margin: 30px auto;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art {
        display: block;
    }
    .inner_container.landing .component .item-page table td h3 {
        text-align: center;
        margin: 20px auto 0px;
    }
    /*****  End of News and Events  *****/
    /*****  Start of Announcements  *****/
    #banner_announcements .category-list {
        width: 95%;
        margin: 0px auto;
    }
    #banner_announcements .category-list h1 {
        width: 100%;
    }
    #banner_announcements #adminForm table.table-striped {
        text-align: center;
    }
    /*****  End of Announcements  *****/
    /*****  Start of Carn  *****/
    #banner_carn .content-category {
        margin: 0px auto;
        width: 100%;
    }
    #banner_carn tr.cat-list-row0 td.list-title {
        text-align: left;
    }
    /*****  End of Carn  *****/
    .jas_name {
        display: none;
    }
}

@media (max-width:898px) {
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 33%;
    }
    #major-programmes>table td,
    #minor>table td,
    #other-short-term-exchange-programmes>table td,
    #research_programmes>table td {
        width: 100%;
        display: block;
    }
    #other-short-term-exchange-programmes .yeararachives td {
        width: auto;
        display: inline-block;
    }
    /*****  Start of Index Page  *****/
    /*------  Start of Staff and Research Interests  ------*/
    #people {
        padding-bottom: 50px;
    }
    #people .moduletable {
        text-align: center;
    }
    .home-block .aidanews2 {
        text-align-last: unset;
    }
    /*------  End of Staff and Research Interests  ------*/
    /*****  End of Index Page  *****/
    /*****  Start of Programme Page  *****/
    /*-----  Start of UG & PG Programme Menu  -----*/
    #banner_programmes .programmes-menu1 {
        padding: 2px 45px;
        text-align: center;
    }
    #banner_programmes .programmes-menu2 {
        padding: 0px 20px;
        text-align: center;
    }
    #banner_programmes .programmes-menu3 {
        padding: 0px 20px;
        text-align: center;
    }
    /*-----  End of UG & PG Programme Menu  ------*/
    /*-----  Start of Major Programmes  -----*/
    #major-programmes a {
        float: left;
        padding-right: 5px;
    }
    /*-----  Start of Minor Programme  -----*/
    #minor a {
        float: left;
        padding-right: 5px;
    }
    /*-----  End of Minor Programme  ----*/
    /*-----  Start of Year Archives  -----*/
    #banner_programmes .yeararachives td {
        margin-top: -2px;
    }
    #banner_programmes .yeararachives td a {
        padding: 0px 30px;
    }
    /*-----  End of Year Archives  ------*/
    /*-----  Start of What do our graduates say?  -----*/
    #banner_programmes #studentsay .moduletable.student {
        width: 93%;
    }
    #banner_programmes .aidanews2 {
        width: 100%;
        padding: 0px;
    }
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 47%;
    }
    .inner_container.listing.staff .component {
        min-height: 1700px;
    }
    /*-----  End of What do our graduates say?  ------*/
    /***** End of Programme Page  *****/
    /*****  Start of People Page  *****/
    /*-----  Start of First page of People Page  -----*/
    #banner_people .blog.listing.staff {
        padding-left: 70px;
    }
    /*-----  End of First page of People Page  -----*/
    /***** End of People Page  *****/
    /*research*/
    #tab table td:nth-child(2) {
        width: 70%;
    }
    #teacher_profile #tab>ul li {
        width: 11%;
    }
    .item-page.landing.listing table {
        width: 100%;
    }
    .inner_container.landing .component .aidanews2 {
        width: 100%;
    }
    #teacher_profile table {
        font-size: 10px;
    }
    /*announcements*/
    #banner_announcements .cat-children div {
        margin-left: 0px !important;
    }
}

@media (max-width: 753px) {
    /*****  Start of Sitemap Page   *****/
    #xmap>ul>li {
        width: 90%;
    }
    /*****  End of Sitemap Page   *****/
    /*****  Index Page *****/
    /*-----  Start of People  -----*/
    #people {
        padding-bottom: 0px;
    }
    /*-----  End of People  -----*/
    /*****  End of Index Page  *****/
    /***** Start of About Us  *****/
    #chairperson-s-message p img {
        width: 100%;
        float: left !important;
        margin-left: 0px !important;
    }
    /*-----  Start of Department Milestones and Achievements  -----*/
    .jux-tl-item.selected .jux-tl-control {
        background: none;
    }
    .jux-tl-control {
        background: none;
    }
    .jux-tl-wrap {
        background: none;
    }
    .inner_container #history-of-department .jux-tl-item.right .arrow {
        display: none;
    }
    .inner_container #history-of-department .jux-tl-item.left .arrow {
        border-left-color: #241e51;
        display: none;
    }
    .jux-tl-item.right .jux-tl-time {
        right: 45%;
    }
    .jux-tl-item.left .jux-tl-time {
        left: 42%;
    }
    /*-----  End of Department Milestones and Achievements  -----*/
    /***** End of About Us  *****/
    /***** Start of Programme Page  *****/
    .article_anywhere.programme.separator,
    .article_anywhere.programme.separator2 {
        background-attachment: inherit;
        /* background-size: 100% 450px; */
        background-size: 100% auto;
    }
    h3.student-sharing {
        background-attachment: inherit;
        background-size: 100% 150px;
    }
    /*-----  Start of UG and PG Programme  -----*/
    #banner_programmes .programmes-menu1 {
        padding: 7px 20px;
    }
    #banner_programmes .programmes-menu2 {
        padding: 5px 25px;
    }
    #banner_programmes .programmes-menu3 {
        padding: 0px 10px;
    }
    /*-----  End of UG and PG Programme  -----*/
    /*-----  Start of Year Archives  -----*/
    #banner_programmes .yeararachives td a {
        padding: 5px 35px;
    }
    /*-----  End of Year Archives  ------*/
    /*-----  Start of What do our graduates say?  -----*/
    #banner_programmes #studentsay .moduletable.student {
        width: 92%;
    }
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 46%;
    }
    /*-----  End of What do our graduates say?  ------*/
    /***** End of Programme Page  *****/
    /*****  Start of People Page  *****/
    /*-----  Start of First page of People Page  -----*/
    #banner_people .blog.listing.staff {
        padding-left: 10px;
    }
    /*-----  End of First page of People Page  -----*/
    /***** End of People Page  *****/
    .inner_container.listing.staff .component {
        min-height: 1700px;
    }
    #banner_people #inner_content.listing staff .component {
        height: 1644px;
    }
    /***** End of People Page *****/
    /*research*/
    .inner_container.listing#banner_research .component {
        margin-top: 50px;
    }
    .blog.listing.academic_activities .items-row.cols-2,
    .blog.listing.publication .items-row.cols-2 {
        display: block;
        width: 100%;
    }
    .inner_container.listing.academic_activities#banner_research .component {
        min-height: 2675px;
    }
    .inner_container.listing.publication#banner_research .component {
        min-height: 1080px;
    }
    #teacher_profile #tab>ul li {
        width: 14%;
    }
    .inner_container.listing#banner_research .item-page p img {
        width: 80% !important;
        height: 80% !important;
    }
    /*announcements*/
    #banner_announcements td.list-title {
        min-height: 85px;
    }
    .inner_container#banner_announcements .item-page.landing div p img {
        width: 80% !important;
        height: 80% !important;
    }
    /***************/
    /*news and events*/
    .index #news-and-events .aidanews2_art {
        min-height: 181px;
    }
    .inner_container.listing#banner_news_events .component {
        margin-top: 30px;
        overflow-x: hidden;
    }
    .inner_container.listing#banner_news_events .blog .items-row.cols-2 {
        display: block;
        width: 100%;
    }
    .inner_container.listing#banner_news_events .item-page p img {
        width: 80% !important;
        height: 80% !important;
    }
    /*start of CARN*/
    #banner_carn .content-category {
        margin-right: 0px;
    }
    ul.pagination-list li.disabled {
        display: none !important;
    }
    #banner_carn tr.cat-list-row1 td.list-title,
    #banner_carn tr.cat-list-row0 td.list-title {
        padding: 30px 15px 20px 0px;
    }
    .inner_container#banner_carn .item-page p img {
        width: 80% !important;
        height: 80% !important;
    }
    /*gallery*/
    .gallery .jg_row .jg_element_cat {
        width: 50%;
    }
    /*****  Start of Gallery Page  *****/
    .jg_subcatelem_cat,
    .jg_subcatelem_cat_r {
        height: 280px;
        width: 50%;
    }
    a.jg_catelem_photo,
    .jg_subcatelem_photo a {
        height: 235px;
    }
    /*****  End of Gallery Page  *****/
    #mobile_menu.mm-opened {
        width: 70%;
    }
    .en-gb .mm-navbar.mm-navbar-bottom,
    .zh-tw .mm-navbar.mm-navbar-bottom {
        height: 230px;
    }
    #sitesearchboxForm {
        /*top: 330px;*/
        top: 367px;
    }
    a.lang {
        /*top: 330px;*/
        top: 361px;
    }
}

@media (max-width: 507px) {
    /*mobile */
    .en-gb .mm-navbar.mm-navbar-bottom,
    .zh-tw .mm-navbar.mm-navbar-bottom {
        height: 150px;
    }
    /*************Conatct Us*****************/
    #banner_contact_us wrapper {
        width: 100% !important;
    }
    #banner_contact_us .item-page.contactus table {
        width: 100% !important;
    }
    /*****  Start of Index Page *****/
    /*----- Start of Index Slider  ------*/
    .camera_caption_title {
        font-size: 25px;
    }
    /*-----  End of Index Slider  ------*/
    /*-----  Start of Second Menu  ------*/
    #second_menu li {
        margin: 0px auto 50px;
    }
    /*-----  End of Second Menu  -----*/
    /*-----  Start of Research  -----*/
    #index_research .aidanews2_title a,
    #announcements .aidanews2_title a {
        font-size: 15px;
    }
    /*-----  End of Research  -----*/
    /*-----  Start of News and Event  -----*/
    .index #news-and-events .aidanews2_art {
        min-height: 190px;
    }
    #news-and-events .aidanews2_botL .aidanews2_title {
        margin: 5px 15px;
    }
    #news-and-events .aidanews2_title a {
        font-size: 15px;
    }
    /*-----  End of News and Event  -----*/
    /*-----  Start of announcements  -----*/
    #announcements .aidanews2_top {
        height: 80px;
    }
    .inner_container.landing .component .item-page h2,
    .inner_container.landing .component .item-page h3 {
        width: 100%;
        text-align: left !important;
    }
    table.related_download {
        width: 100% !important;
        height: auto !important;
    }
    /*-----  End of Announcements  -----*/
    /*-----  Start of Comparative Asian Research Network  -----*/
    #carn .index_title p {
        margin: -57px 40px 10px 120px;
    }
    #carn .aidanews2_art,
    #news-and-events .aidanews2_art {
        min-height: 290px;
    }
    /*-----  End of Comparative Asian Research Network  -----*/
    /*****  End of Index Page  *****/
    /*****  Start of Programme Page  *****/
    /*-----  Start of Golbal  -----*/
    #banner_programmes .item-page .article_anywhere.wrapper {
        width: 92%;
    }
    /*-----  End of Golbal  -----*/
    /*****  Start of About Us  *****/
    /*-----  Start of Department Milestones and Achievements  -----*/
    .jux-tl-item.right .jux-tl-time {
        right: 41%;
    }
    .jux-tl-item.left .jux-tl-time {
        left: 40%;
    }
    /*-----  End of Department Milestones and Achievements  -----*/
    /*****  End of About Us Page  *****/
    /*****  Start of Admissions Page  *****/
    .article_anywhere,
    #admission-talk-video-ppt img {
        width: 100%;
        height: auto;
    }
    /*****  End of Admissions Page  *****/
    /*****  Start of Programme Page  *****/
    .inner_container#banner_programmes .item-page p img {
        width: 80% !important;
        height: 80% !important;
    }
    /*-----  Start of UG and PG Programme  -----*/
    #banner_programmes .programmes-menu1 {
        padding: 7px 10px;
    }
    #banner_programmes .programmes-menu2 {
        padding: 5px 10px;
    }
    #banner_programmes .programmes-menu3 {
        padding: 0px 10px;
    }
    /*-----  End of UG and PG Programme  -----*/
    /*-----  Start of Year Archives  -----*/
    #banner_programmes .yeararachives td a {
        padding: 5px 30px;
    }
    /*-----  End of Year Archives  -----*/
    /*-----  Start of What do our graduates say?  -----*/
    #banner_programmes #studentsay .moduletable.student {
        width: 95%;
        padding: 15px 10px 15px 10px;
    }
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 44%;
    }
    /*-----  End of What do our graduates say?  -----*/
    /*****  End of Programme Page  *****/
    #banner_people #inner_content.listing staff .component {
        height: 3041px;
    }
    /*****  Start of Research Page  *****/
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art {
        display: inline-block !important;
        width: 400px;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art .aidanews2_topR {
        width: 260px;
        margin-right: 65px;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art .aidanews2_main .aidanews2_mainR {
        width: 245px;
        margin-right: 80px;
    }
    #teacher_profile table {
        font-size: 13px;
        text-align: left;
    }
    #teacher_profile table td {
        padding: 2px 0px;
    }
    #teacher_profile #tab>ul li {
        width: 25%;
    }
    /*****  End of Research Page  *****/
    /*****  Start of News and events Page *****/
    .inner_container.landing#banner_news_events .component .non_academic_act_landing .aidanews2_art .aidanews2_main .aidanews2_mainR {
        width: 245px;
        margin-right: 85px;
    }
    .inner_container.landing#banner_news_events .component .non_academic_act_landing .aidanews2_art .aidanews2_topR {
        width: 245px;
        margin-right: 85px;
    }
    #banner_news_events .aidanews2 {
        width: 90%;
    }
    #banner_news_events .aidanews2_mainL {
        width: 100%;
    }
    /*****  End of News and Events Page  ******/
    /*****  Start of Announcements Page *****/
    .inner_container.listing#banner_news_events .category-list.listing {
        margin-right: 0px;
    }
    #banner_announcements tr.cat-list-row0,
    #banner_announcements tr.cat-list-row1 {
        margin: 17px 0px;
        width: 100%;
        display: block;
        height: 70px;
    }
    #banner_announcements td.list-title {
        float: none;
        width: 78%;
        margin-left: 75px;
    }
    #banner_announcements td.list-date.small {
        margin-top: -85px;
        margin-left: 10px;
    }
    /*****  End of Announcements Page  *****/
    /*****  Start of Carn Page  *****/
    #banner_carn .content-category {
        margin: 0px auto;
    }
    #banner_carn .content-category {
        padding: 20px 15px 20px 0px;
        width: 95%;
    }
    #banner_carn .category td.list-date.small {
        margin-top: 20px;
    }
    /***** End of Carn Page  *****/
    /*alumni*/
    table.alumni_video_table td {
        display: block;
        width: 100% !important;
    }
    /*gallery*/
    .gallery .jg_row .jg_element_cat {
        width: 100%;
    }
    .jg_subcatelem_photo a {
        width: 100%;
    }
    /*****Scholarship****/
    .inner_container#banner_default .item-page .article_anywhere p img {
        width: 80% !important;
        height: 80% !important;
    }
    .inner_container#banner_default .item-page .article_anywhere p a {
        word-wrap: break-word;
    }
    .cuhk_logo img,
    .jas_logo img {
        height: 45px;
    }
    .menu_button {
        right: 7px;
        top: 34px;
        /*  top: 80px;*/
    }
    #inner_content {
        margin-top: 76px;
    }
}

@media (max-width: 486px) {
    #mobile_menu.mm-menu.mm-horizontal.mm-front {
        width: 70%;
    }
    #header {
        float: left;
        height: 58px;
    }
    .inner_container {
        margin-top: 79px;
    }
    /*
    #index_slideshow {
        padding-top: 30px;
    }*/
    #header_narrow #logo_name {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .cuhk_logo,
    .jas_logo {
        border-right: 0px;
        float: left;
        /* width: 60px;*/
        margin-right: 10px;
    }
    #header_narrow .cuhk_logo img,
    #header_narrow .jas_logo img {
        margin: 0px;
        /*width: 60px;*/
    }
    #index_slideshow #camera_wrap_87 {
        height: 360px !important;
    }
    #index_slideshow .camera_caption_title {
        font-size: 1.5em;
        line-height: 1.3;
    }
    #index_slideshow .camera_caption_desc {
        font-size: 1.3em;
        margin-top: 20px;
    }
    .camera_caption.moveFromLeft {
        height: 90%;
    }
    #second_menu li,
    #second_menu li,
    #second_menu li,
    #second_menu li,
    #second_menu li {
        width: 100%;
        margin-top: 40px;
    }
    .svg_icon_aboutus,
    .svg_icon_tessen {
        background-position: 20px 5px;
        background-size: 50px;
    }
    #index_aboutus .index_title p {
        margin: -47px 20px 0px 80px;
    }
    .svg_icon_admission {
        background-position: 92% 40%;
        background-size: 50px;
    }
    #index_admissions .index_title p {
        margin: -40px 85px 0px 20px;
    }
    #index_programmes .index_title p {
        margin: -52px 25px 0px 80px;
    }
    .svg_icon_research,
    .svg_icon_announcements,
    .svg_icon_staff {
        background-position: 100% 40%;
    }
    #index_research .index_title p {
        margin: -40px 57px 10px 0px;
    }
    #index_research .aidanews2_art {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 3%;
    }
    #news-and-events .svg_icon_news_and_events {
        background-position: 5px 15px;
        background-size: 50px;
    }
    .news_events_content .index_title p {
        margin: -34px 10px 10px 60px;
    }
    #banner_news_events .item-page td>a>img {
        margin-left: 280px !important;
        float: left !important;
    }
    #banner_news_events .item-page a {
        word-wrap: break-word;
    }
    #banner_news_events .item-page .aidanews2_title a {
        float: left;
        margin-right: 0px;
    }
    #news-and-events .aidanews2_art.first,
    #carn .aidanews2_art.first {
        margin-left: 5%;
    }
    #news-and-events .aidanews2_art,
    #carn .aidanews2_art {
        width: 90%;
        margin: 0% 5% 3% 5%;
    }
    #news-and-events .aidanews2_topL {
        width: 75px;
        height: 75px;
        border-radius: 50px;
    }
    #news-and-events .aidanews2_topL .aidanews2_date {
        font-size: 28px;
    }
    #news-and-events .aidanews2_topL .aidanews2_date_2 {
        font-size: 24px;
    }
    #news-and-events .aidanews2_mainL {
        margin: 0px;
    }
    #news-and-events .aidanews2_topL,
    #news-and-events .aidanews2_botL {
        float: none;
    }
    #news-and-events .aidanews2_title a {
        font-size: 18px;
    }
    .svg_icon_announcements {
        background-position: 92% 0%;
    }
    #announcements .index_title p {
        margin: -47px 20% 10px 0px;
    }
    #announcements .aidanews2_title a {
        max-width: 190px;
    }
    #carn {
        width: 95%;
    }
    .svg_icon_comparative {
        background-position: 20px 5px;
        background-size: 50px;
    }
    #carn .index_title p {
        margin: -65px 0px 10px 80px;
    }
    .svg_icon_staff {
        background-position: 100% 30%;
    }
    #people {
        padding-bottom: 0px;
    }
    #people .index_title p {
        margin: -45px 15% 10px 8px;
    }
    #people .aidanews2_art {
        display: block;
        margin: 0px auto;
    }
    #people .aidanews2_art.aidaord_4,
    #people .aidanews2_art.aidaord_8,
    .inner_container.landing .component .people .aidanews2_art.aidaord_4,
    .inner_container.landing .component .people .aidanews2_art.aidaord_8 {
        margin-right: auto;
    }
    /*----  Start of Index Gallery  ----*/
    #index_gallery {
        display: none;
    }
    #mobile_gallery .djslider-default .navigation-container .prev-button {
        top: 20px;
    }
    #mobile_gallery .djslider-default .navigation-container .next-button {
        top: 20px;
    }
    /*---- End of Index Gallery  ----*/
    #address {
        height: auto;
        padding-bottom: 25px;
    }
    .phone,
    .fax,
    .email {
        float: none;
        width: 100%;
    }
    #footer {
        margin-top: 25px;
    }
    #header_container .cuhk_logo img,
    #header_container .jas_logo img {
        margin-left: 23px;
        margin-top: 10px;
    }
    .main_menu {
        display: none;
    }
    /***** Start of About Us Page *****/
    #inner_content .sub_menu+.item-page {
        margin-right: 0px;
    }
    #banner_aboutus .sub_menu {
        float: none;
    }
    .jux-tl-item.right .jux-tl-time {
        right: 39%;
    }
    /***** End of About Us Page *****/
    /***** Start of Admission *****/
    #banner_admissions .sub_menu {
        float: none;
    }
    /***** End of Admission *****/
    /***** Start of Programme Page  *****/
    /*-----  Start of UG & PG Programme Menu  -----*/
    #banner_programmes .moduletable.link.wrapper table {
        width: 30%;
    }
    #banner_programmes .moduletable.link.wrapper td {
        display: none;
    }
    #banner_programmes .moduletable.link.wrapper td.programme-item {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        min-height: 90px;
    }
    #banner_programmes .programmes-menu1 {
        padding: 30px 10px;
        text-align: left;
    }
    #banner_programmes .programmes-menu2 {
        padding: 15px 10px;
        text-align: left;
    }
    #banner_programmes .programmes-menu3 {
        padding: 0px 10px;
        text-align: left;
    }
    #banner_programmes .up_tblSpacing {
        display: none;
    }
    /*-----  End of UG & PG Programme Menu  ------*/
    /*-----  Start of What do our graduates say?  -----*/
    #banner_programmes .aidanews2.student .aidanews2_art {
        width: 100%;
        padding-bottom: 10px;
    }
    /*-----  End of What do our graduates say?  -----*/
    /*-----  Start of Major Programmes  ------*/
    #banner_programmes .up_sidemenu li {
        margin-left: 0px;
    }
    /*-----  End of Major Programmes  -----*/
    /*-----  Start of Year Archives  -----*/
    #banner_programmes .yeararachives td a {
        padding: 0px 37px;
    }
    /*-----  End of Year Archives  ------*/
    /*-----  Start of What do our graduates say?  -----*/
    #banner_programmes .aidanews2_mainL {
        width: 100%;
    }
    #banner_programmes .aidanews2.student .aidanews2_topR {
        width: 100%;
    }
    #banner_programmes .aidanews2.student .aidanews2_mainL {
        width: 100%;
    }
    /*-----  End of What do our graduates say?  -----*/
    /***** End of Programme Page  *****/
    #banner_programmes .desktop_table {
        display: none !important;
    }
    #banner_programmes .item-page .mobile_table {
        display: table !important;
        width: 100% !important;
    }
    .item-page .article_anywhere {
        padding: 0px 10px 20px 10px;
    }
    #announcements .aidanews2_top {
        width: auto;
    }
    #announcements .aidanews2_topR {
        width: 55%;
    }
    .jux-tl-item .jux-tl-time {
        min-width: 0px;
    }
    .home #inner_banner {
        padding-top: 50px;
    }
    /*****  Start of Admission Page  *****/
    /*----- Start of Jupus  -----*/
    .desktop_table {
        display: none;
    }
    .article_anywhere .mobile_table {
        display: table;
        width: 100%;
    }
    .moduletablelanding.programme.separator h2,
    .moduletablelanding.programme.separator2 h2 {
        font-size: 27px !important;
    }
    /*----- End of Jupus  -----*/
    /*****  End of Admission Page  *****/
    .inner_container.listing.staff .blog .items-row.cols-3 {
        margin-left: 0px;
    }
    .inner_container#banner_people .item-page table td {
        font-size: 14px;
    }
    .inner_container#banner_people .item-page table td img {
        width: 4%;
    }
    .inner_container#banner_people .item-page table td img.exception {
        width: inherit;
    }
    /* .inner_container#banner_people .item-page a {
    font-size: 12px;
    } */
    .inner_container.listing.staff .component {
        height: 3026px;
    }
    /*****  Start of Research Page *****/
    #banner_research .aidanews2 {
        width: 97%;
    }
    /*****  End of Research Page *****/
    /*****  Start of News and Events Page *****/
    /*
    .inner_container.listing#banner_news_events .aidanews2_art {
    margin: 20px auto;
    height: 100px;
    }
    .inner_container.landing .component .aidanews2 {
    width: 85%;
    }
    */
    /*****  End of News and Events Page *****/
    /*****  Start of Gallery Page  *****/
    .jg_subcatelem_cat,
    .jg_subcatelem_cat_r {
        width: 100%;
    }
    /*****  End of Gallery Page  *****/
}

@media (max-width: 375px) {
    div.cuhk_logo,
    div.jas_logo {
        display: inline-block;
        margin-right: 0px;
    }
    .cuhk_logo img,
    .jas_logo img {
        height: 40px;
    }
    div.jas_name {
        margin-left: 0px;
        font-size: 11px;
        line-height: 20px;
    }
    .menu_button {
        font-size: 15px;
        width: 72px;
        background-position: 53px 7px;
        background-size: 24px;
        height: 22px;
    }
    .img-wrapper {
        height: 135px;
    }
    .moduletable_hone a,
    .moduletable_hone span,
    .breadcrumbs ul li.active span {
        font-size: 15px;
    }
    /*-----  Start of Index Research -----*/
    #teacher_profile #tab>ul li {
        width: 30%;
    }
    /*-----  End of Index Research -----*/
    /*-----  Start of Index Gallery  ----*/
    #mobile_gallery .djslider-default .navigation-container .prev-button {
        top: 5px;
    }
    #mobile_gallery .djslider-default .navigation-container .next-button {
        top: 5px;
    }
    /*---- End of Gallery  ----*/
    /******  Start of About Us Page  *****/
    .jux-tl-item.left .jux-tl-time {
        left: 36%;
    }
    .jux-tl-item.right .jux-tl-time {
        right: 36%;
    }
    #banner_aboutus .article_anywhere table td {
        width: 50%;
    }
    /*****  End of About Us Page  *****/
    /*****  Start of Research Page  *****/
    #banner_research .aidanews2_art {
        margin: 18px 0px;
        width: 325px;
    }
    #banner_research .aidanews2 {
        width: 95%;
    }
    #banner_research .aidanews2_topR {
        width: 210px;
    }
    #banner_research .aidanews2_mainR {
        width: 210px;
    }
    #teacher_profile span~#tab>div:first-of-type,
    #teacher_profile #tab-1:target~#tab>div.tab-content-1,
    #teacher_profile #tab-2:target~#tab>div.tab-content-2,
    #teacher_profile #tab-3:target~#tab>div.tab-content-3,
    #teacher_profile #tab-4:target~#tab>div.tab-content-4,
    #teacher_profile #tab-5:target~#tab>div.tab-content-5,
    #teacher_profile #tab-6:target~#tab>div.tab-content-6,
    #teacher_profile #tab-7:target~#tab>div.tab-content-7,
    #teacher_profile #tab-8:target~#tab>div.tab-content-8,
    #teacher_profile #tab-9:target~#tab>div.tab-content-9,
    #teacher_profile #tab-10:target~#tab>div.tab-content-10,
    #teacher_profile #tab-11:target~#tab>div.tab-content-11 {
        height: 500px;
    }
    /*****  End of Research Page  *****/
    /*****  Start of News and Events  *****/
    #banner_news_events .aidanews2 {
        width: 100%;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art .aidanews2_topR {
        width: 215px;
        float: left;
        padding-left: 75px;
    }
    .inner_container.landing .component .non_academic_act_landing .aidanews2_art .aidanews2_main .aidanews2_mainR {
        width: 210px;
        float: left;
    }
    /*****  End of News and Events  *****/
    /*****  Start of Announcements Page  *****/
    .inner_container.landing#banner_news_events .component .non_academic_act_landing .aidanews2_art .aidanews2_main .aidanews2_mainR {
        width: 190px;
        margin-right: 35%;
    }
    .inner_container.landing#banner_news_events .component .non_academic_act_landing .aidanews2_art .aidanews2_topR {
        width: 220px;
        margin-right: 35%;
    }
    #banner_announcements .category-list h1 {
        width: 90%;
    }
    #banner_announcements td.list-title {
        width: 70%;
        min-height: 85px;
    }
    #banner_announcements tr.cat-list-row0,
    #banner_announcements tr.cat-list-row1 {
        height: 80px;
    }
    /*****  End of Announcements Page  *****/
}