.fact-single-wrapper,
#myCarousel-2156 .paragraph__column,
.professor-rows > div,
.green-line,
.yellow-line,
.layout--twocol-section.undergraduate-inner-layout > div:first-child{
    position: relative;
}
.group-name {
    display:none;
}
.latest-news-events-seminars-date-container .latest-news-events-seminars-date{
    line-height: 1.5;
}
.key-features-section .gray-box{
    width: 100%;
}

.paragraph--id--26696 .field--name-bp-text h2
.fact-single-wrapper .icon-region img{
    left: 50%;
    transform: translateX(-50%);
}

.undergraduate-inner-layout .sidebar-undergraduate .row{
    margin: 0 0 20px;
}
.sidebar-undergraduate h4{
    margin: 0;
}

#myCarousel-2156 .carousel-inner{
    max-width: 100%;
}

#myCarousel-2156 .carousel-indicators li{
background-color: #FFFFFF59;
border: none;
margin: 0 12px 0 0;
}

.jupas-tab.undergraduate-inner-layout ul.nav-tabs{
margin-left: 0;
}

#myCarousel-2156 .carousel-indicators li.active{
width: 10px;
height: 10px;
background-color: white;
margin: 0 12px 0 0;
}

#myCarousel-2156 .carousel-indicators li:last-child{
    margin: 0;
}

.view-news-achievements .view-content .new-date-format a,
.view-news-achievements .view-content .new-date-format a small{
    font-size: 14px;
    color: #919091;
    font-weight: 450;
}

.new-group:hover .new-content-wrapper .new-title a,
.view-research-stories.view-id-research_stories ul li.hover-opicity:hover .views-field-title a{
    text-decoration: underline;
}

.fact-single-wrapper::after{
    left: 0!important;
    content: '';
    width: 0!important;
}
.fact-single-wrapper:hover::after{
    width: 100%!important;
}

.fact-single-wrapper .text-region{
    padding-top: 90px;
}
.page-front-researchstories div.row{
align-items:start;
}
.page-front-researchstories div.row h2,
body:not(.page-node-type-landing-page) .container .region-content{
margin-top: 0;
}
.path-frontpage .page-front-latest-newstitle .more-link,
.page-front-researchstories.view-research-stories .more-link{
margin: 0;
}
.views-field-field-cityu-event-categories.latest-news-events-seminars-title{
font-size: 14px;
}

.green-line::after,
.yellow-line::after{
content: '';
width: 100%;
height: 25px;
position:absolute;
left: 0;
bottom: 0;
z-index: -1;
}

.green-line::after{
background-color: #9FD08A;
}

.yellow-line::after{
background-color: #F5B68E;
}

.latest-news-events-seminars-info .latest-news-events-seminars-time{
font-size: 14px;
font-weight: 450;
font-family: "Neue Haas Grotesk Display Pro";
color: #545454;
}

.main-container .upcoming-section .more a{
font-size: 16px;
}

.page-front-researchstories.view-research-stories .more-link a{
display: flex;
}

.page-front-researchstories.view-research-stories .more-link span{
float: none;
}

.page-front-researchstories.view-research-stories .more-link:hover span,
.path-frontpage .page-front-latest-newstitle .more-link:hover span{
color: #F1792D;
margin-right: 1rem;
}
.upcoming-section .more:hover a{
color:var(--orange)!important;
}
.upcoming-section .more:hover a img{
margin-left: .5rem;
}

.page-front-researchstories.view-research-stories .more-link:hover img,
.path-frontpage .page-front-latest-newstitle .more-link:hover img,
.upcoming-section .more:hover a img{
filter: brightness(0) saturate(100%) invert(50%) sepia(62%) saturate(989%) hue-rotate(343deg) brightness(100%) contrast(90%);
}

.main-container #flexslider-1 ol,
.main-container .paragraph--id--26591 .carousel-indicators{
display: flex;
align-items: center;
justify-content: center;
}
.main-container #flexslider-1 .flex-control-nav li,
.path-frontpage #myCarousel-26581 .carousel-indicators .active{
padding-left: 0;
}
.main-container #flexslider-1 .flex-control-nav li a.flex-active{
margin: 0;
}

.programme-images .image-container{
transition: all .5s;
}
.programme-images .image-container.squeeze{
opacity: .5;
}
.programme-images .image-container .image_title,
.programme-images .image-container .image_title a{
font-size: 16px!important;
}

.taught-programme-bookmark.sidebar-fixed{
position: fixed;
top: 95px;
}

.paragraph--id--26696 .field--name-bp-text h2{
margin-top: 0;
}

