.subpage .subpage-title {
    font-size: 1.875rem;
    color: #686868;
}

.subpage .subpage-content {
    height: 100%;
    /* min-height: 300px; */
    margin-bottom: 20px;
}

.site-footer {
    /* position: absolute; */
    bottom: 0;
    /* width: 100%; */
}

.cms_content p,
.cms_content ul li  {
    font-size: 17px;
    font-weight: 400;
    font-family: 'Oxygen';
}


/* Editor Content  */


/* extra */

.about-block>ul li:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #b25420;
    padding-right: 10px;
}

.about-block>ul {
    padding-top: 25px;
}

.about-block>ul li {
    display: flex;
    line-height: normal;
    padding: 5px 0;
}

.sub-title p {
    font-size: 17px;
    font-weight: 300;
    line-height: 22px;
    font-family: 'Oxygen';
}


/* extra */


.cms_content h1 {
    font-size: 2em;
    font-weight: bold;
}

/*.cms_content h2 {
    font-size: 1.5em;
    font-weight: bold;
}*/
.cms_content h2 {
    font-size: 30px;
    font-weight: 400;
    padding-bottom: revert;
}
    /* padding-top: 60px;

}

/* extra */
.top-inner-img:hover .cus-hover-image{
    opacity: 0.2;
}
.cus-hover-image{ 
    transition: .5s ease;
}

.sub-title>h2 {
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 20px;
    /* padding-top: 60px; */
}

.postgraduate-text>table>tbody>tr>td>h2 {
    font-size: 30px;
    font-weight: 400;
}

.postgraduate-text>table>tbody>tr>td>p {
    font-size: 17px;
    padding-top: 10px;
    line-height: 24px;
    font-weight: 400;
}


/* extra */

.cms_content h3 {
    font-size: 1.17em;
    font-weight: bold;
}

.cms_content h4 {
    font-size: 1em;
    font-weight: bold;
    font-family: 'Oxygen';
}

.cms_content h5 {
    font-size: 0.83em;
    font-weight: bold;
}

.cms_content h6 {
    font-size: .67em;
    font-weight: bold;
}

.cms_content {
    margin-top:30px;
}

.cms_content p ,
.cms_content ul li 
{
    padding-left:revert;
    margin: 0;
    line-height: normal;
    word-break: break-word;
   /* margin-bottom: 1rem;*/
}


.cms_content img {
    max-width: 100%;
    /* height: auto !important; */
}

.cms_content table,
.cms_content iframe {
    max-width: 100%;
}

.cms_content dl,
.cms_content ol,
.cms_content ul {
    margin-bottom: 0;
    padding-left: 20px;
}

.cms_content ol li {
    padding-left: 10px;
}

.cms_content table {
    border-collapse: initial;
}

.cms_content table.mScroll {
    overflow-x: scroll;
    max-width: 100%;
    display: block;
}

.cms_content table.hideLast tr:last-child {
    display: none;
    font-size: 0;
}

.cms_content table tr th,
.cms_content table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}


/* .cms_content table.hideLast tr:last-child { padding: 0; height: 0px; }
.cms_content table.hideLast tr:last-child td { padding: 0; height: 0px; font-size: 0; } */

.cms_content ol,
.cms_content ol li {
    list-style-type: decimal;
}

.cms_content ul,
.cms_content ul li {
    list-style-type: disc;
}

.cms_content a {
    /* color: #e2383f; */
}

.cms_content a:hover {
    text-decoration: underline;
}

.cms_content table.table_red tr th,
.cms_content table.table_red tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width: 1025px) {
    .cms_content table.padRowH tbody,
    .cms_content table.padRowH tr,
    .cms_content table.padRowH {
        display: block;
        position: relative;
    }
    .cms_content table.padRowH tr td {
        display: block;
        width: 100% !important;
        margin-bottom: 1px;
        position: relative;
    }
    .cms_content table.noRow tr td {
        display: table-cell;
    }
}

@media screen and (max-width: 769px) {
    .cms_content table.padRowV tbody,
    .cms_content table.padRowV tr,
    .cms_content table.padRowV {
        display: block;
        position: relative;
    }
    .cms_content table.padRowV tr td {
        display: block;
        width: 100% !important;
        margin-bottom: 1px;
        position: relative;
    }
    .cms_content table.noRow tr td {
        display: table-cell;
    }
}

