.programme-images {
    display: flex;
    overflow: hidden;
    transition: all 1.2s ease;
}
.cityu-event .field--name-field-date .field--label,
.cityu-event .field--name-field-event-time .field--label,
.cityu-event .field--name-field-event-location .field--label{
    font-size:20px;
}
.cityu-event .field--name-field-date,
.cityu-event .field--name-field-event-time,
.cityu-event .field--name-field-event-location {
    margin-bottom:15px;
}
.programme-images .image-container a {
    margin: 0;
}
.node--type-cityu-news .field--name-field-new-categories {
    display:none;
}
.programme-images .image-container {
    display: flex;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.programme-images .image-container img {
    /*display: flex;*/
    max-width: 100%;
    height: 488px;
}

.programme-images .image-container .image_title {
    position: absolute;
    bottom: 0px;
}

.programme-images .stretch {
    width: 50% !important;
}

.programme-images .squeeze {
    width: 25%;
}

.landing-page .container {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.landing-page .paragraph--id--26461.paragraph {
    padding-left: 11.9791667%;
    padding-right: 11.9791667%;
}

.landing-page .paragraph--id--2131 div.paragraph__column .field--items .field--item .views-element-container.form-group,
.paragraph--id--26466 {
    padding-left: 10.41667% !important;
    padding-right: 10.41667% !important;
}

.landing-page .paragraph--id--26466 div.paragraph__column,
.paragraph--id--2231 div.paragraph__column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.landing-page .paragraph--id--2231 {
    padding-left: 6.145833%;
    padding-right: 6.145833%;
    background: none;
}

.landing-page .paragraph--id--2231 div.paragraph__column {
    background-image: url(/ceng/sites/g/files/asqsls8126/files/inline-images/ranking-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.path-frontpage .world-ranking {
    width: 100%;
    padding-left: 10.15625%;
    padding-right: 10.15625%;
}

.paragraph--id--3331 {
    padding-left: 14.5833%;
    padding-right: 14.5833%;
}

.paragraph--id--3331 .upcoming-section {
    padding: 0 !important;
}

.paragraph--id--3331 .upcoming-section .main-title {
    width: 100% !important;
}

.landing-page .paragraph--id--3331 div.paragraph__column .field--items .field--item .views-element-container.form-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.paragraph--id--26491 {
    padding-left: 14.5833%;
    padding-right: 14.5833%;
}

.paragraph--id--26551 {
    padding-left: 16.09375%;
    padding-right: 16.09375%;
}

.paragraph--id--26551 .upcoming-section .main-title {
    width: 100% !important;
}

.paragraph--id--26466:after,
.paragraph--id--26591:after {
    right: 0 !important;
}

.paragraph.paragraph--id--26571 {
    transform: translateX(0) !important;
}

.banner-caption-section {
    padding-left: 10.41667% !important;
    padding-right: 20px !important;
}

.container200 {
    padding-left: calc(10.41667% - 15px);
    padding-right: calc(10.41667% - 15px);
}

.container280 {
    padding-left: calc(14.5833% - 15px);
    padding-right: calc(14.5833% - 15px);
}

.page-title-banner {
    position: relative;
}

.banner-caption-section {
    margin-top: 0 !important;
    bottom: 48px;
}

.banner-caption-section h2 {
    font-size: 40px !important;
}

#block-cityu-ceng-testblock-2 {
    padding-left: 10%;
    padding-right: 10%;
}

ul#block-cityu-subtheme-2019-quicklinks {
    background-color: white;
    min-width: 110px;
    left: 0;
}

#block-cityu-subtheme-2019-quicklinks ul#block-cityu-subtheme-2019-quicklinks {
    z-index: 9999 !important;
}

.sitemap-section h3 {
    position: relative;
}

.sitemap-section h3:before {
    top: 9px;
    width: 40%;
}

.sitemap-section h3::after {
    top: 9px;
    width: 40%;
}

.custom-margin-top,
.joint-bachelor-section {
    padding-top: 120px;
}

.two-column-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.undergraduate-col-bg {
    margin-bottom: 32px !important;
}

.urban-planning table tbody tr th {
    background: #595048 !important;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 18px;
}

.first-curricu-section table tbody tr th,
.curriculum-table table tbody tr th {
    background: #595149 !important;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 18px;
}

.undergraduate-plus-table table {
    width: 100%;
}

.undergraduate-plus-table table th>strong {
    font-weight: 500 !important;
}

.eligibility-section table tbody tr td,
.urban-planning table tbody tr td,
.first-curricu-section table tbody tr td a,
.first-curricu-section table tbody tr td,
.first-curricu-section table tbody tr th,
.curriculum-table table tbody tr th,
.curriculum-table table tbody tr td {
    padding: 10px 40px;
}

#block-cityu-ceng-undergraduateprogrammes .page-title-banner>img,
#block-cityu-ceng-researchdegreeprogrammes .page-title-banner>img,
#block-cityu-ceng-programmelandingpagebanner .page-title-banner>img,
#block-cityu-ceng-taughtpostgraduateprofessionaldoctorateprogrammes .page-title-banner>img,
#block-cityu-ceng-undergraduateplustaughtpostgraduatedegreeprogrammes .page-title-banner>img,
#block-cityu-ceng-jointbachelorsdegreeprogrammes .page-title-banner>img {
    width: 100%;
}

