.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){

  #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;
    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("/20210329111740oe_/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  *****/
}
@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;
  }
  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;
  }
  .categorylist_header_date {
    margin-top:
  }
  #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;

  }
} 
@media (max-width: 486px){
  #mobile_menu.mm-menu.mm-horizontal.mm-front {
    width: 70%;
  }
  .menu_button{
    right:7px;
    top:80px;
  }
  #header{
    float:left;
    padding-bottom: 50px;
  }
  #index_slideshow {
    padding-top: 30px;
  }
  #header_narrow #logo_name{
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
  }  
  .cuhk_logo {
    border-right: 0px;
    float:left;
    width:60px;
    margin-right:10px;
  }
  #header_narrow .cuhk_logo img {
    margin: 0px;
    width:60px;
  }
  #inner_content{
    margin-top:75px;
  }
  #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 {
    margin-left: 23px;
    width:89px;
    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;
  }
  #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: 360px){
  div.cuhk_logo {
    display: inline-block;
    margin-right: 0px;
  }
   div.cuhk_logo img {
    width: 50px;
  }
  div.jas_name {
    margin-left: 0px;
    font-size: 11px;
    line-height: 20px;
  }
  .menu_button {
    top: 80px;
  }
  .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  *****/
}