/* header */
#header .t-header-wrapper .field__item .search-button img {
    width: auto !important;
}

#header .t-header-wrapper.content-right {
    justify-content: right;
}

#header #navbar-top .search-button {
    display: none;
}

.layout-main-wrapper::after {
    right: 2px !important;
}

.block-layout-builder .field--name-field-graduation {
    font-weight: normal !important;
}

.faulty-btn svg {
    transform: rotate(0deg);
    transition: 0.3s;
}

.faulty-btn:hover {
    font-weight: 500;
}

.faulty-btn:hover svg {
    transform: rotate(360deg);
}

.faulty-btn:hover svg g > path {
    stroke: none;
}

.research-btn a {
    color: #ffffff;
}

a.camp-enquires-link, a.enquires-link {
    font-size: 18px;
    color: #072633;
    text-decoration: none !important;
}

a.enquires-link {
    font-size: 16px;
}

a.camp-enquires-link.camp-enquires-link-email, a.enquires-link.enquires-link-email {
    text-decoration: underline !important;
}
a.camp-enquires-link.camp-enquires-link-email:hover,
 a.enquires-link.enquires-link-email:hover,
 .block-block-contenta0e9bb82-d4d8-4759-81d7-6e351653cf5e ul li a:hover,
 a.enquires-link:hover,
 .professor-header.field--name-field-phone a:hover,
 .internship-scheme-section .enquiry .phone a:hover,
 .enquiry-section-sticky p a:hover,
 a.camp-enquires-link:hover,
 .prof-container table.views-view-table.cols-5 td > a:hover,
 .about-department-main-section .background-section a:hover,
 .late-submission-of-assessment-task-block .tree-diagram .blue-box-background p a:hover{
     color: #ffc711 !important;

}
.student-inner-page-additional-description p:first-child {
    margin-bottom: 27px;
}

.research-graduates .view-content > .table-responsive > table td {
    font-weight: normal;
}

.research-graduates .view-content > .table-responsive > table td > a {
    color: #20586F;
}

.site-footer .t-sitemap {
    position: relative;
}

.site-footer .t-sitemap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 150px;
    height: 216px;
    background: url(/sites/g/files/asqsls6306/files/inline-images/Group%203795.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* .page-node-2661 .field__item > section > ol > li >p> a {
    color: #072633 !important;
} */

.two-col-section .general-info-table td {
    font-size: 18px !important;
}

.two-col-section .general-info-table td:nth-child(2) {
    color: #323232 !important;
}

.two-col-section .information-table td > a, .two-col-section .general-info-table td > a {
    color: #20586F;
    font-weight: normal;
    text-decoration: underline;
}

.prof-container table.views-view-table.cols-5 {
    text-align: left !important;
}

.prof-container table.views-view-table.cols-5 > thead th {
    background-color: transparent !important;
    color: #323232 !important;
    font-weight: bold !important;
}

.prof-container table.views-view-table.cols-5 th, .prof-container table.views-view-table.cols-5 td {
    font-size: 18px !important;
    border: none !important;
    border-bottom: 1px solid #072633 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.prof-container table.views-view-table.cols-5 th:first-child {
    padding-left: 40px !important;
}

.prof-container table.views-view-table.cols-5 td:nth-child(2) {
    font-weight: 600;
    padding-left: 40px !important;
}

.prof-container table.views-view-table.cols-5 td > a {
    color: #323232;
}

/* .page-node-6226 .node--type-page .layout--threecol-33-34-33 .layout__region--first {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.page-node-6226 .node--type-page .layout--threecol-33-34-33 .layout__region--first .contextual-region:first-child {
    padding-right: 10rem;
    padding-left: 10rem;
} */
.two-col-section .table-responsive table th, .two-col-section .table-responsive table td {
    line-height: 1.5 !important;
}

.minor-maths-programme-structure .layout__region--first {
    margin-bottom: 0px !important;
}

.mb-5x {
    margin-bottom: 8rem !important;
}

.two-col-section .enquiry-section-sticky {
    -webkit-transform: translateZ(0);
    margin-left: auto;
}

.stu-late-submission .second-column-section img {
    width: 100%;
    object-fit: cover;
    height: auto;
    display: block;
    margin: auto;
    float: right;
}

.math-help-center-content {
    margin-top: 20px;
    margin-bottom: 50px
}

.math-help-center-content .introduction-box p:last-child {
    margin-bottom: 0px;
}

.two-col-section .enquiry-section-sticky.post-master-sticky {
    position: fixed;
    top: 0;
    z-index: 1;
}

.two-col-section.layout--twocol-section--67-33 .layout__region--first {
    max-width: 67% !important;
}

.two-col-section.layout--twocol-section--67-33 .layout__region--second {
    max-width: 33% !important;
}

.custom-container {
    max-width: 1848px;
    padding-right: 4rem;
    padding-left: 4rem;
    margin-right: auto !important;
    margin-left: auto !important;
}


.admissions_requirement_content {
    padding-right: 6rem;
    padding-left: 6rem;
}

.admissions_requirement_content  .layout__region--first {
    padding-left: 0px !important;
}

.admissions_requirement_content .layout__region--second {
    padding-right: 0px !important;
}

.admissions_requirement_content .layout__region--second ul li:last-child > a {
    text-decoration: none;
}

.page-node-2741 .admissions_requirement_content .layout__region--second ul li:last-child > a{
    text-decoration: underline;
}

.programme-requirement-section h4, .adding-section h4 {
    font-size: 45px !important;
    font-weight: bold !important;
    color: #072633 !important;
}

.bscm-video-section .layout__region--content {
    max-width: unset !important;
}

.bscm-video-section .fractal-geometry, .fractal-geometry,
.bscm-video-section .video-text-col, .video-text-col {
    align-items: center;
}

.fractal-geometry .fg-text-wrapper,
.video-text-col .fg-text-wrapper {
    margin-top: 0px;
}

.bscm-video-section .fractal-geometry .fg-img-wrapper,
.bscm-video-section .video-text-col .fg-img-wrapper {
    position: relative;
}

.bscm-video-section .fractal-geometry .fg-img-wrapper::before,
.bscm-video-section .video-text-col .fg-img-wrapper::before {
    content: "";
    position: absolute;
    bottom: -56px;
    left: -94px;
    background-image: url(/sites/g/files/asqsls6306/themes/site/cityu_subtheme_2019/images/bg-group.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 157px;
    height: 235px;
    z-index: -1;
}

.path-frontpage .latest-news-title-container {
    padding-right: 50px;
    padding-left: 50px;
}

.block-views-blocklatest-news-upcoming-events-block-2 {
    margin-top: 9.25rem !important;
}

/* .latest-news-events-upcoming-lists {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
} */

.prof-details {
    margin-bottom: 9.375rem;
}

.prof-details .prof-biography .text-formatted > p {
    margin-top: 1rem;
}

.prof-details .layout__region--second .field--name-field-useful-links {
    word-wrap: break-word;
}

.prof-breadcrumb .section-breadcrumb {
    height: auto !important;
    position: relative;
    margin-top: 4rem;
}

.prof-breadcrumb .section-breadcrumb::before {
    content: url("/sites/g/files/asqsls6306/themes/site/cityu_subtheme_2019/images/Layer%202.png");
    position: absolute;
    right: -10px;
    top: 28px;
    z-index: -1;
}

.prof-info .block-layout-builder .field--name-field-graduation {
    margin-bottom: 0;
}

.prof-info .field__item, .prof-info .field__item a {
    color: #072633;
}

.prof-info .field--name-field-email-addresses a {
    text-decoration: underline;
}

.admission-content .admission-section table td a:hover,
.master-of-philosophy-main-section .information-table tr:last-child td:nth-child(2) .new_window:hover{
    color: #ffc711;
}

.prof-info .field--name-field-email-addresses a:hover {
    color: #ffc711!important;
}

.prof-info .professor-main {
    margin-bottom: 0 !important;
}

.prof-info .item-list > ul.row > li {
    display: flex;
    flex-wrap: wrap;
}

.field--name-field-phone, .field--name-field-locat, .field--name-field-fax, .field--name-field-phone, .field--name-field-email-addresses {
    margin-top: 3rem !important;
    padding-left: 10px;
    float: none !important;
}

.prof-details .useful-link-content a {
    text-decoration: underline;
}

.contact-info-marker-container {
    margin-right: 0.875rem;
}

.t-header-wrapper::after {
    display: none;
}

/* .scroableSideBar .view-content{
    height: 250px;
    max-height: 250px;
    overflow-y: auto;
} */
/* Scrollable Sidebar */
.scroableSideBar .sidebar-link-active {
    background-color: #20586f;
    border-color: #20586f;
    color: #fff !important;
}

.scroableSideBar .views-row:nth-child(1) {
    border-top: 0.3px solid #072633;
}

/* Student Review Story & Events */
.home-student-review-container .block-views-blockstudent-review-story-block-1 .bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(transparent 0%, rgb(102 102 102 / 20%) 20%, rgba(0,0,0, 1) 100%);
}

/* Home Page */
.home-mission p {
    font-size: 1.75rem !important;
}

.prof-details .professor-border-top {
    height: 1px;
    flex: 100%;
    margin: 2rem 0 1rem 0;
    background: #ccc;
}

.prof-details .block-field-blocknodetestfield-useful-links {
    margin-top: 1.5rem !important;
}

.bachelor-laws-bsc-computing-mathematics-nobg-img-block .view-msfms-courses .table-responsive .views-table tbody td[headers="Course Title"] {
    text-align: left;
}

@media (max-width: 1919px) {
    .liubie-section .row .col-lg-6:last-child {
        padding-left: 0px;
    }

    .prof-details {
        margin-bottom: 7rem;
    }
}

@media(max-width:999px){
    .site-footer .t-sitemap::after {
        display: none;
    }
    #header .t-header-wrapper {
        /* justify-content: right !important; */
    }

    .t-footer .footer-copyright-reserved {
        padding: 0 5px;
    }
}