.undergraduate-col-bg img {
    width: 100%;
}

.paragraph--id--1771.paragraph:before {
    top: 10% !important;
    z-index: -1 !important;
}

.paragraph--id--4031.paragraph:before,
.paragraph--id--4681.paragraph:before,
.paragraph--id--4666.paragraph:before,
.paragraph--id--1786.paragraph:before,
.paragraph--id--4656.paragraph:before {
    content: '';
    display: none;
}
.Organisation-Chart article::after {
      content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark--right-outreach.png);
    display: block;
    position: absolute;
    right: 0px;
    z-index: 0;
    top: 30%;
    opacity: 0.2;
}
.undergraduate-inner-layout::before {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    display: block;
    position: absolute;
    left: 0px;
    z-index: 0;
    top: 18%;
}

.undergraduate-inner-layout.custom-inner-layout-wm::after {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    display: block;
    position: absolute;
    left: 0px;
    z-index: 0;
    bottom: 7%;
}

.minimize-layout::after {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    display: block;
    position: absolute;
    right: 0px;
    z-index: 0;
    bottom: 4%;
    transform: rotate(180deg);
}
.custom-right-wm .layout__region--second::after {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    display: block;
    position: absolute;
    right: 0px;
    z-index: 0;
    top: 30%;
    transform: rotate(180deg) translateY(-50%);
}
.paragraph--id--3921.paragraph::after {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    display: block;
    position: absolute;
    right: 0px;
    z-index: 0;
    bottom: 27%;
    transform: rotate(180deg);
}

.undergraduate-programme-bg:before {
    top: unset;
    bottom: 6.5%;
}

.paragraph--id--4031 .benifit-section ul {
    padding-top: 20px;
    padding-bottom: 20px;
}

.paragraph--id--4031 .other-feature-section .pink-bg {
    margin-bottom: 32px !important;
}

.paragraph--id--4031 .other-feature-section>.row.pink-bg:first-of-type {
    margin-top: 54px !important;
}

#block-import-css {
    display: none;
}

@media(max-width: 1680px) {

    .banner-caption-section {
        padding-left: 7% !important;
    }

    .container200,
    .paragraph--id--1741,
    .landing-page .paragraph--id--2131 div.paragraph__column .field--items .field--item .views-element-container.form-group,
    .paragraph--id--26466{
        padding-left: calc(7% - 15px);
        padding-right: calc(7% - 15px);
    }
}

@media(max-width: 1500px) {

    .undergraduate-programme-bg:before {
        bottom: 7%;
    }

    .container280 {
        padding-left: calc(10% - 15px);
        padding-right: calc(10% - 15px);
    }

    .custom-margin-top,
    .joint-bachelor-section,
    .undergraduate-programme-bg,
    .undergraduate-plus-section {
        padding-top: 80px !important;
    }

    .paragraph--id--1741 {
        padding-top: 60px !important;
    }

  


}

@media(max-width: 1400px) {


    .banner-caption-section h2 {
        font-size: 36px !important;
    }

    .banner-caption-section {
        bottom: 30px;
    }
}

