@charset "UTF-8";
                                                    @media screen and (max-width: 1920px) {
                                                        .main-menu>ul>li>a {
                                                            margin-right: 10px;
                                                            margin-left: 10px;
                                                        }
                                                        .main-menu>ul>li:last-child>a {
                                                            margin-right: 0;
                                                        }
                                                        .header-logo {
                                                            max-height: 55px;
                                                        }
                                                        .header-slogan {
                                                            width: 255px;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 1650px) {
                                                        .header-left {
                                                            width: 610px;
                                                        }
                                                        .header-logo img {
                                                            max-height: 50px;
                                                        }
                                                        .menu-main-menu-container>ul>li>a {
                                                            font-size: 16px;
                                                        }
                                                    }
                                                    
                                                    @media screen and (max-width: 1400px) {
                                                        .header-left {
                                                            width: auto;
                                                            margin-right: 10px;
                                                        }
                                                        .main-menu-container>ul>li>a {
                                                            font-size: 16px;
                                                        }
                                                        .menu-arrow {
                                                            display: none;
                                                            top: 0;
                                                            right: 0;
                                                        }
                                                        .header {
                                                            min-width: auto;
                                                        }
                                                        .menu-main-menu-container>ul>li>a,
                                                        .main-menu-container .menu-item-has-children ul li a {
                                                            font-size: 15px;
                                                        }
                                                        .menu-arrow {
                                                            width: 8px;
                                                            height: 34px;
                                                        }
                                                        .header-logo img,
                                                        .header-logo {
                                                            max-height: 38px;
                                                        }
                                                        .programmes-flow-block {
                                                            width: 100%;
                                                            overflow-x: scroll;
                                                        }
                                                        /*  .pfb-inner {
                                                                padding-bottom: 0;
                                                                height: 472px;
                                                                width: 937.728px;
                                                            }
                                                            .pfb-item h3 {
                                                                font-size: 2.2em;
                                                            }
                                                             .pfb-item:nth-child(3):before {
                                                                top: -40%;
                                                                left: -37.3%;
                                                                width: 137px;
                                                                height: 130px;
                                                            }
                                                            .pfb-year:nth-child(2):before {
                                                                top: -194px;
                                                                left: 41.1%;
                                                            }
                                                            .pfb-year:first-child:before {
                                                                top: -289px;
                                                            }
                                                            .pfb-item:nth-child(3):after {
                                                                top: 4px;
                                                                left: -26px;
                                                            }*/
                                                        .pfb-inner {
                                                            padding: 0 20px;
                                                        }
                                                        .pfb-year:first-child:before {
                                                            padding-bottom: 23%;
                                                            top: -268px;
                                                        }
                                                        .pfb-items,
                                                        .pfb-timeline {
                                                            width: 1153px;
                                                        }
                                                        .pfb-timeline {
                                                            padding-left: 119px;
                                                        }
                                                        .pfb-items {
                                                            padding-bottom: 420px;
                                                        }
                                                        .pfb-item {}
                                                        .pfb-item:nth-child(2) {
                                                            left: 11.7%;
                                                            top: 17.89%;
                                                        }
                                                        .pfb-item:nth-child(3):before {
                                                            left: -32.4%;
                                                            top: -26.7%;
                                                            width: 21.5%;
                                                            height: 0;
                                                            padding-bottom: 21.5%;
                                                        }
                                                        .pfb-year {
                                                            width: 180px;
                                                        }
                                                        .pfb-year:nth-child(2) {
                                                            width: 507px!important;
                                                        }
                                                        .pfb-year:before {
                                                            top: -221px;
                                                            left: 815px;
                                                            padding-bottom: 19%;
                                                        }
                                                        .pfb-year:nth-child(2):before {
                                                            left: 28%;
                                                            top: -203px;
                                                            padding-bottom: 17.5%;
                                                        }
                                                        .pfb-item:nth-child(3) {
                                                            left: 30%;
                                                            top: 50.7%;
                                                        }
                                                        .pfb-item:nth-child(4) {
                                                            left: 823px !important;
                                                        }
                                                        .bottom-menu a {
                                                            margin-right: 20px;
                                                        }
                                                    }
                                                    /* Mobile Menu */
                                                    
                                                    @media screen and (max-width: 1100px) {
                                                        .jt-heading {
                                                            font-size: 2.2em;
                                                        }
                                                    }
                                                    /* 1100 */
                                                    
                                                    @media screen and (max-width: 1200px) {
                                                        .main {
                                                            padding-top: 65px;
                                                        }
                                                        .main-menu-button {
                                                            position: relative;
                                                            display: block;
                                                            width: 65px;
                                                            height: 65px;
                                                            z-index: 10;
                                                        }
                                                        .header {
                                                            width: 100%;
                                                            border-radius: 0;
                                                            margin-top: 0;
                                                        }
                                                        .header-left {
                                                            display: flex;
                                                            width: 100%;
                                                            padding: 0;
                                                            align-items: center;
                                                        }
                                                        #header .main-menu-button {
                                                            z-index: 102;
                                                        }
                                                        .main-menu-container {
                                                            display: block;
                                                            position: fixed;
                                                            top: 0;
                                                            right: -300px;
                                                            width: 100%;
                                                            max-width: 300px;
                                                            min-width: 300px;
                                                            height: 100vh;
                                                            margin-top: 0;
                                                            margin-right: 0;
                                                            padding-top: 55px;
                                                            background-color: #edeff1;
                                                            -webkit-transition: right 0.25s ease-in-out;
                                                            transition: right 0.25s ease-in-out;
                                                            overflow-y: auto;
                                                            z-index: 1000;
                                                        }
                                                        .menu-open .main-menu-button-inner span {
                                                            background-color: #7d2882;
                                                        }
                                                        .menu-open .main-menu-button-inner span:nth-child(1) {
                                                            -webkit-transform: rotate(45deg);
                                                            transform: rotate(45deg);
                                                            top: -3px;
                                                            left: 8px;
                                                        }
                                                        .menu-open .main-menu-button-inner span:nth-child(2) {
                                                            width: 0%;
                                                            opacity: 0;
                                                        }
                                                        .menu-open .main-menu-button-inner span:nth-child(3) {
                                                            -webkit-transform: rotate(-45deg);
                                                            transform: rotate(-45deg);
                                                            top: 17px;
                                                            left: 8px;
                                                        }
                                                        .main-menu {
                                                            margin-top: 5em;
                                                        }
                                                        .main-menu li a {
                                                            padding: 13px 20px;
                                                            margin: auto;
                                                            border-bottom: 1px solid #fff;
                                                            color: #7d2882;
                                                        }
                                                        .menu-main-menu-container>ul>li {
                                                            display: block;
                                                        }
                                                        .menu-main-menu-container>ul>li>a {
                                                            display: block;
                                                            padding: 10px 15px;
                                                        }
                                                        .main-menu-container .menu-arrow {
                                                            position: absolute;
                                                            right: 0;
                                                            width: 38px;
                                                            height: 38px;
                                                            background-size: 9px;
                                                        }
                                                        .main-menu-container .menu-item-has-children ul a:hover {
                                                            background-color: #0f9ba5;
                                                            color: #fff;
                                                        }
                                                        .menu-item.open>a,
                                                        .menu-main-menu-container>ul>li:hover>a {
                                                            background-color: #12838A;
                                                            color: #fff!important;
                                                        }
                                                        .main-menu-container .menu-item.open>.menu-arrow {
                                                            transform: rotate(180deg);
                                                            -ms-transform: rotate(180deg);
                                                            background-image: url(images/angle-down-solid.png);
                                                        }
                                                        .main-menu-container .menu-item-has-children:hover ul {
                                                            display: none;
                                                        }
                                                        .menu-main-menu-container>ul>li>ul>li .menu-arrow,
                                                        .menu-main-menu-container>ul>li>ul>li:hover .menu-arrow {
                                                            transform: rotate(0deg);
                                                            -ms-transform: rotate(0deg);
                                                        }
                                                        .menu-main-menu-container>ul>li>ul>li>ul>li a,
                                                        .menu-main-menu-container>ul>li>ul>li>ul>li:hover a {
                                                            background-color: #599ba0;
                                                            color: #fff!important;
                                                        }
                                                        .menu-main-menu-container>ul>li>ul>li .sub-menu {
                                                            left: unset;
                                                            top: unset;
                                                            background-color: #dfdfdf;
                                                        }
                                                        .main-menu-container .menu-item-has-children ul.sub-menu {
                                                            background-color: #f5f5f5;
                                                            position: relative;
                                                            box-shadow: 0 0 0;
                                                            width: 100%;
                                                        }
                                                        body.menu-open .main-menu-mask {
                                                            display: block;
                                                            background-color: rgba(0, 0, 0, 0.3);
                                                            width: 100%;
                                                            height: 100%;
                                                            position: fixed;
                                                            z-index: 1;
                                                        }
                                                        body.menu-open .main-menu-container {
                                                            right: 0;
                                                            -webkit-transition: right 0.25s ease-in-out;
                                                            transition: right 0.25s ease-in-out;
                                                        }
                                                        @-webkit-keyframes fadeIn {
                                                            from {
                                                                opacity: 0;
                                                            }
                                                            to {
                                                                opacity: 1;
                                                            }
                                                        }
                                                        @keyframes fadeIn {
                                                            from {
                                                                opacity: 0;
                                                            }
                                                            to {
                                                                opacity: 1;
                                                            }
                                                        }
                                                        @-webkit-keyframes fadeOut {
                                                            from {
                                                                opacity: 1;
                                                            }
                                                            to {
                                                                opacity: 0;
                                                            }
                                                        }
                                                        @keyframes fadeOut {
                                                            from {
                                                                opacity: 1;
                                                            }
                                                            to {
                                                                opacity: 0;
                                                            }
                                                        }
                                                        .menu-main-menu-container>ul>li:hover .menu-arrow {
                                                            background-image: url(images/angle-down-solid.png);
                                                        }
                                                        .slide-logo {
                                                            width: 66px;
                                                            height: 66px;
                                                        }
                                                        .slide-caption {
                                                            font-size: 80%;
                                                        }
                                                        .slide-caption p {
                                                            margin-bottom: 3%;
                                                        }
                                                        .primary-btn {
                                                            min-width: 209px;
                                                        }
                                                        .primary-btn span:after {
                                                            top: 1px;
                                                        }
                                                        .bx-wrapper .bx-pager {
                                                            bottom: 5%;
                                                        }
                                                        .bx-wrapper .bx-controls-direction a {
                                                            width: 20px;
                                                            height: 40px;
                                                        }
                                                        .footer-info {
                                                            width: 50%;
                                                        }
                                                        .header-bottom:after {
                                                            padding-bottom: 14%;
                                                        }
                                                        .header-bottom:after {
                                                            width: 90%;
                                                        }
                                                        .header-bottom .eesc-heading {
                                                            width: 100%;
                                                            max-width: 100%;
                                                        }
                                                        .breadcrumbs {
                                                            max-width: 100%;
                                                        }
                                                        .pb-inner {
                                                            position: relative;
                                                            top: unset;
                                                            transform: unset;
                                                            width: 100%;
                                                            display: block;
                                                        }
                                                        .pathways .grid-col:last-child .pathway-card {
                                                            display: flex;
                                                            align-items: center;
                                                        }
                                                        .flow-block {
                                                            width: 125px;
                                                            font-size: 2.1em;
                                                        }
                                                        .fb-top .gbt-row:nth-child(2) .flow-block {
                                                            width: 170px;
                                                        }
                                                        .grey-arrow.leftdown,
                                                        .grey-arrow.rightdown {
                                                            height: 130px;
                                                        }
                                                        .fb-top .gbt-row {
                                                            width: 35%;
                                                        }
                                                        .fb-top .gbt-row:nth-child(2) {
                                                            width: 30%;
                                                            text-align: center;
                                                        }
                                                        .grey-arrow.right {
                                                            width: 25%;
                                                        }
                                                        .grey-arrow.down {
                                                            width: 25%;
                                                            height: 57px;
                                                        }
                                                        .grey-arrow .yes {
                                                            left: -20px;
                                                        }
                                                        .grey-arrow.rightdown {
                                                            right: 0;
                                                            width: 55%;
                                                            height: 114px;
                                                        }
                                                        .grey-arrow.leftdown {
                                                            left: 0;
                                                            width: 55%;
                                                            height: 114px;
                                                        }
                                                        .grey-arrow.leftdown:before {
                                                            position: absolute;
                                                            display: block;
                                                            width: 30%;
                                                            right: -5%;
                                                            content: '';
                                                            height: 31px;
                                                            background-color: #edeff1;
                                                        }
                                                        .fb-bottom .gbt-row:nth-child(2) {
                                                            text-align: center;
                                                        }
                                                        .fb-bottom .gbt-row:nth-child(3) {
                                                            text-align: right;
                                                        }
                                                        .pc-title {
                                                            width: 90%;
                                                        }
                                                        .grid-1-4>.grid-col,
                                                        .grid-1-5>.grid-col {
                                                            width: 32%;
                                                            margin-right: 2%;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(4n+4),
                                                        .grid-1-5>.grid-col:nth-child(5n+5) {
                                                            margin-right: 2%;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(4n+1),
                                                        .grid-1-5>.grid-col:nth-child(5n+1) {
                                                            clear: unset;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(3n+1),
                                                        .grid-1-5>.grid-col:nth-child(3n+1) {
                                                            clear: both;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(3n+3),
                                                        .grid-1-5>.grid-col:nth-child(3n+3) {
                                                            margin-right: 0;
                                                        }
                                                        .staff-link-block .flex {
                                                            display: block;
                                                            width: 100%;
                                                        }
                                                        .staff-link {
                                                            vertical-align: top;
                                                            font-size: 2.1em;
                                                            margin-right: 20px;
                                                            background-size: 12px;
                                                            padding-top: 2px;
                                                            margin-top: 3px;
                                                        }
                                                        .staff-link:before {
                                                            width: 11px;
                                                            height: 13px;
                                                        }
                                                        .staff-link-block p {
                                                            margin-bottom: 0;
                                                        }
                                                        .staff-link span {
                                                            display: inline-block;
                                                            vertical-align: top;
                                                        }
                                                        .arrow-left:after {
                                                            left: -6px;
                                                            top: 44%;
                                                        }
                                                        .atb-inner {
                                                            width: 90%;
                                                        }
                                                        .jupas-table-container {
                                                            font-size: 90%;
                                                        }
                                                        .bottom-menu {
                                                            display: block;
                                                            text-align: left;
                                                            margin-bottom: 7px;
                                                        }
                                                        .copyright {
                                                            display: block;
                                                            text-align: left;
                                                            float: unset;
                                                        }
                                                    }
                                                    /* 1200 */
                                                    
                                                    @media screen and (max-width: 960px) {
                                                        .slide-caption h2 {
                                                            font-size: 3.9em;
                                                        }
                                                        .slide-caption p {
                                                            font-size: 2.5em;
                                                        }
                                                        .slide-logo {
                                                            width: 50px;
                                                            height: 50px;
                                                        }
                                                        .primary-btn {
                                                            padding: 14px 25px;
                                                        }
                                                        .primary-btn:after {
                                                            margin-left: 15px;
                                                        }
                                                        .bx-wrapper .bx-pager.bx-default-pager a {
                                                            width: 35px;
                                                            height: 4px;
                                                            margin: 0 8px;
                                                        }
                                                        .home .hn-block,
                                                        .grid-1-3 .grid-col,
                                                        .grid-1-3 .grid-col:nth-child(3n+3) {
                                                            width: 49%;
                                                            margin-bottom: 2%;
                                                            margin-right: 2%;
                                                        }
                                                        .grid-1-3 .grid-col:nth-child(3n+1) {
                                                            clear: unset;
                                                        }
                                                        .home .hn-block:nth-child(2n+1),
                                                        .grid-1-3 .grid-col:nth-child(2n+1) {
                                                            clear: both;
                                                        }
                                                        .home .hn-block:nth-child(2n+2),
                                                        .grid-1-3 .grid-col:nth-child(2n+2) {
                                                            margin-right: 0;
                                                        }
                                                        .fm-block {
                                                            padding-top: 88%;
                                                        }
                                                        .home .hn-date {
                                                            font-size: 1.8em;
                                                        }
                                                        .footer-info {
                                                            width: 75%;
                                                        }
                                                        .menu-footer-menu-container>ul {
                                                            columns: 30px 3;
                                                            -webkit-column-gap: 3em;
                                                            column-gap: 3em;
                                                        }
                                                        .bottom-menu {
                                                            display: block;
                                                            margin-bottom: 1em;
                                                        }
                                                        .copyright {
                                                            display: block;
                                                            float: unset;
                                                            text-align: left;
                                                        }
                                                        .about-slider-container .bx-viewport,
                                                        .about-slider {
                                                            height: 88%;
                                                        }
                                                        .header-bottom .eesc-heading {
                                                            font-size: 3.8em;
                                                        }
                                                        .crumbs {
                                                            font-size: 2em;
                                                        }
                                                        .crumbs a:after {
                                                            width: 7px;
                                                            height: 11px;
                                                            margin: 0 20px;
                                                        }
                                                        .header-bottom:after {
                                                            display: none;
                                                        }
                                                        .header-bottom {
                                                            bottom: 0;
                                                            left: 0;
                                                            width: 90%;
                                                            padding: 5% 0;
                                                            z-index: 2;
                                                            background-color: #fff;
                                                        }
                                                        .programme-wrapper {
                                                            width: 100%;
                                                            float: unset;
                                                        }
                                                        .layout-2 {
                                                            flex-direction: column;
                                                        }
                                                        .layout-2>div:first-child {
                                                            width: 100%;
                                                            margin-bottom: 3em;
                                                        }
                                                        .layout-2>div:last-child {
                                                            width: 100%;
                                                        }
                                                        .header-bottom p {
                                                            margin-left: 39px;
                                                            font-size: 2.2em;
                                                            max-width: 100%;
                                                            line-height: 1.2;
                                                            margin-top: 10px;
                                                        }
                                                        .jt-heading {
                                                            font-size: 2em;
                                                        }
                                                        .jt-col-inner {
                                                            padding: 15px 12px;
                                                        }
                                                        .ellipse-block span {
                                                            font-size: 2.4em;
                                                            width: 74%;
                                                        }
                                                        .flow-blocks-container {
                                                            overflow-x: scroll;
                                                        }
                                                        .flow-blocks {
                                                            width: 762px;
                                                        }
                                                        .staff-link-block {
                                                            flex-direction: column;
                                                            align-items: start;
                                                            padding: 2em 3em;
                                                        }
                                                        .staff-link-block p {
                                                            margin-bottom: 1em;
                                                        }
                                                        .pc-name {
                                                            font-size: 2.2em;
                                                        }
                                                        .staff-photo {
                                                            width: 30%;
                                                            padding-bottom: 38.9%;
                                                        }
                                                        .staff-details {
                                                            width: 68%;
                                                        }
                                                        .bx-wrapper .bx-controls-direction a {
                                                            width: 15px;
                                                            height: 30px;
                                                        }
                                                        .inpage-subheading::before {
                                                            top: 0;
                                                        }
                                                        .fm-blocks.grid-1-3>.grid-col {
                                                            width: 31%;
                                                        }
                                                        .fm-blocks.grid-1-3>.grid-col:nth-child(3n+3) {
                                                            margin-right: 0;
                                                        }
                                                        .fm-blocks.grid-1-3>.grid-col:nth-child(3n+2) {
                                                            margin-right: 0;
                                                            margin-right: 3.3%;
                                                        }
                                                        .fm-blocks.grid-1-3>.grid-col:nth-child(2n+1) {
                                                            clear: unset;
                                                        }
                                                        .about-slider-container .bx-viewport,
                                                        .about-slider {
                                                            padding-bottom: 55%;
                                                        }
                                                        .jupas-table-container {
                                                            width: 100%;
                                                            overflow-x: auto;
                                                        }
                                                        .jupas-table {
                                                            width: 850px;
                                                        }
                                                    }
                                                    /* 960 */
                                                    
                                                    @media screen and (max-width: 820px) {
                                                        .menu-footer-menu-container>ul {
                                                            columns: 20px 2;
                                                            -webkit-column-gap: 2em;
                                                            column-gap: 2em;
                                                            font-size: 90%;
                                                        }
                                                        .menu-footer-menu-container>ul>li {
                                                            margin-bottom: 37px;
                                                        }
                                                        .arrow-left:after {
                                                            top: 370px;
                                                        }
                                                    }
                                                    /* 820 */
                                                    
                                                    @media screen and (max-width: 768px) {
                                                        .home-slider-container .bx-viewport,
                                                        .home-slider {
                                                            padding-bottom: 0;
                                                        }
                                                        .home-slide {
                                                            position: relative!important;
                                                            background-size: contain;
                                                            background-position: top;
                                                        }
                                                        .slide-caption {
                                                            position: relative;
                                                            display: block;
                                                            top: unset;
                                                            left: unset;
                                                            transform: unset;
                                                            -ms-transform: unset;
                                                            padding-top: 46%;
                                                            font-size: 100%;
                                                            color: #38383a;
                                                        }
                                                        .slide-caption h2 {
                                                            text-shadow: 0 0 0;
                                                        }
                                                        .slide-caption p {
                                                            text-shadow: 0 0 0;
                                                        }
                                                        .slide-logo {
                                                            display: none;
                                                        }
                                                        .slide-wrapper {
                                                            padding: 36px 0;
                                                        }
                                                        .slide-caption .primary-btn {
                                                            width: 100%;
                                                            font-size: 2.5em;
                                                        }
                                                        .home-slider-container .bx-controls {
                                                            position: absolute;
                                                            top: 0;
                                                            width: 100%;
                                                            padding-bottom: 46%;
                                                        }
                                                        .home-slider-container .bx-wrapper .bx-pager {
                                                            bottom: 17px;
                                                        }
                                                        .home-slider-container .bx-controls-direction {
                                                            position: absolute;
                                                            width: 100%;
                                                            padding-bottom: 46%;
                                                            top: 0;
                                                        }
                                                        .home-announcement p {
                                                            font-size: 2.1em;
                                                        }
                                                        .home-announcement p:before {
                                                            width: 6px;
                                                            height: 10px;
                                                            margin-right: 14px;
                                                            margin-top: 5px;
                                                        }
                                                        .eesc-heading {
                                                            margin-bottom: 37px;
                                                        }
                                                        .as-content {
                                                            position: relative;
                                                            width: 100%;
                                                            top: unset;
                                                            right: 0;
                                                            padding: 22px;
                                                        }
                                                        .as-image {
                                                            position: relative;
                                                            width: 94%;
                                                            padding-bottom: 53%;
                                                            margin-bottom: 42px;
                                                        }
                                                        .mobile {
                                                            display: block;
                                                        }
                                                        .desktop {
                                                            display: none;
                                                        }
                                                        .ib-icon {
                                                            width: 118px;
                                                            height: 118px;
                                                        }
                                                        .icon-block {
                                                            padding: 1em 0 3em 0;
                                                        }
                                                        .hg-images-1 .hg-image img {
                                                            height: 469px;
                                                        }
                                                        .hg-images-1 .hg-image img {
                                                            height: 376.5px;
                                                        }
                                                        .hg-images-1 .hg-image:nth-child(3n + 1) img {
                                                            height: 184px;
                                                        }
                                                        .hg-images-2 img {
                                                            height: 237.6px;
                                                        }
                                                        .crumbs {
                                                            display: block;
                                                        }
                                                        .crumbs li {
                                                            display: inline-block;
                                                        }
                                                        .crumbs li:last-child {
                                                            clear: both;
                                                            margin-top: 0.5em;
                                                        }
                                                        .header-bottom {
                                                            position: absolute;
                                                            width: 100%;
                                                            bottom: 0;
                                                        }
                                                        .header-banner {
                                                            width: 100%;
                                                            background-size: contain;
                                                            background-position: top;
                                                        }
                                                        .link-col {
                                                            font-size: 2.1em;
                                                        }
                                                        .video-icon {
                                                            width: 18px;
                                                            height: 12px;
                                                        }
                                                        .link-col:before {
                                                            margin-right: 10px;
                                                        }
                                                        .pathway-table th {
                                                            font-size: 2.1em;
                                                        }
                                                        .pathway-table td {
                                                            padding: 10px 15px;
                                                        }
                                                        .ellipse-block {
                                                            width: 50%;
                                                            padding-bottom: 38.35%;
                                                        }
                                                        .ellipse-block:nth-child(2) {
                                                            left: 3.5%;
                                                        }
                                                        .ellipse-block:nth-child(3) {
                                                            right: 3.5%;
                                                        }
                                                        .ellipse-block span {
                                                            width: 70%;
                                                        }
                                                        .flow-blocks-container {
                                                            overflow-x: scroll;
                                                        }
                                                        .flow-blocks {
                                                            width: 808px;
                                                        }
                                                        .grid-1-4>.grid-col,
                                                        .grid-1-5>.grid-col {
                                                            width: 48%;
                                                            margin-right: 2%;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(3n+3),
                                                        .grid-1-5>.grid-col:nth-child(3n+3) {
                                                            margin-right: 2%;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(3n+1),
                                                        .grid-1-5>.grid-col:nth-child(3n+1) {
                                                            clear: unset;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(2n+1),
                                                        .grid-1-5>.grid-col:nth-child(2n+1) {
                                                            clear: both;
                                                        }
                                                        .grid-1-4>.grid-col:nth-child(2n+2),
                                                        .grid-1-5>.grid-col:nth-child(2n+2) {
                                                            margin-right: 0;
                                                        }
                                                        .staff-content {
                                                            display: flex;
                                                            flex-direction: column;
                                                            align-items: center;
                                                        }
                                                        .staff-photo {
                                                            display: block;
                                                            order: 1;
                                                            width: 280px;
                                                            padding-bottom: 365px;
                                                            margin-bottom: 2em;
                                                        }
                                                        .staff-details {
                                                            display: block;
                                                            width: 100%;
                                                            order: 2;
                                                        }
                                                        .bx-wrapper .bx-controls-direction a,
                                                        .about-slider-container .bx-controls-direction a {
                                                            width: 25px;
                                                            height: 40px;
                                                            margin-top: -15px;
                                                        }
                                                        .bx-wrapper .bx-next {
                                                            right: 10px;
                                                        }
                                                        .bx-wrapper .bx-prev {
                                                            left: 10px;
                                                        }
                                                        .about-slider .slide-wrapper {
                                                            width: 90%;
                                                            margin: auto;
                                                        }
                                                        .about-slide:before {
                                                            right: 5%;
                                                            padding-bottom: 48%;
                                                            width: 84%;
                                                        }
                                                        .about-slider-container .bx-controls-direction a.bx-prev {
                                                            left: 0;
                                                        }
                                                        .about-slider-container .bx-controls-direction a.bx-next {
                                                            right: 0;
                                                        }
                                                        .layout-2 .grey-text-block {
                                                            padding: 20px;
                                                        }
                                                        .layout-2 .link-col {
                                                            margin-left: 0;
                                                        }
                                                        .header-banner {
                                                            background-color: #fff;
                                                        }
                                                        .header-banner:before {
                                                            padding-bottom: 37%;
                                                            height: 0;
                                                        }
                                                        .header-bottom {
                                                            padding-bottom: 0;
                                                            position: relative;
                                                            background-color: transparent;
                                                        }
                                                        .header-bottom .wrapper {
                                                            position: relative;
                                                            z-index: 3;
                                                            transform: none;
                                                            left: unset;
                                                            top: unset;
                                                        }
                                                        .single-news .header-bottom .eesc-heading {
                                                            font-size: 3em;
                                                        }
                                                        .inpage-heading {
                                                            font-size: 3em;
                                                        }
                                                        .primary-btn span {
                                                            max-width: 180px;
                                                        }
                                                        .thumbnail-slider-container .bx-controls-direction a {
                                                            width: 15px;
                                                            height: 30px;
                                                        }
                                                        .thumbnail-slider-container a.bx-prev {
                                                            left: 0;
                                                        }
                                                        .thumbnail-slider-container a.bx-next {
                                                            right: 0;
                                                        }
                                                        .fm-heading {
                                                            padding: 18px;
                                                        }
                                                        .fm-title {
                                                            font-size: 2.2em;
                                                        }
                                                        .photos-slide-block {
                                                            padding: 35px;
                                                        }
                                                        .thumbnail-slider-container a.bx-prev {
                                                            left: -25px;
                                                        }
                                                        .thumbnail-slider-container a.bx-next {
                                                            right: -25px;
                                                        }
                                                    }
                                                    /* 768 */
                                                    
                                                    @media screen and (max-width: 650px) {
                                                        .primary-btn {
                                                            display: block;
                                                            max-width: 300px;
                                                            width: 100%;
                                                            padding: 14px 10px;
                                                        }
                                                        .primary-btn+.primary-btn {
                                                            margin: 3% auto 0;
                                                        }
                                                        .footer-menu-container {
                                                            display: none;
                                                        }
                                                        .footer-info {
                                                            width: 100%;
                                                        }
                                                        .footer-info p {
                                                            max-width: 100%;
                                                        }
                                                        .image-caption {
                                                            position: relative;
                                                            bottom: 0;
                                                            left: 0;
                                                            width: 100%;
                                                        }
                                                        .image-block {
                                                            margin-bottom: 3em;
                                                        }
                                                        .text-block p,
                                                        .grey-text-block p,
                                                        .text-block li {
                                                            font-size: 2.1em;
                                                        }
                                                        .inpage-heading {
                                                            font-size: 3.5em;
                                                        }
                                                        .inpage-subheading {
                                                            font-size: 2.6em;
                                                            padding-left: 33px;
                                                        }
                                                        .page-template-page-undergraduate-programme .inpage-subheading {
                                                            margin-top: 80px;
                                                        }
                                                        .grid-1-2>.grid-col {
                                                            width: 100%;
                                                            margin-right: 0;
                                                            margin-bottom: 3%;
                                                        }
                                                        .grey-text-block span.grid-col,
                                                        .grid-1-2>.grid-col:last-child {
                                                            margin-bottom: 0;
                                                        }
                                                        .hide_desktop {
                                                            display: block;
                                                        }
                                                        .accordion-heading {
                                                            display: flex;
                                                            align-items: start;
                                                            justify-content: space-between;
                                                            font-size: 2.6em;
                                                            padding: 15px 20px;
                                                        }
                                                        .accordion-icon {
                                                            width: 24px;
                                                            height: 24px;
                                                        }
                                                        .accordion-details h3 {
                                                            font-size: 2.4em;
                                                        }
                                                        .primary-table.course-table.responsive-table td {
                                                            display: block;
                                                            width: 100%!important;
                                                            border-right: 0;
                                                            padding: 10px 15px 0 15px;
                                                        }
                                                        .content .primary-table.responsive-table ul {
                                                            margin-bottom: 0;
                                                        }
                                                        .content .primary-table.responsive-table td.blank {
                                                            display: none;
                                                        }
                                                        .accordion-heading span:first-child {
                                                            width: calc(100% - 35px);
                                                        }
                                                        .primary-table.course-table.responsive-table th {
                                                            display: none;
                                                        }
                                                        .primary-table td:first-child .thead-mb {
                                                            padding-top: 0;
                                                        }
                                                        .responsive-table .thead-mb {
                                                            display: block;
                                                            font-size: 1.3em;
                                                            font-weight: 700;
                                                            margin-bottom: 10px;
                                                            color: #12838a;
                                                            width: calc(100% + 30px);
                                                            border-top: 2px solid #fff;
                                                            margin-left: -15px;
                                                            padding-left: 15px;
                                                            padding-top: 10px;
                                                        }
                                                        .primary-table.responsive-table td:first-child .thead-mb {
                                                            padding-top: 0;
                                                            border: 0;
                                                        }
                                                        .content .primary-table.responsive-table ul:last-child {
                                                            margin-bottom: 10px;
                                                        }
                                                        .staff-link-block .flex {
                                                            flex-direction: column;
                                                        }
                                                        .staff-link {
                                                            width: 100%;
                                                            margin-bottom: 0.5em;
                                                        }
                                                        .sec-padding {
                                                            padding: 4em 0;
                                                        }
                                                        .photos-slide-block {
                                                            padding: 20px;
                                                        }
                                                        .icon-block {
                                                            padding: 10px;
                                                        }
                                                        .inpage-subheading {
                                                            padding-left: 20px;
                                                        }
                                                        .fm-blocks.grid-1-3>.grid-col,
                                                        .fm-blocks.grid-1-3>.grid-col:nth-child(3n+3),
                                                        .fm-blocks.grid-1-3>.grid-col:nth-child(3n+2) {
                                                            clear: both;
                                                            width: 100%;
                                                            max-width: 400px;
                                                            float: unset;
                                                            margin: 0 auto 3%;
                                                        }
                                                        .primary-btn {
                                                            font-size: 1.8em;
                                                        }
                                                        .thumbnail-slider-container a.bx-prev {
                                                            left: -16px;
                                                            width: 10px;
                                                            height: 20px;
                                                            margin-top: -12px;
                                                        }
                                                        .thumbnail-slider-container a.bx-next {
                                                            right: -16px;
                                                            width: 10px;
                                                            height: 20px;
                                                            margin-top: -12px;
                                                        }
                                                        .staff-text-block {
                                                            margin-top: -3em;
                                                        }
                                                    }
                                                    /* 650 */
                                                    
                                                    @media screen and (max-width: 575px) {
                                                        .main {
                                                            padding-top: 50px;
                                                        }
                                                        .header-logo {
                                                            width: 38px;
                                                            overflow: hidden;
                                                        }
                                                        .header-logo-1 {
                                                            width: 61px;
                                                            margin-right: 12px;
                                                            padding-right: 12px;
                                                        }
                                                        .header-logo-2 {
                                                            margin-right: 12px;
                                                        }
                                                        .main-menu-icon {
                                                            height: 17px;
                                                        }
                                                        .main-menu-button {
                                                            width: 55px;
                                                            height: 55px;
                                                        }
                                                        .slide-logo {
                                                            width: 40px;
                                                            height: 40px;
                                                        }
                                                        .slide-wrapper {
                                                            width: 80%;
                                                        }
                                                        .eesc-heading {
                                                            font-size: 3em;
                                                        }
                                                        .eesc-heading:before {
                                                            width: 26px;
                                                            height: 3px;
                                                        }
                                                        .hn-blocks {
                                                            padding-bottom: 30px;
                                                        }
                                                        .home .hn-block,
                                                        .grid-1-3 .grid-col,
                                                        .grid-1-3 .grid-col:nth-child(3n+3) {
                                                            width: 100%;
                                                            margin-right: 0;
                                                            margin-bottom: 7%;
                                                        }
                                                        .home-opportunities p.aligncenter {
                                                            width: 200px;
                                                            margin: auto;
                                                        }
                                                        .header-bottom .eesc-heading {
                                                            max-width: 100%;
                                                            font-size: 3.2em;
                                                        }
                                                        .eesc-heading:before {
                                                            width: 22px;
                                                            height: 2px;
                                                        }
                                                        .breadcrumbs {
                                                            margin-left: 41px;
                                                            max-width: 100%;
                                                            margin-top: 20px;
                                                        }
                                                        .crumbs a:after {
                                                            width: 7px;
                                                            height: 9px;
                                                            margin: 0 12px;
                                                        }
                                                        .ellipse-block span {
                                                            font-size: 1.8em;
                                                        }
                                                        .ellipse-block {
                                                            width: 55%;
                                                            padding-bottom: 43%;
                                                        }
                                                        .ellipse-block:nth-child(2) {
                                                            left: 0;
                                                        }
                                                        .ellipse-block:nth-child(3) {
                                                            right: 0;
                                                        }
                                                        .ellipse-block:first-child span {
                                                            top: 45%;
                                                        }
                                                        .ellipse-block:nth-child(2) span {
                                                            left: 43%;
                                                        }
                                                        .ellipse-block:nth-child(3) span {
                                                            left: 52%;
                                                        }
                                                        .people-cols {
                                                            max-width: 350px;
                                                            margin: auto;
                                                        }
                                                        .grid-1-4>.grid-col,
                                                        .grid-1-4>.grid-col:nth-child(3n+1),
                                                        .grid-1-5>.grid-col,
                                                        .grid-1-5>.grid-col:nth-child(3n+1) {
                                                            width: 100%;
                                                            margin: 0 0 3% 0;
                                                        }
                                                        .about-slider .slide-wrapper {
                                                            padding-bottom: 20%;
                                                        }
                                                        .icon-blocks {
                                                            margin-bottom: 3em;
                                                        }
                                                        .as-content h3 {
                                                            font-size: 2.7em;
                                                        }
                                                        .as-content p {
                                                            font-size: 2.2em;
                                                        }
                                                        .staff-link {
                                                            margin-right: 0;
                                                        }
                                                        .staff-link span {
                                                            width: calc(100% - 22px);
                                                        }
                                                        .primary-btn:after {
                                                            margin-left: 15px;
                                                        }
                                                    }
                                                    /* 575 */
                                                    
                                                    @media screen and (max-width: 450px) {
                                                        .primary-btn span:after {
                                                            margin-left: 15px;
                                                        }
                                                        .hg-images-1 .hg-image img {
                                                            height: 302.5px;
                                                        }
                                                        .hg-images-1 .hg-image:nth-child(3n + 1) img {
                                                            height: 147px;
                                                        }
                                                        .hg-images-2 img {
                                                            height: 192px;
                                                        }
                                                        .accordion-details {
                                                            padding: 15px;
                                                        }
                                                        .content .primary-table th,
                                                        .content .primary-table td {
                                                            padding: 12px;
                                                            font-size: 1.8em;
                                                        }
                                                        .photos-slide-block {
                                                            padding: 10px;
                                                        }
                                                        .about-slider .slide-wrapper {
                                                            padding-bottom: 25%;
                                                        }
                                                        #backtotop {
                                                            width: 40px;
                                                            height: 40px;
                                                        }
                                                        .header-bottom .eesc-heading {
                                                            font-size: 3em;
                                                        }
                                                        .inpage-heading {
                                                            font-size: 3.2em;
                                                        }
                                                        .thumbnail-slider-container {
                                                            display: none;
                                                        }
                                                        .photos-slider-container .bx-controls-direction {
                                                            display: block;
                                                        }
                                                        .photos-slider-container .bx-wrapper .bx-controls-direction a {
                                                            display: inline-block;
                                                            position: absolute;
                                                            top: 50%;
                                                            width: 15px;
                                                            height: 30px;
                                                        }
                                                        .photos-slider-container .bx-wrapper .bx-controls-direction a.bx-prev {
                                                            left: 0;
                                                        }
                                                        .photos-slider-container .bx-wrapper .bx-controls-direction a.bx-next {
                                                            right: 0;
                                                        }
                                                    }
                                                    /* 450 */
                                                    
                                                    @media screen and (max-width: 350px) {
                                                        .ellipse-block span {
                                                            font-size: 1.6em;
                                                        }
                                                        .content .primary-table th,
                                                        .content .primary-table td {
                                                            padding: 10px;
                                                            font-size: 1.6em;
                                                        }
                                                        .inpage-heading {
                                                            font-size: 3em;
                                                        }
                                                        .header-bottom p {
                                                            font-size: 2em;
                                                        }
                                                        .crumbs a:after {
                                                            margin: 0 6px;
                                                        }
                                                    }
                                                    /* 350 */