.layout--twocol-section.doctor-programme-section,
.layout--twocol-section.undergraduate-inner-layout{
padding-top: 30px;
}
.undergraduate-inner-layout .sidebar-undergraduate h4:hover a{
color: var(--orange)!important;
}
.layout--twocol-section.undergraduate-inner-layout > div:first-child::after{
content: '';
background-color: #DDD;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: -1.5rem;
}

.minimum-section ol ul,
.joint-bachelor-section .border-right > ul li ul{
list-style-type: disc;
}

div.minimum-section ol .li-title{
font-weight: 600;
padding-left: 0;
}

div.minimum-section ol .li-title ul li{
font-weight: 500;
}

.jupas-tab .first-curricu-section table th:first-child{
width: 20%;
}
.jupas-tab .first-curricu-section table th:nth-child(2){
width: 15%;
}
.jupas-tab .first-curricu-section table th:nth-child(3){
width: 55%;
}
.jupas-tab .first-curricu-section table th:last-child{
width: 10%;
}
.jupas-tab .first-curricu-section table td{
padding: 1rem!important;
}
.jupas-tab .first-curricu-section table td table td:first-child{
padding: 0!important;
}
.jupas-tab .first-curricu-section table td table td{
padding: 0 0 0 1rem!important;
}
.jupas-tab ul.nav-tabs li{
width: 100%;
text-align: center;
display: flex;
align-items: center;
}
.jupas-tab ul.nav-tabs li a{
width: 100%;
}
.jupas-tab ul.nav-tabs li.active{
padding-right: .5rem
}
.archi-text-contact .row{
display: flex;
}
.archi-text-contact .row > div:first-child{
padding: 0;
margin: 0px 8px;
}
.archi-text-contact .row > div:not(:first-child){
border-radius: 12px;
border: 1px solid #D2D2D2;
padding: 20px 10px; 
margin: 0 8px;
}
.jupas-tab table.inner-table tbody tr td p.d-flex a{
width: 24px;
height: 24px;
}

.path-frontpage .world-ranking .th{
font-size: 32px;
font-weight: 500;
}
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section .main-title span,
.latest-news-events-seminars-date .new-month{
text-transform: uppercase;
}
.taught-main-body .col-sm-12:hover .taught-programme h5 a{
color: var(--orange)!important;
}
.taught-main-body .col-sm-12:hover img{
opacity: .7;
}
.taught-main-body .row{
display: flex;
flex-wrap: wrap;
}
.taught-main-body .row > div{
float: none;
}
.main-container .architect-civil-engineering p a{
color: #545454;
}
.joint-bachelor-section .col-xs-12 > ul{
padding-bottom: 1rem;
}
.joint-bachelor-section > div  ul li{
color: #545454!important;
}
.joint-bachelor-section > div  ul li a.orange-text{
font-size: 16.895px;
}
.joint-bachelor-section .note-forCS{
padding-bottom: 20px;
color: #545454;
}
.joint-bachelor-section .note-forCS span{
color: var(--orange);
}
.fact-single-wrapper .icon-region img{
left: 50%;
transform: translateX(-50%);
}
.undergraduate-programme-bg.layout--onecol:before{
content: '';
bottom: 7%;
background: url('/ceng/sites/g/files/asqsls8126/files/inline-images/undergraduate-pink-bg.png') no-repeat;
}