@media screen and (max-width: 520px) {
    .cms_content table.mRow {
        display: block;
        position: relative;
    }
    .cms_content table.mRow tbody,
    .cms_content table.mRow tr {
        display: block;
        position: relative;
    }
    .cms_content table.mRow tr td {
        display: block !important;
        width: 100% !important;
        margin-bottom: 1px;
        position: relative;
    }
    .cms_content table.noRow tr td {
        display: table-cell;
    }
}

.index_notice {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    text-align: center;
    z-index: 6000;
}

.index_notice .btn_msg_close {
    position: fixed;
    top: 5vh;
    right: 5vw;
    cursor: pointer;
}

.index_notice .notice_box {
    z-index: 7000;
}

.index_notice .notice_box table.tb_notice {
    width: 90vw;
    height: 90vh;
    max-height: 90vh;
    margin-top: 5vh;
    margin-left: 5vw;
}

.index_notice .notice_box table.tb_notice td.td_notice {
    width: 100%;
    max-width: 90vw;
    height: 100%;
    max-height: 90vh;
    overflow: hidden;
    background-color: white;
}

.index_notice .notice_box table.tb_notice td.td_notice .notice_content {
    width: 100%;
    height: 100%;
    max-height: 90vh;
    overflow: auto;
    background-color: white;
}

.index_notice.no_bg table.tb_notice td.td_notice,
.index_notice.no_bg .notice_box table.tb_notice td.td_notice .notice_content {
    background-color: transparent;
}

table.tb_logo td img {
    max-width: 100%;
}
.cus-indexnew3-img{
    height: 100%
}