@media(max-width: 1356px) {

    .banner-caption-section {
        padding-left: 5% !important;
    }

    .container200,
    .paragraph--id--1741,
    .landing-page .paragraph--id--2131 div.paragraph__column .field--items .field--item .views-element-container.form-group,
    .paragraph--id--26466{
        padding-left: calc(5% - 15px);
        padding-right: calc(5% - 15px);
    }
}

@media(max-width: 1279px) {

    .page-title-banner>img {
        height: 250px;
        object-fit: cover;
    }

    .undergraduate-programme-bg:before {
        bottom: 8.5%;
    }
}

@media(max-width: 1024px) {

    .landing-page .paragraph--id--26461.paragraph {
        padding-left: 6%;
        padding-right: 6%;
    }

    .landing-page .paragraph--id--2131 div.paragraph__column .field--items .field--item .views-element-container.form-group,
    .paragraph--id--26466{
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .banner-caption-section {
        padding-left: 5% !important;
    }

    .container280 {
        padding-left: calc(7% - 15px);
        padding-right: calc(7% - 15px);
    }

    .cityu-footer-logo {
        right: 5%;
    }

    .cityu-footer-logo {
        width: 150px;
    }

    .paragraph--id--2131 .page-front-latest-newstitle:before {
        top: 12%;
    }

    .landing-page .paragraph--id--2231 {
        padding-right: 3%;
        padding-left: 3%;
    }

    .paragraph--id--3331,
    .paragraph--id--26491 {
        padding-left: 7%;
        padding-right: 7%;
    }

    .paragraph--id--26551 {
        padding-left: 8%;
        padding-right: 8%;
    }

    .vertical-tab .tab-content .paragraph__column {
        margin-left: 30px !important;
    }

    .banner-caption-section {
        bottom: 20px;
    }

    .banner-caption-section h2 {
        font-size: 32px !important;
    }

    .banner-caption-section ol.breadcrumb li.active,
    .banner-caption-section ol.breadcrumb li a {
        font-size: 16px !important;
    }

    .joint-bachelor-section h4,
    .urban-planning h3,
    .need-more-section h3,
    .curriculum-table h4,
    .sidebar-undergraduate h3,
    .undergraduate-col-bg p a {
        font-size: 20px !important;
    }
}

@media(max-width: 1023px) {
    .collapse.in {
        position: relative;
        width: 100%;
    }

    .undergraduate-col-bg {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }

    .urban-planning table tbody tr th,
    .first-curricu-section table tbody tr th,
    .curriculum-table table tbody tr th,
    .eligibility-section table tbody tr td,
    .urban-planning table tbody tr td,
    .first-curricu-section table tbody tr td a,
    .first-curricu-section table tbody tr td,
    .first-curricu-section table tbody tr th,
    .curriculum-table table tbody tr th,
    .curriculum-table table tbody tr td {
        padding: 10px 20px;
    }

}

@media(max-width: 991px) {
    .undergraduate-programme-bg:before {
        top: unset;
        bottom: 6%;
    }
}

@media(max-width: 768px) {
    .banner-caption-section h2 {
        font-size: 25px !important;
    }

    .banner-caption-section ol.breadcrumb li.active,
    .banner-caption-section ol.breadcrumb li a {
        font-size: 14px !important;
    }

    .urban-planning table tbody tr th,
    .first-curricu-section table tbody tr th,
    .curriculum-table table tbody tr th,
    .eligibility-section table tbody tr td,
    .urban-planning table tbody tr td,
    .first-curricu-section table tbody tr td a,
    .first-curricu-section table tbody tr td,
    .first-curricu-section table tbody tr th,
    .curriculum-table table tbody tr th,
    .curriculum-table table tbody tr td {
        font-size: 16px !important;
    }
}

@media(max-width: 767px) {

    #block-cityu-ceng-testblock-2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .paragraph--id--26591 .paragraph--type--bp-columns__2col {
        padding: 0px 0px 645px 0px !important;
    }

    .paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child {
        padding: 80px 40px 80px 40px !important;
    }
}