/*Media Query Start*/
@media (max-width: 1559px){
.archi-text-contact .row{
flex-wrap: wrap;
}
.archi-text-contact .row > div:not(:first-child),
.archi-text-contact .row > div:first-child{
margin: 5px 8px;
}
}
@media (max-width: 1279px){
.fact-figures-row .col-md-4:not(:last-child){
padding-bottom: 2rem
}
}
@media (max-width: 1025px){
.minimize-layout .minimum-section{
margin: -50px 0px 0px 83px;
}
}
@media (max-width: 1023px){
.paragraph--id--3331.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col{
width: 100%;
float: none;
}
.jupas-gray-box, .gray-box{
padding: 20px;
}
.video-slider .flexslider .slides > li,
.layout--twocol-section.undergraduate-inner-layout{
flex-direction: column;
}
.video-slider .flexslider .slides > li .embed-container > p{
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
}
.video-slider .flexslider .slides > li .embed-container > p iframe{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}
.paragraph--id--26461.paragraph,
.professor-rows > div p,
.paragraph--id--26466{
padding-top: 40px;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child:after,
.views-element-container.form-group .view-news-achievements:before,
.layout--twocol-section.undergraduate-inner-layout > div:first-child::after{
display: none;
}
.latest-news-events-seminars-info{
padding-top: 12px;
}
.world-ranking p.ranking-title,
.view-research-stories .more-link span,
.undergraduate-inner-layout .sidebar-undergraduate h4,
.jupas-tab .paragraph__column ul li a,
.jupas-tab .paragraph__column ul li.active a{
font-size: 16px!important;
}
.path-frontpage p.ranking-name,
.view-research-stories.view-id-research_stories .views-field.views-field-field-res .field-content.
.new-content-wrapper .new-date-format,.new-content-wrapper .new-date-format small{
font-size: 14px!important;
}
.page-front-researchstories.view-research-stories .views-field-title span a{
font-size: 20px!important;
}
.paragraph--id--26551 .views-field-field-video-text-section .upcoming-section{
padding: 20px 0;
}
.architect-civil-engineering h3, .programmelist-title h3{
font-size: 28px;
}
.main-container p,
.undergraduate-plus-section h4, .archi-text-contact h4, .archi-text-block h4{
font-size: 16px;
}
.layout--twocol-section.doctor-programme-section,
.layout--twocol-section.undergraduate-inner-layout{
display: block;
}

.doctor-programme-section .tab-content{
margin: 0!important;
}
ul.taught-programme-bookmark{
width: 100%;
}
.taught-programme-bookmark-container .sticky-style.taught-programme-bookmark{
width: 100%!important;
}
.layout--twocol-section.undergraduate-inner-layout > div:first-child{
padding-bottom: 1rem;
}
.jupas-tab .admission-jupas-section .row .col-sm-12,
.undergraduate-inner-layout .sidebar-undergraduate .row .col-sm-12{
width: 50%;
}
.undergraduate-inner-layout .sidebar-undergraduate .row .col-sm-12 img{
width: 100%;
}
.vertical-tab .paragraph__column{
display: block;
}
.inner-bg-color.vertical-tab ul.nav-tabs{
width: 100%!important;
float: none;
}
.inner-bg-color.vertical-tab .tab-content{
width: 100%!important;
float: none;
}
.inner-bg-color.vertical-tab .tab-content .paragraph__column,
.inner-bg-color.vertical-tab .tab-content .minimum-section{
margin: 0!important;
}
.minimize-layout > div:first-child{
display:none;
}
.minimize-layout .minimum-section{
margin: -50px 0px 0;
}
.fact-figures-row .col-md-4:not(:last-child){
padding-bottom: 0;
}
}

@media (max-width: 767px){
#myCarousel-2156 img{
height: 300px;
object-fit:cover;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 25px !important;
}
.paragraph--id--26461.paragraph:before{
width: 80%;
}
.fact-single-wrapper{
padding-left: 20px;
padding-right: 20px;
}
.paragraph--id--26461 p{
padding-left: 0;
}
.professor-rows{
margin: 0;
}
.professor-rows > div{
padding: 0;
}
.green-line::after,
.yellow-line::after{
height: 16px;
}
.page-front-researchstories.view-research-stories.view-id-research_stories p{
font-size: 14px;
}
.path-frontpage p.counter{
font-size: 58px!important;
}
.path-frontpage .world-ranking{
padding-bottom: 20px;
}
.path-frontpage p.ranking-name{
padding-bottom: 12px;
}
.paragraph--id--3331{
padding-top: 40px;
}
.region-content .nav-tabs li{
margin-top: 10px; 
}
.taught-main-body .col-sm-12 img,
.jupas-tab .admission-jupas-section .row .col-sm-12,
.undergraduate-inner-layout .sidebar-undergraduate .row .col-sm-12{
width: 100%;
}
.jupas-tab .first-curricu-section .table-section{
overflow-x:scroll;
}
.jupas-tab .first-curricu-section .table-section table{
white-space: nowrap;
}
.jupas-tab .first-curricu-section table td{
white-space: normal;
}
.paragraph--id--26591 .paragraph--type--bp-columns__2col:last-child:before,
.undergraduate-programme-bg.layout--onecol:before{
display:none;
}
}

@media (max-width: 639px){
.paragraph--id--26466 .main-title{
padding-top: 0;
width: auto;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 25px !important;
}
.page-front-researchstories.view-research-stories.view-id-research_stories p{
padding-bottom: 0;
margin-top: 0;
}
.paragraph--id--26581 .carousel-inner .carousel-item .field.field--name-field-im p{
font-size: 20px;
}
.paragraph--id--26581 .carousel-inner .carousel-item .field.field--name-field-im .group-name p{
font-size: 14px;
}
.paragraph--id--26591 .studen-life-section p,
.paragraph--id--26591 .studen-life-section ul li,
.paragraph--id--26591 .studen-life-section ul li a{
font-size: 16px;
}
.jupas-tab .paragraph__column ul li{
width: 100%;
}
.footer .cityu-footer-links a{
padding-left: 5px;
padding-right: 5px;
}
}