@media screen and (max-width: 1200px) {
    table.tb_logo {
        display: block;
    }
    table.tb_logo tr {
        display: block;
    }
    table.tb_logo td {
        display: inline-block;
        width: 49% !important;
        margin-bottom: 1px;
        position: relative;
    }
    table.tb_logo th {
        display: block;
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    table.tb_logo td {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .cms_content table.m6Row {
        display: block;
        position: relative;
    }
    .cms_content table.m6Row tr td {
        display: block;
        width: 100% !important;
        margin-bottom: 1px;
        position: relative;
    }
    .cms_content table.noRow tr td {
        display: table-cell;
    }
    .cus-indexnew3-img{
    height: revert;
}
}

@media screen and (min-width: 986px) {
    .nav_area ul li a {
        position: relative;
    }
    .nav_area>ul>li>a:after {
        position: absolute;
        left: 50%;
        top: 78%;
        content: "";
        width: 0;
        height: 3px;
        background-color: black;
        transform: translateX(-50%);
        opacity: 0;
        transition: all 0.3s ease;
        z-index: 999;
    }
    .nav_area>ul>li>a:hover:after {
        width: 100%;
        opacity: 1;
    }

}
.cus-top-inner-img{
    width: 12.5%;
   }
.cus-top-inner-img img{
    width: 100%;
    height: 100%!important;
}
.milestones-img2 p{
        margin-right: 51px;
}

/*homepage 5 */
.webinar h4{
    padding-bottom: 25px;
}
.webinar p{
    font-size: 15px;
}
.tvb h3{
    padding:revert;
    font-size:18px;
    padding-bottom: 25px;
}
.tvb h4{
    padding:revert;
    margin-bottom: 1rem;
}
.tvb a{
    font-size: 15px;
    font-weight: 400;
    padding: revert;
}
.tvb{
    padding: 24px;
}
.tvb::after{
    margin-left:revert;
}
.news-more-content h3{
    padding:revert;
    padding-bottom: 25px;
    font-size: 18px;
}
.news-more-content h4{
    padding:revert;
    margin-bottom: 1rem;
}
.news-more-content{
    padding: 24px;
}
.news-more-content a{
    padding-left:0px;
    font-size: 15px;
}
.news-more-content::after{
        margin-left: 0px;
}
.line h3{
    padding-bottom: 25px;
}
.conf-text a{
    padding-bottom: 0px;
}
.hands-on-course h4{
    padding-bottom: 25px;
}
.hands-on-course p{
    margin-bottom: 1rem;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.team-item p{
    color:#b25420;
    font-weight: 600;
    font-size: 16px;
}
@media screen and (min-width: 986px) {
    .bg-hover-4{
        height: 100%; 
        background-size: cover
    }
}

span.cus-hreflink-color:hover{
    color:#0056b3;
}
.cus-r-img{
    padding-left: 0px;
}
.cus-r-img img{
    width:100%;
}


.rect{

	height:100%;
	min-height:120px;
	padding: 0px 10px;

}
.milestones-img1{
	padding-top:0px;
}
.milestones-img1 p {
	min-height:300px;

}
ul.sub-menu li a{
	text-transform:revert;
	width:90%;


}
a.learn-mphil{

	width:118px;

}
/* extr editor css start */

.cms_content table.btn-1 a {
    color: #b25420;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Oxygen';
    border: 1px solid #e6c7b6;
    display: inline-block;
    padding: 6px 20px;
}
.cms_content table.btn-1 a::after {
    content: '\f105';
    font-size: 23px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    padding-left: 15px;
}
.cms_content table.btn-1 a:hover {
    color: #fff;
    transition: all .3s;
    background-color: #b15420;
    border: 1px solid #e6c7b6;
    display: inline-block;
    padding: 6px 20px;
}
.cms_content table.cus-tb-logo td{
    border: 1px solid #dedede;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 25px 25px;
    width: 100%;
    height: 200px;
}
.cms_content table.cus-about-tb-logo td{
    width: 225px;
    height: 225px;
    background-color: #e39960;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    border-radius: 50px;
}
@media (min-width: 992px){
.cms_content table.cus-about-tb-logo td{
    width: 225px;
    height: 225px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
.cms_content table.cus-about-tb-logo td{
    width: 180px;
    height: 180px;
    }
}
@media (max-width: 767px){
    .cms_content table.cus-about-tb-logo td{
    background-color: #e39960;
    width: 170px;
    height: 170px;
    padding: 15px;
    border-radius: 10px;
    }
}

.home ul.home-lang-color li a ,
.home ul.home-lang-color li{
    color: #fff;
}
@media (min-width: 992px){
.nav_area ul li:hover ul.sub-menu {

    min-width: 180px;

}
}
.post-banner:before {
    height: 100px;
}
span.footer-address-span{
    color: #fff;
    display: flex;
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 200;
    font-family: 'Oxygen';
    padding-left: 0;
    padding-right: 0;
}
/* .post-banner img{
    height: revert;
} */

.home-cus-image{
  
    position: absolute;
    top: -15px;
    right: -59px;

}
.top-lang-desktop{
    display:inline-flex;
}
.nav_area>ul>li.top-lang-mobile{
    display:none;
}
.earthicon-lang-desktop{
    display: revert;
}
.index-img{
    object-fit: cover;
    height: 455px;
}
.post-banner img{
    /* aspect-ratio: 16/7; */
    height: revert;
}
.conf-text>.line p{
    text-align: justify;
}
.milestone-padding{
    padding-top:240px;
}
.event-text p,
.event-highlight-h3-text,
.event-item-text h5{
    text-align: justify;
}
.upcoming-event .tab-content{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.event-item-text h3{
    padding:10px 0px;
}
.press-date{
    padding: 7px 20px 7px 20px;
}
#newsbtn{
    margin:10px 0px;
}
/* .about-icon{
    margin: 5px 10px;
}
.cms_content .aboutustb h4{
    margin: 5px 10px;
} */
@media (max-width: 992px){
    
    .cms_content h1,
    .cms_content h2,
    .cms_content h3,
    .cms_content h5,
    .cms_content h6{
        text-align: left!important;
    }
    .top-lang-desktop{
        display:none;
    }
    .earthicon-lang-desktop{
        display: none;
    }
    .nav_area>ul>li.top-lang-mobile{
        display:block;
    }
    .index-img{
        width: 100%;
        height: revert;
    }
    .post-banner .owl-theme .owl-nav{
        top:40%;
    }
    .post-banner img{
        aspect-ratio: 16/7;
        
    }
    .line h3{
        text-align: left;
    }
    .head-content h2{
        text-align: left;
    }
    .milestones-img1 p{
        min-height: 0px;
    }
    .milestone-padding{
        padding-top:30px;
    }
    .milestones-img2 p{
        margin-right:0px;
    }
    .title-name-here h2{
        padding-bottom:10px;
    }
    .nav-tabs .nav-item{
        width: 50%;
    }
    .nav-tabs .pub-nav-item{
        width: 50%
    }
    .upcoming-event .tab-content a{
        font-size: 25px;
    }
    #newsbtn{
        order:2;
    }
    .cms_content table.cus-tb-logo tr td{
        text-align: center;
    }
    .cms_content table.cus-tb-logo tr td h4{
        text-align: center!important;
    }
    /* .about-icon{
         margin: 0 auto 25px;
    }
    .aboutustb h4{
        margin:revert
    } */
}
.mobile-version{
    display:none;
}
.desktop-version{
    display:block;
}
#right-img{
    background-size: contain!important;
    }
    .h2-desktop{
        display:block;
    }
    .h2-mobile{
        display:none;
    }
@media (max-width: 768px){
    .nav-tabs .nav-item{
        width: 40%;
    }
    .nav-tabs .pub-nav-item{
        width: 50%
    }
    a.nav-link h3{
        font-size:24px;
    }
    .upcoming-event ul li a h4{
        height: 65px;
        padding:5px 10px;
        font-size:18px;
    }

    .h2-desktop{
        display:none;
    }
    .h2-mobile{
        display:block;
    }
    #right-img{
        background-size: cover!important;
    }
    .indexnew-grid{
    display: grid;
    }
    .indexnew-order-2{
        order: 2;
    }
    .indexnew-order-1{
        order: 1;
    }
    .cus-small-container{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .date{
        width: 100%;
    }
    /* .pub-nav-item .nav-link{
        height: 100px;
    } */


}
.gridder-show{
    padding:0px 15px;
}
@media (max-width: 500px){
    .mobile-version{
        display:block;
    }
    .desktop-version{
        display:none;
    }
    .menu{
        z-index: 9999999999999!important;
    }
    .home .header{
        position: revert;
    }
    .index-research-item{
        padding:0px 15px;
    }
    .chairman-msg h2{
        padding-top: 30px;
    }
    .upcoming-event ul li a h4{
        height: 50px;
        display:grid;
        align-items:center;
        font-size: 16px;
    }
   .pub-nav-item a.nav-link h3{
    height: 80px;
    display:grid;
    align-items:center;
    font-size: 16px;
    }
   .conf-text-height-1{
    height:revert!important;
   }
   .conf-text-height-2{
    height:revert!important;
   }
   .img-text-height-1-1{
    height:revert!important;
   }
   .img-text-height-1-2{
    height:revert!important;
   }
   .put-height-2-1{
    height:revert!important;
   }
   .img-text-height-2-2{
    height:revert!important;
   }
    /* .logo img{
        max-width: 300px;
    } */
    .post-banner .owl-theme .owl-nav{
        top:30%;
    }
    div.more h3{
        font-size: 13px;
    }
    div.more{
        width: 80px;
        height: 80px;
    }
    .text-chairman-msg{
        text-align: center;
    }
    .text-chairman-msg h2{
        text-align: left;
    }
    .milestone-padding{
        padding-top:10px;
    }
    .upcoming-event ul li a h4{
        padding:5px 0px;
    }
}
@media (max-width: 400px){
    /* .logo img{
        max-width: 280px;
    } */

}
.fa-bars:before{
    font-size:18px;
}
.cms_content {
    margin-right:0px;
    margin-left:0px;
}
.footer h3{
    font-size:16px;
}

/* extr editor css end */
img#footer-top-img{
width:304px;
}   
img#footer-bottom-img{
    width:444px;
}
@media (max-width: 1200px){
    img#footer-top-img{
        width:210px;
        }   
        img#footer-bottom-img{
            width:303px;
        }

}
@media (max-width: 400px){
    img#footer-top-img{
        width:196px;
    }
    img#footer-bottom-img{
            width:280px;
        }


}