@media (max-width: 1679px) {
    .block-block-content1647084a-4303-4be5-b221-df54cbfcb22d {
        padding: 2rem;
    }

    .block-block-content1647084a-4303-4be5-b221-df54cbfcb22d.sticky-style {
        top: 40px;
    }

    .admissions_requirement_content {
        padding-right: 50px;
        padding-left: 50px;
    }

    .useful-link-section {
        margin-bottom: 2rem;
    }

    .academic-professor-block  .view-ma-academic-faulty .mt-5 {
        margin-top: 2rem !important;
    }

    .academic-professor-block .prof-container .table {
        margin-top: 0px;
    }

    .academic-professor-block ul li {
        margin-bottom: 1rem !important;
    }

    .site-footer {
        margin-top: 3rem;
    }

    .block-field-blocknodetesttitle {
        padding-top: 0rem !important;
    }

    .section-breadcrumb .breadcrumb {
        padding: 3rem 0 2rem;
    }
    
    .events-container .field--type-text-with-summary .event-title-text{
        padding-bottom: 2rem;
    }

    .events-container .view-display-id-block_3 .js-pager__items {
        margin-bottom: 4rem;
    }

    .news-annouc-section.layout--twocol-section--50-50 {
        margin-bottom: 2rem;
    }

    .home-youtube-video .fractal-geometry,    
    .home-youtube-video .video-text-col {
        margin-top: 8rem;
    }

    .latest-news-events-seminars-time::before, .latest-news-events-seminars-speaker::before {
        margin-right: 0.5rem;
    }

    .about-department-main-section .liubie-section-bg-container {
        margin-bottom: 2rem;
    }

    .field--name-field-phone, .field--name-field-locat, .field--name-field-fax, .field--name-field-phone, .field--name-field-email-addresses {
        margin-top: 2rem !important;
    }
    
    .prof-details {
        margin-bottom: 2rem;
    }
}

@media (max-width: 1559px) {
    .mphil-cross-institutional-section .layout__region--second {
        padding-left: 1rem !important;
    }

    .two-col-section .layout__region--first, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        flex: 0 1 70%;
    }

    .two-col-section .layout__region--second, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
        flex: 0 1 30%;
    }

    .two-col-section .layout__region--second .post-master-sticky {
        padding-bottom: 2rem;
        margin-top: 3rem;
    }

    .custom-container {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    }

    .bscm-video-section .fractal-geometry .fg-img-wrapper::before,
    .bscm-video-section .video-text-col .fg-img-wrapper::before {
        bottom: -72px;
        left: -62px;
        background-size: contain;
        width: 112px;
    }
    
    /* .latest-news-events-upcoming-lists {
        padding-right: 4rem !important;
        padding-left: 4rem !important;
    } */

    /* contact */
    .contact-office {
        margin-top: 3rem;
    }

    .field--name-field-phone, .field--name-field-locat, .field--name-field-fax, .field--name-field-phone, .field--name-field-email-addresses {
        margin-top: 10px !important;
    }

    
    /* bachelor-of-law-section */
    .bachelor-of-law-section {
        margin-bottom: 3rem;
    }
}

@media (max-width: 1529px) {
    .layout__region--first .useful-link-section {
        padding-right: 5rem;
        padding-left: 5rem;
    }
}