@media(max-width: 600px) {

    .landing-page .paragraph--id--26461.paragraph,
    .landing-page .paragraph--id--2131 div.paragraph__column .field--items .field--item .views-element-container.form-group,
    .paragraph--id--26466,
    .landing-page .paragraph--id--2231,
    .paragraph--id--3331,
    .paragraph--id--26491,
    .paragraph--id--26551,
    .paragraph--id--26591{
        padding-left: 20px;
        padding-right: 20px;
    }

    .container200,
    .container280 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .banner-caption-section {
        padding-left: 20px !important;
    }

    .sitemap-section {
        margin-top: 0;
    }

    .paragraph--id--26491 {
        margin-top: 85px;
    }

    .banner-caption-section ol.breadcrumb li.active,
    .banner-caption-section ol.breadcrumb li a {
        font-size: 12px !important;
    }

    .banner-caption-section {
        bottom: 10px;
    }

    .vertical-tab .paragraph__column {
        display: block;
    }

    .vertical-tab .tab-content {
        width: 100%;
        margin-top: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .vertical-tab .tab-content .paragraph__column {
        margin-left: 0 !important;
    }

    .minimum-section {
        margin-left: 0 !important;
    }

    .undergraduate-programme-bg:before {
        display: none;
    }

    .undergraduate-plus-table {
        width: 100%;
        overflow-x: auto;
    }

    .paragraph--id--4031 .other-feature-section .pink-bg img {
        width: 100%;
    }
}

@media(min-width: 1921px) {
    .undergraduate-programme-bg:before {
        top: unset;
        bottom: 5.8%;
    }

    .minimum-section {
        margin: -50px 0px 0px 170px;
    }
}

@media(min-width: 2561px) {
    .minimum-section {
        margin: -50px 0px 0px 225px;
    }
}


.container {
    width: auto !important;
}

.paragraph--id--1741 {
    padding-left: 10.41667%;
    padding-right: 10.41667%;
    padding-top: 100px;
    /* padding-bottom: 120px; */
}

.sitemap-section {
    padding-top: 120px;
}

.undergraduate-plus-section,
.undergraduate-programme-bg {
    padding-top: 120px;
    /* padding-bottom: 120px; */
}
.paragraph--id--1741:before {
    content: url(/ceng/sites/g/files/asqsls8126/files/media-image/watermark02.png);
    height: 267px;
    width: 528px;
    display: block;
    position: absolute;
    left: 0px;
    z-index: 0;
}

.programme-images {
    margin-top: 48px;
}

.programme-images .image-container {
    position: relative;
}

.programme-images .image-container .image_title {
    padding: 20px;
}

.programme-images .stretch a,
.programme-images .stretch a img {
    width: 100%;
}

@media (max-width: 1366px){
.caret{
right: -3px
}
}

@media(max-width: 1024px) {
    .paragraph--id--1741 {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 50px !important;
        /* padding-bottom: 50px; */
    }

    .sitemap-section {
        padding-top: 50px !important;
    }

    .custom-margin-top,
    .joint-bachelor-section {
        padding-top: 50px !important;
    }

    .undergraduate-plus-section,
    .undergraduate-programme-bg {
        padding-top: 50px !important;
        /* padding-bottom: 50px; */
    }

    .container200 {
        padding-left: calc(5% - 15px);
        padding-right: calc(5% - 15px);
    }

    .programme-images .image-container img {
        height: 400px;
    }

    .page-title-banner>img {
        height: 200px;
        object-fit: cover;
    }
}

@media(max-width: 1023px) {
    .programme-images {
        flex-wrap: wrap;
        background-color: transparent;
    }

    .programme-images .image-container {
        width: 50%;
    }

    .paragraph--id--1741:before {
        width: 41px;
        transform: scale(0.5);
    }
}

@media(max-width: 600px) {
    .paragraph--id--1741 {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px !important;
        /* padding-bottom: 30px; */
    }

    .sitemap-section {
        padding-top: 30px !important;
        margin-bottom: 0;
    }

    .custom-margin-top,
    .joint-bachelor-section {
        padding-top: 30px !important;
    }

    .undergraduate-plus-section,
    .undergraduate-programme-bg {
        padding-top: 30px !important;
        /* padding-bottom: 30px; */
    }

    .programme-images .image-container {
        width: 100%;
        height: 300px;
    }

    .programme-images .image-container img {
        height: 300px;
    }

    .banner-caption-section {
        padding-left: 50px;
        padding-right: 50px;
    }

    .path-frontpage .sitemap-section {
        padding-bottom: 30px;
    }


}