@media (min-width: 640px){
.main-banner-caption > p{
font-size: 48px;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 25px !important;
}
.view-news-achievements .view-content .new-date-format a,
.view-news-achievements .view-content .new-date-format a small{
font-size: 18px;
}
.path-frontpage section.world-ranking{
padding-left: 40px;
padding-right: 40px;
}
.fact-figures-row .col-sm-6{
width: 50%;
float: left;
}
.layout--twocol-section.doctor-programme-section,
.layout--twocol-section.undergraduate-inner-layout{
padding-top: 50px;
}
.jupas-tab.undergraduate-inner-layout ul.nav-tabs{
display: flex;
}.archi-text-contact .row > div{
width: 47%;
}
}

@media (min-width: 768px){
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 25px !important;
}
.taught-main-body .col-sm-12,
.key-features-section .row > div{
width: 50%;
}
.undergraduate-inner-layout .admission-jupas-section .row{
display: flex;
}
.undergraduate-inner-layout .admission-jupas-section .row > div{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.jupas-tab .jupas-gray-box-link{
min-height: 100px;
}
.jupas-tab .admission-jupas-section .row > div a,
.jupas-tab .admission-jupas-section .row > div a .jupas-gray-box{
height: 100%!important;
}
}

@media (min-width: 1024px){
.path-frontpage .carousel-inner{
max-height: 680px
}
.main-banner-caption > p{
font-size: 52px;
}
.fact-single-wrapper .text-region{
padding-top: 70px;
}
.professor-rows > div:fist-child > p{
font-size: 32px;
}
.latest-news-events-seminars-info .latest-news-events-seminars-time{
font-size: 18px;
}
.fact-figures-row .col-md-4{
width: 33.33333%;
}
.views-element-container.form-group .view-news-achievements:before{
top: 14%;
}
.layout--twocol-section.doctor-programme-section,
.layout--twocol-section.undergraduate-inner-layout{
flex-wrap: nowrap;
padding-top: 80px;
}
.taught-main-body .col-sm-12{
width: 33.33333%;
}
.layout--twocol-section.undergraduate-inner-layout{
justify-content: space-between;
}
.layout--twocol-section.undergraduate-inner-layout > div:first-child{
margin-right: 20px;
flex: 0 1 70%;
}
.layout--twocol-section.undergraduate-inner-layout > div:last-child{
flex: 0 1 25%;
}
}

@media (min-width: 1280px){
.fact-single-wrapper .text-region{
padding-top: 90px;
}

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

.fact-figures-row .col-lg-3,
.key-features-section .row > div{
width: 25%;
}
.views-element-container.form-group .view-news-achievements:before{
top: 20%;
}
.programme-images .image-container .image_title,
.programme-images .image-container .image_title a,
.joint-bachelor-section > p{
font-size: 20px!important;
}
.layout--twocol-section.undergraduate-inner-layout{
grid-gap: 40px;
}
.layout--twocol-section.undergraduate-inner-layout > div:first-child{
margin-right: 0;
}
.jupas-tab .first-curricu-section table td{
padding: 1.25rem!important;
}
.jupas-tab .first-curricu-section table td table td{
padding: 0 0 0 1.25rem!important;
}
}

@media (min-width: 1440px){
.views-element-container.form-group .view-news-achievements:before{
top: 22%;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 36px !important;
}
}

@media (min-width: 1560px){
.undergraduate-inner-layout{
grid-gap: 68px;
}
.undergraduate-inner-layout > div:first-child{
flex: 0 1 70%;
}
.undergraduate-inner-layout > div:last-child{
flex: 0 1 24%;
}
.archi-text-contact .row > div{
width: 25%;
}
.layout--twocol-section.doctor-programme-section,
.layout--twocol-section.undergraduate-inner-layout{
padding-top: 120px;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 36px !important;
}
}

@media (min-width: 1680px){
.views-element-container.form-group .view-news-achievements:before{
top: 25%;
}
.paragraph--id--26696 .field--name-bp-text h2 {
font-size: 36px !important;
}
}
@media (min-width: 1920px){
.undergraduate-programme-bg.layout--onecol:before{
bottom: 3.5%;
}
}

@media (min-width: 1921px){
.path-frontpage .carousel-inner{
max-height: fit-content;
}
}
@media (min-width: 1024px) and (max-width: 1200px){
.undergraduate-inner-layout .sidebar-undergraduate .row > div:last-child{
padding-left: 0;
padding-top: 1rem;
}
}