@media (max-width: 1439px) {
    /* .two-col-section {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    } */
    .two-col-section .layout__region--first, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        flex: 0 1 65%;
    }

    .two-col-section .layout__region--second, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
        flex: 0 1 35%;
    }

    .layout__region--first .useful-link-section {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    .mb-5x {
        margin-bottom: 6rem !important;
    }

    .referenc-section .enquiry {
        margin-top: 3rem;
        margin-bottom: 0;
    }

    .math-help-center-content {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .math-help-center-content .introduction-box h3 {
        margin-bottom: 2rem;
    }

    .home-student-review-container .view-header, .home-student-review-container .layout__region--first .view-content {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}

@media (max-width: 1367px) {
    section.suggest-study-path-section::after {
        left: -60px;
    }
}

@media (max-width: 1365px) {
    .two-col-section .layout__region--second .post-master-sticky {
        padding-bottom: 2rem;
        margin-top: 2rem;
    }

    .home-student-review-container .view-header, .home-student-review-container .layout__region--first .view-content {
        padding-right: 2.375rem;
        padding-left: 2.375rem;
    }

    .academic-professor-block .views-field-field-professor-position-names .field-content,
    .academic-professor-block .views-field .field-content,
    .academic-professor-block .views-field-field-graduation .field-content {
        font-size: 0.875rem !important;
    }

    .academic-professor-block .views-field-title {
        font-size: 1rem !important;
    }

    /* professor ma faulty */
    .academic-professor-block .views-field-title .field-content a {
        font-size: 1rem;
    }
}

@media screen and (max-width:1279px) {
    .two-col-section {
        padding-right: 2rem;
        padding-left: 2rem;
        flex-wrap: nowrap;
    }

    .two-col-section .layout__region--first {
        padding-left: 0px !important;
    }

    .two-col-section .layout__region--second {
        padding-right: 0px !important;
    }

    .two-col-section .information-table {
        table-layout: fixed;
    }

    .two-col-section .information-table td {
        word-wrap: break-word;
    }

    .two-col-section .information-table td > a {
        font-size: 1rem;
    }

    .stu-late-submission {
        margin-top: 0px !important;
        margin-bottom: 6rem !important;
    }

    .fg-text-wrapper {
        padding-left: 4em !important;
    }
    
    .fractal-geometry .fg-text-wrapper .fractal-geometry-title,
    .video-text-col .fg-text-wrapper .video-text-col-title {
        font-size: 1.375rem;
        line-height: 1.5;
    }
    
    .fractal-geometry .fg-text-wrapper .youtube-video-watch-btn > a,
    .video-text-col .fg-text-wrapper .youtube-video-watch-btn > a {
        font-size: 0.813rem;
    }

    .home-student-review-container .item-list:before {
        width: 64%;
    }

    .home-student-review-container h2, .home-student-review-container .srs-footer-title, .latest-news-title {
        font-size: 2.5rem !important;
    }

    .view-home-featured-courses .view-header {
        padding-right: 6.25rem;
        padding-left: 6.25rem;
        padding-top: 0;
    }

    .home-featured-slider-section.view-home-featured-courses .htc-header-text {
        width: 80% !important;
    }

    .layout__region--first .sc-summer-camp-desc .field--type-text-with-summary p img {
        margin-top: 0;
        margin-bottom: 0;
    }

    .contact-info-marker-container {
        margin-right: 0.5rem;
    }

    /* About the department */
    .liubie-section .row {
        margin-top: 2rem !important;
    }

    .liubie-section .row .mt-5 {
        margin-top: 0.5rem !important;
    }

    .professors-content-detail-main-section {
        padding: 0 120px;
    }
    
    .professors-content-detail-main-section .layout__region--first {
        flex: 0 1 70% !important;
    }
    
    .professors-content-detail-main-section .layout__region--second {
        flex: 0 1 30% !important;
    }
}

@media (max-width: 1024px) {
    .professors-content-detail-main-section {
        padding: 0 4.375rem;
    }
}

@media (max-width: 1023px) {
    .math-help-center-content .introduction-box h3, .math-help-center-content .introduction-box p {
        margin-bottom: 1rem;
    }

    .custom-container {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }

    .fractal-geometry,
    .video-text-col {
        flex-direction: column;
    }

    .fg-img-wrapper {
        width: 100% !important;
    }

    .fractal-geometry .fg-text-wrapper,
    .video-text-col .fg-text-wrapper {
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
        margin-top: 3.8rem;
    }

    .bscm-video-section .fractal-geometry .fg-img-wrapper::before,
    .bscm-video-section .video-text-col .fg-img-wrapper::before {
        width: 84px;
        bottom: -80px;
        left: -48px;
    }

    .home-student-review-container .view-header, .home-student-review-container .layout__region--first .view-content {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .home-student-review-container .item-list:before {
        width: 70%;
    }

    .home-student-review-container .srs-footer-headline {
        font-size: 1rem;
    }

    .home-student-review-container .layout__region--second {
        padding-left: 2rem;
    }
    
    .useful-link-section {
        margin-bottom: 2rem;
    }

    .academic-professor-block  .view-ma-academic-faulty .mt-5 {
        margin-top: 2rem !important;
    }
    
    .research-student .table-responsive, .postdocs-student .table-responsive {
        padding-right: 0px;
        padding-left: 0px;
    }

/*     
    .prof-breadcrumb .section-breadcrumb {
        margin-top: 6rem;
    } */

    /* About the department */
    .liubie-section .row {
        margin-top: 1rem !important;
    }
}

@media (max-width: 999px) {
    .course-list-container .course-list-col:first-child{
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: white;
      
    }
   
    .mphil-cross-institutional-block .row {
        margin-right: auto;
        margin-left: auto;
    }
    .mphil-cross-institutional-block .row .col-lg-6:first-child, .mphil-cross-institutional-block .row .col-lg-6:last-child {
        padding-right: 0px;
        padding-left: 0px;
    }

    .referenc-section .enquiry {
        margin-bottom: 5rem;
    }

    .math-help-center-content {
        margin-bottom: 4rem;
    }
    
    .bscm-video-section .fractal-geometry .fg-text-wrapper .youtube-video-watch-btn > a,
    .bscm-video-section .video-text-col .fg-text-wrapper .youtube-video-watch-btn > a {
        font-size: 0.813rem;
    }

    .academic-professor-block ul li {
        margin-bottom: 3rem !important;
    }

    .academic-professor-block .prof-container .table {
        margin-bottom: 3rem;
    }

    .events-container .view-display-id-block_3 .js-pager__items {
        margin-top: 0;
        margin-bottom: 3rem;
    }

    .about-department-main-section .liubie-section-btn-container {
        width: 100%;
        text-align: center;
    }

    #header .t-header-search form {
        display: none;
    }
}

@media (max-width: 975px) {
    .prof-container table.views-view-table.cols-5 th, .prof-container table.views-view-table.cols-5 td {
        font-size: 1rem !important;
    }

    .prof-container table.views-view-table.cols-5 th:first-child, .prof-container table.views-view-table.cols-5 td:nth-child(2) {
        padding-left: 1rem !important;
    }
    
    .mb-5x {
        margin-bottom: 4rem !important;
    }
}

@media (max-width: 835px) {
    .admission-content .layout__region--first {
        margin-bottom: 0px;
    }

    .bscm-video-section .fractal-geometry .fg-img-wrapper,
    .bscm-video-section .video-text-col .fg-img-wrapper {
        margin-right: 0px;
    }

    .fractal-geometry .fg-text-wrapper,
    .video-text-col .fg-text-wrapper {
        padding-left: 0px !important;
        margin-top: 3rem;
    }

    .home-featured-slider-section.view-home-featured-courses .htc-header-text {
        font-size: 1.125rem !important;
        margin-top: 1rem !important;
    }

    .home-mission {
        margin: 3.75rem auto !important;
    }

    .home-mission p {
        font-size: 1.125rem !important;
    }

    .prof-info  {
        flex-direction: row;
    }

    .view-student-review-story .d-flex {
        flex-direction: row;
    }

    .events-container .block-views-blocknews-events-filter-block-3 h2 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .pass-events-divider {
        margin-top: 2rem;
    }

    .contact-info {
        margin-bottom: 2rem;
    }

    .about-department-section-img::after {
        width: 127px;
        height: 143px;
        bottom: -44px;
        left: -24px;
    }
    
    .bachelor-of-law-section .row p:last-child {
        margin-bottom: 0 !important;
    }

    .admissions_requirement_content .layout__region--second > div.block-block-content {
        margin-top: 0px;
    }

    .admissions_requirement_content .layout__region--second {
        padding-left: 0;
        margin-bottom: 3rem !important;
    }

    .section.suggest-study-path-section::after {
        top: 354px;
        left: -55px;
        width: 84.8px;
        height: 89px;
    }
}

@media (max-width: 834px) {
    /* .two-col-section .layout__region--second {
        padding-right: 0px !important;
        padding-left: 0px !important;
    } */

    .two-col-section {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    
    .two-col-section.layout--twocol-section--67-33 .layout__region--first, .two-col-section.layout--twocol-section--67-33 .layout__region--second {
        max-width: 100% !important;
    }

    .two-col-section .layout__region--first, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first, .two-col-section .layout__region--second, .two-col-section.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
        flex: 0 1 100% !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        max-width: 100%;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .two-col-section .layout__region--second .enquiry-section-sticky {
        margin-top: 0px !important;
    }

    .two-col-section .table-responsive {
        padding-right: 0px;
    }

    .late-submission-assement-section-container .row .col-md-6:last-child {
        padding-top: 2.5rem;
    }

    .admissions_requirement_content .layout__region--first, .admissions_requirement_content .layout__region--second {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-bottom: 2rem !important;
    }

    .minor-maths .layout__region--second {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        max-width: 100%;
    }

    .home-student-review-container .item-list:before {
        width: 40%;
    }

    .useful-link-section {
        margin-bottom: 0;
    }

    .academic-professor-block  .view-ma-academic-faulty .mt-5 {
        margin-top: 0 !important;
    }

    .academic-professor-block  .view-ma-academic-faulty .mb-5 {
        margin-bottom: 2rem !important;
    }
    
    .selected-publications-main-section {
        flex-direction: column-reverse;
        padding-right: 50px;
        padding-left: 50px;
    }

    .selected-publications-main-section .layout__region {
        flex: 0 1 100% !important;
        padding-right: 0;
        padding-left: 0;
    }

    .selected-publications-main-section .layout__region--first {
        margin-top: 3rem;
    }
    .selected-publications-main-section .selected-pub-container .view-header h3 {
        margin-bottom: 2rem;
    }

    .prof-info .layout__region--first {
        flex: 0 1 65% !important;
    }

    .prof-info .layout__region--second {
        flex: 0 1 35% !important;
    }

    .prof-details.professors-content-detail-main-section .layout__region {
        flex-basis: 100% !important;
    }
} 

@media (max-width: 759px) {
    .course-list-container .course-list-col:first-child {
        margin-right: 0px;
        margin-bottom: 1.5rem;
    }

    .math-help-center-content .first-column-section {
        margin-bottom: 2rem;
    }
    .course-list-container{
       margin-left: 0;
       margin-right: 0;
    }

    .adjunct-professor-visiting-fellow-section .prof-container .table-responsive.col,
    .adjunct-professor-visiting-fellow-section .prof-container .table-responsive.col .table, 
    .adjunct-professor-visiting-fellow-section .prof-container .table-responsive.col .table tr {
        padding: 0;
    }
}

@media (max-width: 679px) {
    .research-categories h4 {
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        margin: 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        top: -24px;
        line-height: 1.5;
    }
    
}

@media(max-width: 640px ){    
    .programme-requirement-section h4,
    .adding-section h4{
        font-size: 22px !important;
    }
    footer.site-footer .t-footer-bottom .footer-links span a::before {
        content: '';
        background-color: white;
        color: #fff;
        padding: 2px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 3px;
        margin-bottom: 2px;
    }

    .cross-instititional-section p, .white-box p a {
        font-size: 0.875rem !important;
    }

    .selected-publications-main-section {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (max-width: 553px) {
    #header .t-header-wrapper .field--name-body a {
        font-size: 14px;
    }
    #header .t-header-wrapper .field__item img {
        width: 36px;
    }
}

@media (max-width: 529px) {
    #header .t-header-wrapper .field--name-body a {
        font-size: 10px;
    }
}

@media (max-width: 639px) {
    .custom-container {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .fractal-geometry .fg-text-wrapper,
    .video-text-col .fg-text-wrapper {
        margin-top: 2rem;
    }

    .fractal-geometry .fg-text-wrapper .fractal-geometry-title,
    .video-text-col .fg-text-wrapper .video-text-col-title {
        margin-top: 0;
        margin-bottom: 1rem;
    }
    
    .home-student-review-container .srs-footer-headline {
        font-size: 0.635rem;
    }

    .fractal-geometry .fg-text-wrapper .fg-text,
    .video-text-col .fg-text-wrapper .fg-text {
        font-size: 0.75rem !important;
        margin-bottom: 0.375rem;
    }

    .fractal-geometry .fg-text-wrapper .youtube-video-watch-btn svg,
    .video-text-col .fg-text-wrapper .youtube-video-watch-btn svg {
        width: 14px;
    }

    .bscm-video-section .fractal-geometry .fg-img-wrapper::before,
    .bscm-video-section .video-text-col .fg-img-wrapper::before {
        width: 64px;
        bottom: -96px;
        left: -30px;
    }

    .home-student-review-container .layout__region--first {
        padding-right: 1.25rem;
    }

    .home-student-review-container h2, .home-student-review-container .srs-footer-title, .latest-news-title {
        font-size: 1.375rem !important;
    }

    .home-student-review-container h2::after, .home-student-review-container .srs-footer-title::after {
        width: 32px;
        border-bottom: 4px solid #0CC7CF;
    }

    .home-student-review-container .view-header, .home-student-review-container .layout__region--first .view-content, .path-frontpage .latest-news-title-container, .path-frontpage .view-display-id-block_5, .view-home-featured-courses .view-header, .home-mission, .home_featured_courses_wrap, .t-footer-wrapper {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }

    .home-student-review-container .layout__region--second {
        padding-left: 1.25rem;
    }
    
    .home-student-review-container .view-header {
        font-size: 0.75rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .home-student-review-container .layout__region--first .view-content h3 a {
        font-size: 0.938rem;
    }

    .home-student-review-container .item-list:before {
        width: 30%;
    }

    .home-student-review-container .item-list ul li .views-field-name a {
        font-size: 0.688rem;
    }

    .home-student-review-container .layout__region--second .view-footer .srs-footer-description {
        font-size: 0.75rem;
    }

    .home-student-review-container .layout__region--second .view-footer .more-link a {
        padding-left: 2.5rem;
        width: 176px;
        height: 50px;
        font-size: 0.875rem;
        line-height: 3.5;
    }

    .home-student-review-container .layout__region--second .view-footer .more-link a svg {
        width: 21px;
        height: 21px;
    }

    .home-student-review-container {
        margin-top: 0 !important;
    }

    .path-frontpage .latest-news-title-container {
        padding-right: 20px;
        padding-left: 20px;
    } 

    .block-views-blocklatest-news-upcoming-events-block-2  {
        margin-top: 6.625rem !important;
    }

    .latest-news-events-upcoming-lists {
        padding-right: 1.25rem !important;
        padding-left: 1.25rem !important;
    }

    .latest-news-events-seminars-date {
        width: 3.625rem;
        padding: 1.125rem;
    }

    .latest-news-events-seminars-content-container {
        margin-left: 1.25rem;
    }

    .latest-news-events-seminars-date, .latest-news-events-seminars-content a {
        font-size: 0.938rem;
    }
    
    .latest-news-events-seminars-title a, .latest-news-events-seminars-time, .latest-news-events-seminars-speaker {
        font-size: 0.625rem;
    }

    .all-news-events-btn {
        font-size: 0.875rem;
    }

    .all-news-events-btn svg {
        width: 1.313rem;
        height: 1.313rem;
    }

    .all-news-events-btn-container {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .home-featured-slider-section.view-home-featured-courses .htc-header-text {
        font-size: 1rem !important;
    }

    .home-mission {
        margin: 3.125rem auto 4.688rem !important;
    }

    .home-mission p {
        font-size: 1rem !important;
    }

    .future-skills {
        padding-bottom: 0px;
    }
    
    

    .corporate-training > .pi-text-wrapper > .pi-text {
        padding-left: 1.25rem !important;
    }

    /* home-page-research */
   

    .program {
        font-size: 0.625rem;
    }

    .pi-text h3 {
        font-size: 22px;
    }
    
    .pi-text p {
        font-size: 12px;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .pi-text a {
        font-size: 13px;
    }
    .pi-text a > svg {
         width: 20px;   
         height: 20px;
    }

    .pi-text h3::after {
        bottom: -12px;
    }

    .corporate-training {
        padding-bottom: 0rem;
    }
    
    .layout--twocol-section--75-25.prof-info  {
        flex-direction: column;
    }

    .research-student > .view-header > h3, .postdocs-student > .view-header > h3, .student-review-story .view-header h3 {
        font-size: 1.375rem;
        margin-bottom: 1rem;
    }

    .research-student > .view-header, .postdocs-student > .view-header, .student-review-story .view-header {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }

    .research-student > .view-content > .table-responsive > table td::before, .postdocs-student > .view-content > .table-responsive > table td::before {
        font-size: 1rem;
    }

    .research-student > .view-content > .table-responsive > table td, .postdocs-student > .view-content > .table-responsive > table td {
        font-size: 0.875rem !important;
    }

    /* Selected Puglication */
    .selected-pub-container .view-header {
        margin-bottom: 2rem;
        font-size: 1rem;
    }
    .selected-pub-container .view-header h3 {
        font-size: 1.375rem !important;
        margin-bottom: 1rem;
    }

    /* News & Events */
    .news-header .block-inline-blockbasic .content h2 {
        font-size: 1.375rem !important;
    }

    /* Contact Us */
    .contact-info {
        margin-bottom: 1rem;
    }

    .contact-office {
        margin-top: 2rem;
    }
    
    .contact-info h6 {
        margin-bottom: 2rem;
    }

    .contact-info-address-text-container span, .contact-info-address-text-container a {
        font-size: 0.875rem !important;
    }

    /* Home YouTube Video */ 
    .home-youtube-video #fractal-geometry,
    .home-youtube-video #video-text-col {
        margin-bottom: 3rem;
    }
    .home-youtube-video .fractal-geometry,
    .home-youtube-video .video-text-col {
        margin-top: 3rem;
    }

    .latest-news-events-seminars-time::before, .latest-news-events-seminars-speaker::before {
        margin-top: 3px;
    }

    .fractal-geometry-bg-container,
    .video-text-col-container {
        background-image: none;
    }

    .future-skills > .pi-text-wrapper {
        margin-top: 3.5rem;
    }

    .corporate-training .pi-text, .future-skills .pi-text {
        margin-top: 1.5rem;
        padding-top: 0 !important;
    }

    .prof-info.professors-content-detail-main-section img {
        width: auto;
        margin: 1rem auto;
        max-width: 100%;
    }

    .prof-details .professor-border-top {
        margin: 1rem 0 0.5rem 0;
    }

    .t-footer .footer-copyright-reserved span {
        display: block;
        font-size: 0.625rem !important;
    }
    
    .admissions_requirement_content .layout__region--first {
        margin-bottom: 0 !important;
    }

    .bachelor-laws-bsc-computing-mathematics-nobg-img-block {
        margin-bottom: 3rem !important;
    }
}

@media (max-width: 480px) {
    .latest-news-upcoming-events-block-mobile .slick-prev,
    .latest-news-upcoming-events-block-mobile .slick-next,
    .latest-news-upcoming-new-events-mobile-block .slick-prev,
    .latest-news-upcoming-new-events-mobile-block .slick-next {
        top: 30%;
    }

    .research-categories h4 {
        width: 70%;
    }
}

@media (max-width: 479px) {
    /* .custom-container {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    } */

    .course-list-container {
        margin: 0px;
    }

    .bscm-video-section .fractal-geometry .fg-img-wrapper::before,
    .bscm-video-section .video-text-col .fg-img-wrapper::before {
        left: -15px;
    }

    .home-student-review-container .item-list:before {
        width: 45%;
    }

    footer.site-footer .t-footer-bottom .footer-links span a {
        font-size: 0.625rem !important;
    }
   
}

@media (max-width: 399px) {
    .referenc-section .title-content .content-title {
        width: 80%;
    }
}

@media (max-width: 354px) {
    .referenc-section .title-content .content-title {
        top: -24px;
        width: 65%;
    }
}

@media (max-height: 800px) {
    .positionfixed {
        margin-top: 2rem;
    }
}

/* @media (max-height: 750px) {
    .positionfixed {
        margin-top: 2px;
    }
} */

/* Start Header */

#header #navbar-top #block-searchicon-3 {
    margin-left: 0;
}

.no-touch .t-primary-menu .t-dropdown-menu .t-dropdown-item:hover, .t-primary-menu .t-dropdown-menu .t-dropdown-item:focus {
    background: none !important;
}

.t-primary-menu .t-dropdown-menu .t-dropdown-item > .t-nav-link.show {
    background: none !important;
}

@media (max-width: 999px) {
    #header #navbar-top .t-nav-collapse ul.t-navbar-nav {
        min-height: 100vh;
        overflow-y: auto;
    }
}

@media (max-width: 479px) {
    p.hkms {
        margin-right: 1.5rem;
    }
}
/* End Header */

/* Start YouTube Video Section */
#fractal-geometry,
#video-text-col {
    margin-bottom: 0 !important;
}

.path-frontpage .fractal-geometry,
.path-frontpage .video-text-col {
    margin-bottom: 4.5rem;
}

/* YouTube video section from BSCM */
.BSc-computing-mathematics-custom-main-container.bscm-video-section .fractal-geometry-bg-container,
.BSc-computing-mathematics-custom-main-container.bscm-video-section .video-text-col-container {
    margin-bottom: 8.25rem;
}
/* End YouTube video section from BSCM */

@media (max-width:1679px) {
    .BSc-computing-mathematics-custom-main-container.bscm-video-section .fractal-geometry-bg-container,
    .BSc-computing-mathematics-custom-main-container.bscm-video-section .video-text-col-container {
        margin-bottom: 4.25rem;
    }
    .path-frontpage .fractal-geometry,
    .path-frontpage .video-text-col {
        margin-bottom: 2rem;
    }
}

@media (max-width:1279px) {
    .path-frontpage .fractal-geometry,
    .path-frontpage .video-text-col {
        margin-bottom: 1rem;
    }
}

@media (max-width:835px) {
    .path-frontpage .fractal-geometry,
    .path-frontpage .video-text-col {
        margin-bottom: 0;
    }
}

@media (max-width:639px) {
    /* YouTube video section from BSCM */
    .BSc-computing-mathematics-custom-main-container.bscm-video-section .layout__region--content {
        padding-top: 0.625rem;    
    }
    
    .BSc-computing-mathematics-custom-main-container.bscm-video-section .fractal-geometry-bg-container,
    .BSc-computing-mathematics-custom-main-container.bscm-video-section .video-text-col-container {
        margin-bottom: 3rem;
    }

    /* End YouTube video section from BSCM */
    .path-frontpage .fractal-geometry,
    .path-frontpage .video-text-col {
        margin-bottom: 3rem;
    }
}
/* End YouTube Video Section */

/* Start home featured slider section  */
.home-featured-slider-section.view-home-featured-courses {
    position: relative;
}

.home-featured-slider-section::after {
    content: url(/sites/g/files/asqsls6306/files/inline-images/wave-background-image.png);
    position: absolute;
    top: 90px;
    z-index: -1;
}

.home-mission {
    margin-top: 25rem !important;
}

@media (max-width: 1764px) {
    .view-home-featured-courses .htc-header-text {
        width: 80%;
    }
}

@media (max-width: 1680px) {
    .view-home-featured-courses .htc-header-text {
        width: 85%;
    }
}

@media (max-width: 1679px) {
    .home-featured-slider-section::after {
        content: "";
        background-image: url(/sites/g/files/asqsls6306/files/inline-images/wave-background-image.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 120%;
        top: 14%;
    }

    .home-mission {
        margin-top: 24rem !important;
    }
}

@media (max-width: 1559px) {
    .home-featured-slider-section::after {
        height: 112%;
        top: 22%;
    }

    .home-mission {
        margin-top: 20rem !important;
    }
}

@media (max-width: 1279px) {
    .home-featured-slider-section::after {
        height: 100%;
        top: 24%;
    }

    .home-mission {
        margin-top: 14rem !important;
    }
}

@media (max-width: 1023px) {
    .home-featured-slider-section::after {
        top: 16%;
    }
}

@media (max-width: 835px) {
    .home-mission {
        margin-top: 10rem !important;
    }
}

@media (max-width: 767px) {
    .home-mission {
        margin-top: 8rem !important;
    }
}

@media (max-width: 539px) {
    .home-featured-slider-section::after {
        content: url("/sites/g/files/asqsls6306/files/inline-images/wave-img.png");
        background: none;
        top: 58%;
        right: 8px;
    }
}

@media (max-width: 414px) {
    .home-featured-slider-section::after {
        right: 130px;
    }
}

/* End home featured slider section  */

/* Start Career Prospects / Further Studies Section */
.bscm-content .career-section .row {
    align-items: center;
}

.bscm-content .career-section .row:last-child {
    margin-top: 9rem !important;
}

.bscm-content .career-section .row:first-child .about-department-section-img::before {
    content: "";
    position: absolute;
    top: -82px;
    width: 254px;
    height: 286px;
    left: -52px;
    background-image: url(/sites/g/files/asqsls6306/files/inline-images/watermark-14.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

@media (max-width: 1679px) {
    .bscm-content .career-section .row:last-child {
        margin-top: 6.25rem !important;
    }

    .career-section .col-lg-6:first-child, 
    .joint-bachelors-degree-programmes-block
    .joint-bachelor-section
    .col-lg-6:first-child {
        padding-right: 2rem;
    }

    .career-section .col-lg-6:last-child, 
    .joint-bachelors-degree-programmes-block
    .joint-bachelor-section
    .col-lg-6:last-child {
        padding-left: 2rem;
    }
}

@media (max-width: 1599px) {
    .bscm-content .career-section .row {
        align-items: flex-start;
    }
    .career-section .col-lg-6:first-child, 
    .joint-bachelors-degree-programmes-block
    .joint-bachelor-section
    .col-lg-6:first-child {
        padding-right: 1.25rem;
    }

    .career-section .col-lg-6:last-child, 
    .joint-bachelors-degree-programmes-block
    .joint-bachelor-section
    .col-lg-6:last-child {
        padding-left: 1.25rem;
    }
}

@media (max-width: 1439px) {
    .bscm-content .career-section .row:last-child {
        margin-top: 5rem !important;
    }
}

@media (max-width: 835px) {
    .career-section {
        margin-bottom: 5rem;
    }

    .career-section .col-lg-6:first-child {
        padding-right: 0;
    }

    .career-section .col-lg-6:last-child {
        padding-left: 0;
    }

    .bscm-content .career-section .row:last-child {
        margin-top: 3rem !important;
    }

    .bscm-content .career-section .row .col-lg-6:last-child {
        margin-top: 3rem;
    }

    .bscm-content .career-section .row .col-lg-6:last-child p:last-child,
    .bscm-content .career-section .curriculum:last-child a:first-child, 
    .bscm-content .career-section .curriculum:last-child a {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 639px) {
    .bscm-content.career-prospect-main-container .layout__region--content {
        padding-top: 0;
    }

    .bscm-content .career-section {
        margin-bottom: 3rem;
    }

    .bscm-content .career-section .row:first-child .about-department-section-img::before {
        top: -31px;
        width: 127px;
        height: 143px;
        left: -24px;
    }

    .bscm-content .career-section .row .col-lg-6:last-child,
    .bscm-content .career-section .row:last-child {
        margin-top: 2rem !important;
    }
}

/* Bachelor of Laws & BSc in Computing Mathematics */
.career-section h4, .bachelor-of-law-section h4, .joint-bachelor-section h4 {
    margin-bottom: 3.375rem;
}

.bachelor-of-law-section h5, .joint-bachelor-section h5 {
    margin-top: 3.375rem;
    margin-bottom: 1.5rem;
}

.career-section p, .bachelor-of-law-section p{
    margin-bottom: 2rem !important;
}

@media (max-width: 1679px) {
    .career-section h4, .bachelor-of-law-section h4, .joint-bachelor-section h4 {
        margin-bottom: 2rem;
    }
    
    .bachelor-of-law-section h5, .joint-bachelor-section h5 {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    
    .career-section p, .bachelor-of-law-section p{
        margin-bottom: 1rem !important;
    }   
}

@media (max-width: 1439px) {
    .career-section h4, .bachelor-of-law-section h4, .joint-bachelor-section h4 {
        margin-bottom: 1rem;
    }

    .bachelor-of-law-section h5, .joint-bachelor-section h5 {
        margin-top: 1.5rem;
    }
}
/* end */
/* End Career Prospects / Further Studies Section */

/* Start Joint Bachelor's Degree Programmes */
.joint-bachelor-section .row:last-child {
    justify-content: center;
}
@media (max-width: 1365px) {
    .joint-bachelor-section p a {
        font-size: 1.125rem !important;
    }
}

@media (max-width: 999px) {
    .joint-bachelor-section {
        background-image: none;
    }
}

@media (max-width: 639px) {
  .joint-bachelor-section .row:last-child {
    flex-direction: column;
  }

  .joint-bachelor-section .row:last-child .col-md-3 {
      max-width: 100%;
      flex: 0 0 100%;
      padding-right: 0;
      padding-left: 0;
      margin: 1rem auto;
  }
}
/* End */

/* Table of Research Students, Postdocs, Research Gradutates */
.research-students-content .research-student > .view-content > .table-responsive > table td > a > img,
.research-graduates .view-content > .table-responsive > table td > a > img,
.postdocs-student > .view-content > .table-responsive > table td > a > img,
.prof-container > .view-content > .table-responsive > table td > a > img
{
    width: 2rem;
}

.research-students-content .research-student > .view-content > .table-responsive > table td > a:hover > img,
.research-graduates .view-content > .table-responsive > table td > a:hover > img,
.postdocs-student > .view-content > .table-responsive > table td > a:hover > img,
.prof-container > .view-content > .table-responsive > table td > a:hover > img {
    -webkit-filter: invert(77%) sepia(68%) saturate(859%) hue-rotate(346deg) brightness(102%) contrast(101%);
    filter: invert(77%) sepia(68%) saturate(859%) hue-rotate(346deg) brightness(102%) contrast(101%);
}

.research-student > .view-content > .table-responsive > table td[headers="Student Name"], 
.postdocs-student > .view-content > .table-responsive > table td[headers="Student Name"],
.research-graduates > .view-content > .table-responsive > table td[headers="Student Name"] {
    font-weight: 600 !important;
}

.research-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
.research-student > .view-content > .table-responsive > table td:not(td[headers="Email"]), 
.postdocs-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
.postdocs-student > .view-content > .table-responsive > table td:not(td[headers="Email"]),
.research-graduates > .view-content > .table-responsive > table th:not(th:nth-child(3)),
.research-graduates > .view-content > .table-responsive > table td:not(td[headers="Email"]) {
    text-align: left !important;
    padding-left: 4rem !important;
    line-height: 1.5 !important;
}

@media (max-width: 1679px) {
    .research-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .research-student > .view-content > .table-responsive > table td:not(td[headers="Email"]), 
    .postdocs-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .postdocs-student > .view-content > .table-responsive > table td:not(td[headers="Email"]),
    .research-graduates > .view-content > .table-responsive > table th:not(th:nth-child(3)),
    .research-graduates > .view-content > .table-responsive > table td:not(td[headers="Email"])  {
        padding-left: 2rem !important;
    }
}

@media (max-width: 1365px) {
    .research-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .research-student > .view-content > .table-responsive > table td:not(td[headers="Email"]), 
    .postdocs-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .postdocs-student > .view-content > .table-responsive > table td:not(td[headers="Email"]),
    .research-graduates > .view-content > .table-responsive > table th:not(th:nth-child(3)),
    .research-graduates > .view-content > .table-responsive > table td:not(td[headers="Email"])  {
        padding-left: 1rem !important;
    }
}

@media (max-width: 835px) {
    .research-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .research-student > .view-content > .table-responsive > table td:not(td[headers="Email"]), 
    .postdocs-student > .view-content > .table-responsive > table th:not(th:nth-child(3)), 
    .postdocs-student > .view-content > .table-responsive > table td:not(td[headers="Email"]),
    .research-graduates > .view-content > .table-responsive > table th:not(th:nth-child(3)),
    .research-graduates > .view-content > .table-responsive > table td:not(td[headers="Email"]),
    .prof-container table.views-view-table.cols-5 th:first-child, 
    .prof-container table.views-view-table.cols-5 td[headers="Name"]  {
        padding-left: 6px !important;
    }

    
    .research-student > .view-content > .table-responsive > table td, .postdocs-student > .view-content > .table-responsive > table td, .doctor-of-philo-research-graduate-outer-wrapper table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

    .research-student > .view-content > .table-responsive > table td::before, .postdocs-student > .view-content > .table-responsive > table td::before, .doctor-of-philo-research-graduate-outer-wrapper table td::before {
        line-height: 1.5;
        min-width: 150px;
    }
}
/* end */

/* Start Doctor of Philosophy (PhD) / Master of Philosophy (MPhil) */
.doctor-of-philo-research-graduate-outer-wrapper, 
.research-student-outer-wrapper, 
.postdocs-outer-wrapper, 
.course-list-section,
.topics-recommended-readings-servicing-courses-section {
    margin-bottom: 9.375rem !important;
}

.doctor-of-philo-research-graduate-outer-wrapper .research-graduates table {
    margin-bottom: 0;
    text-align: center;
}

.research-student-outer-wrapper table, .postdocs-outer-wrapper table {
    margin-bottom: 0;
}

@media (max-width: 1679px) {
    .doctor-of-philo-research-graduate-outer-wrapper, 
    .research-student-outer-wrapper, 
    .postdocs-outer-wrapper,
    .course-list-section,
    .topics-recommended-readings-servicing-courses-section {
        margin-bottom: 5rem !important;
    }
}

@media (max-width: 1439px) {
    .doctor-of-philo-research-graduate-outer-wrapper, 
    .research-student-outer-wrapper, 
    .postdocs-outer-wrapper,
    .course-list-section,
    .topics-recommended-readings-servicing-courses-section {
        /* margin-bottom: 3rem !important; */
    }
}
/* End Doctor of Philosophy (PhD) / Master of Philosophy (MPhil) */


/* Pagination */
.view .pager {
    margin-top: 3rem;
}

.view .pager .pager__items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.view .pager .pager__items .pager__item {
    margin: 0 1rem 0 0;
    height: 41px;
    display: flex;
    align-items: center;
}

.view .pager .pager__items .pager__item:first-child {
    margin-left: 0 !important;
}

.view .pager .pager__items .pager__item:last-child {
    margin-right: 0 !important;
}

.view .pager .pager__items .pager__item:last-child {
    margin: 0;
}
.view .pager .pager__items .pager__item--pre {
    margin-right: 16px;
}
.view .pager .pager__items .pager__item--next {
    margin-left: 16px;
}
.view .pager .pager__items .pager__item .pager__link {
    padding: 0.375rem 0.938rem;
    border: 1px solid #707070;
    color: #323232;
    font-weight: 600;
    font-size: 18px;
}
/* .view .pager .pager__items .pager__item--pre a:hover span,
.view .pager .pager__items .pager__item--next a:hover .fa-angle-right {
    color: #ffc711 !important;
} */
.view .pager .pager__items .pager__item:hover .pager__link {
    color: #ffc711;
    border-color: #ffc711;
}

.view .pager .pager__items .pager__item--active .pager__link {
    background-color: #20586F;
    border-color: #20586F;
    color: #ffffff;
}

.view .pager .pager__items .pager__item--active:hover .pager__link {
    color: #ffffff;
    border-color: #707070;
}

@media (max-width: 1023px) {
    /* Pagination */
    .view .pager .pager__items .pager__item {
        margin: 0 0.25rem !important;
        height: auto !important;
    }
    
    .view .pager .pager__items .pager__item .pager__link {
        font-size: 1rem;
        padding: 0.25rem 0.75rem;
        margin: 0;
    }
}

@media (max-width: 999px) {
    .view .pager {
        margin: 2rem auto;
    }
}

@media (max-width: 639px) {
    .view .pager .pager__items .pager__item {
        margin: 0 0.125rem !important;
    }
    .view .pager {
        margin-top: 1.5rem;
    }
}

/* End Pagination */

/* Start Course List Container */
/* BSCM */
.course-list-section, .bscm-content .course-list-section {
    margin-top: 0px !important;
}

.course-list-container {
    display: flex;
    justify-content: center;
}

.course-list-container .course-list-col {
    border: 1px solid #20586F;
    padding: 0px;
}

.course-list-section .course-list-container .course-list-col .white-box {
    padding: 2.25rem 1rem !important;
}

.course-list-section .course-list-container .course-list-col:first-child {
    margin-right: 3.125rem;
}

.course-list-container .course-list-col:first-child:hover {
    background-color: #20586F;
}

.course-list-container .course-list-col .white-box {
    border: none !important;
}


.course-list-col:hover .white-box{
    background-color: #20586F;
}
.course-list-col:hover .white-box p,.course-list-col:hover .white-box p a ,.course-list-col:hover .white-box p:first-of-type {
    color: #fff !important;
}

@media (max-width: 1559px) {   
    .course-list-section .course-list-container .course-list-col:first-child {
        margin-right: 2rem;
    }
}

@media (max-width: 999px) {   
    .course-list-section .course-list-container .course-list-col {
        margin-right: 2rem;
    }
}

@media (max-width: 835px) { 
    .course-list-section .course-list-container .course-list-col .white-box {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}
/* end Bscm */
/* End Course List Container */

/* Start Research Student and Postdocs */
.research-student-outer-wrapper, .postdocs-outer-wrapper {
    position: relative;
}

@media (max-width: 1679px) {
    .research-student-outer-wrapper::after, .postdocs-outer-wrapper::after {
        bottom: -170px;
    }
}
@media (max-width: 999px) {
    .research-student-outer-wrapper::after, .postdocs-outer-wrapper::after {
        content: "";
        width: 104px;
        height: 102px;
        right: 0;
        bottom: -106px;
        background-image: url("/sites/g/files/asqsls6306/files/inline-images/watermark-15.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}
@media (max-width: 639px) {
    .research-student-outer-wrapper::after, .postdocs-outer-wrapper::after {
        width: 78px;
        height: 77px;
        right: 0;
        bottom: -100px;
    }
}
/* End Research Student and Postdocs */

/* Start about department section */
@media (max-width: 1279px) {
    .bachelor-laws-bsc-computing-mathematics-block .bachelor-of-law-section .about-department-section-img::after {
        background-image: url(/sites/g/files/asqsls6306/files/inline-images/watermark-20.png);
        bottom: -40px;
        left: -28px;
        width: 127px;
        height: 134px;
        background-size: contain;
    }
}
@media (max-width: 835px) {
    .bachelor-laws-bsc-computing-mathematics-block .bachelor-of-law-section .about-department-section-img::after {
        bottom: -28px;
    }
}
/* End about department section */