@media screen and (min-width: 0px) and (max-width: 1439px) {
    .home .programme .full-container > .row:last-child:before {
        display: none !important;
    }

    .home .programme .swiper-container .swiper-element {
        width: 100% !important;
    }

    .home .programme .swiper-container > .swiper-element > .card {
        width: 100% !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1199px) {

    :target {
        display: block;
        position: relative;
        top: -80px;
        visibility: hidden;
    }

    header nav.bg-white {
        z-index: 1030;
    }

    header .navbar-brand {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    header.fixed .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        transition: unset;
    }

    header .navbar-brand img {
        max-width: 300px;
    }

    header.fixed .navbar-brand img {
        max-width: 300px;
    }

    .navbar-expand-md .navbar-toggler {
        display: inline-block;
        border: 0;
        color: #FFF;
        transition: .5s;
        vertical-align: text-bottom;
    }

    header .navbar .controls {
        margin-bottom: 0;
    }

    header .navbar .controls ul {
        padding-left: 0;
    }

    header .navbar .controls.button-controls {
        margin-bottom: 0;
    }

    /*header .navbar .controls button {*/
    /*    color: #636363;*/
    /*    width: 3.3361vw;*/
    /*    height: 3.6361vw;*/
    /*    padding: 1.251vw;*/
    /*    padding: 0;*/
    /*}*/

    header .navbar .controls button.hamburger {
        /*width: 5.00417vw;*/
        /*height: 3.753127vw;*/
        width: 40px;
        height: 32px;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    header .navbar .controls button.hamburger:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }

    header .navbar .controls button.hamburger span {
        display: block;
        position: absolute;
        height: 6px;
        /*height: .750625vw;*/
        width: 100%;
        background: #da2128;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    header .navbar .controls button.hamburger span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    header .navbar .controls button.hamburger span:nth-child(2) {
        top: 13px;
        /*top: 1.50125vw;*/
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    header .navbar .controls button.hamburger span:nth-child(3) {
        top: 25px;
        /*top: 3.0025vw;*/
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    header .navbar .controls button.hamburger.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        /* top: -3px;
        left: 8px; */
        top: -.250208vw;
        left: .667222vw;
    }

    header .navbar .controls button.hamburger.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    header .navbar .controls button.hamburger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        /* top: 39px;
        left: 8px; */
        top: 3.25271vw;
        left: .667222vw;
    }


    header .navbar .controls button span.hamburger-box {
        width: 3.3361vw;
        height: 2.0016vw;
    }

    header .navbar .controls button span.hamburger-box .hamburger-inner, header .navbar .controls button span.hamburger-box .hamburger-inner:after, header .navbar .controls button span.hamburger-box .hamburger-inner:before {
        width: 3.3361vw;
        height: .33361vw;
        border-radius: .33361vw;
    }

    header .navbar .controls button span.hamburger-box .hamburger-inner {
        margin-top: -.166805vw;
    }

    header .navbar .controls button span.hamburger-box .hamburger-inner:before {
        top: -.834028vw;
    }

    header .navbar .controls button span.hamburger-box .hamburger-inner:after {
        bottom: -.834028vw;
    }

    header .navbar .controls > ul > li.share .dropdown-menu {
        width: 320px;
        height: 52px;
        left: -215px;
    }

    header .navbar .controls > ul > li .dropdown-menu:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e2ece7;
        left: unset;
        right: 74px;
        top: -6px;
    }

    header .navbar .controls .share .tools-sub-holder .share-btns {
        display: flex;
        justify-content: center;
    }

    header .navbar .controls .share .tools-sub-holder .share-btns .share-btns__btn {
        margin-right: 6px;
    }


    footer > .container > .menu {
        display: none;
    }

    footer .controls {
        padding: 1.5em 0em;
    }


    .offcanvas, .offcanvas-backdrop {
        display: unset;
    }

    .offcanvas-header .btn-close {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        background: none;
        font-size: 2em;
        color: #da2127;
        opacity: 1;
    }

    .offcanvas-header .btn-close:before {
        content: "\f00d";
        display: block;
        line-height: 1em;
    }

    .offcanvas-header .btn-close:focus {
        box-shadow: 0 0 0 0.2rem #000;
    }

    #offcanvasMenu {
        background-color: #fff;
        height: 100vh;
    }

    #offcanvasMenu .controls > ul {
        list-style: none;
        display: flex !important;
        margin-bottom: .25em;
        padding-left: 0;
        /*margin-right: 1em;*/
    }

    #offcanvasMenu .controls ul li {
        display: flex;
        align-items: center;
        /*margin-left: 10px;*/
    }

    #offcanvasMenu .controls > ul > li:after {
        content: ' ';
        display: inline-block;
        border-right: 1px solid #da2127;
        height: 26px;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    #offcanvasMenu .controls > ul > li a {
        color: #da2127;
        text-decoration: none;
    }

    #offcanvasMenu .controls > ul > li a:hover {
        text-decoration: underline;
    }

    #offcanvasMenu .controls > ul > li.no-split:after {
        display: none;
    }

    #offcanvasMenu .controls > ul > li:last-child:after {
        display: none;
    }

    #offcanvasMenu .controls > ul > li .dropdown-menu {
        -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);
        border: none;
        /* border-radius: 0;
        margin: 0;
        */
        min-width: 8em;
        top: calc(100% + 10px);
        padding: 0;
        /* overflow: hidden; */
    }

    #offcanvasMenu .controls > ul > li .dropdown-menu:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #da2127;
        left: 14px;
        top: -6px;
    }

    #offcanvasMenu .controls ul.language-selector {
        /*display: block;*/
        /*position: absolute;*/
        /*-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);*/
        /*box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);*/
        padding: 0;
        margin: 0;
        /*margin-top: .5rem;*/
        border-radius: 0rem;
        transition: .5s all;
        width: 100%;
        /*background-color: #fdfdfd;*/
        /*z-index: 5000;*/
    }

    #offcanvasMenu .controls .collapsed ul.language-selector {
        display: none;
    }

    #offcanvasMenu .controls ul.language-selector li {
        display: block;
        list-style: none;
        margin: 0;
    }

    #offcanvasMenu .controls ul.language-selector li span {
        padding: .25rem;
    }

    #offcanvasMenu .controls ul.language-selector li a {
        color: #FFF;
        transition: .25s all;
        display: block;
        margin: 0;
        padding: .25rem;
        text-decoration: none;
        background-color: #da2127;
    }

    #offcanvasMenu .controls ul.language-selector li a:hover, #offcanvasMenu .controls ul.language-selector li a:focus, #offcanvasMenu .controls ul.language-selector li a.active {
        color: #fdfdfd;
        text-decoration: none;
        background-color: #b12e37!important;
    }

    #offcanvasMenu .controls ul li.search {
        /* position: relative; */
        position: unset;
    }

    #offcanvasMenu .controls > ul > li.search .dropdown-menu {
        min-width: 300px;
        /* left: -100px !important; */
        background-color: #da2127;
        transform: translate3d(0, 70px, 0px) !important;
    }
    
    #offcanvasMenu .controls > ul > li.search .dropdown-menu:before {
        right: 180px;
        left: unset;
        display: none;
    }
    
    #offcanvasMenu .controls > ul > li.search .dropdown-menu .btn {
        background-color: transparent;
        border-color: #fff;
    }

    #offcanvasMenu .controls > ul > li.search .dropdown-menu .btn:focus-visible {
        box-shadow: none;
        outline: -webkit-focus-ring-color auto 1px;
    }

    #offcanvasMenu .controls > ul > li.share {
        /* position: relative; */
        position: unset;
    }

    #offcanvasMenu .controls > ul > li.share .dropdown-menu {
        background-color: #da2127;
        min-width: 300px;
        /* left: -140px !important; */
        transform: translate3d(0, 58px, 0px) !important;
    }

    #offcanvasMenu .controls > ul > li.share .dropdown-menu:before {
        right: 184px;
        left: unset;
        display: none;
    }

    #offcanvasMenu .share-btns__btn {
        margin-bottom: 0;
    }

    #offcanvasMenu .controls .control-icon {
        width: 32px;
        height: 40px;
        max-width: 32px;
        max-height: 40px;
        /*width: 2.5vw;*/
        /*height: 2.2916vw;*/
        display: inline-block;
        vertical-align: top;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        position: relative;
        font-size: 0;
        border: none;
        background: transparent;
        padding: 0;
        /*
            background-color: #B12E37!important;
            border-radius: 50%;
            background-size: 200%;
        */
        transition: .5s;
        /*
            -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
            box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
            border-color: transparent;
            color: #fff;
        */
    }

    #offcanvasMenu .controls .control-icon.control-icon--language {
        width: 32px;
    }

    #offcanvasMenu .controls .control-icon:hover:before, header .navbar .controls .control-icon:focus:before {
        background-position-y: -45px;
    }

    #offcanvasMenu .controls .control-icon.control-icon--home:before {
        background-position-x: 0px;
    }

    #offcanvasMenu .controls .control-icon.control-icon--contactus:before {
        background-position-y: -1px;
        background-position-x: -105px;
    }
    #offcanvasMenu .controls .control-icon.control-icon--print:before {
        background-position-x: -115px;
        background-position-y: 0px;
    }
    #offcanvasMenu .controls .control-icon.control-icon--share:before {
        background-position-y: 1px;
        background-position-x: -153px;
    }
    #offcanvasMenu .controls .control-icon.control-icon--language:before {
        background-position-y: -1px;
        background-position-x: -204px;
    }
    #offcanvasMenu .controls .control-icon.control-icon--search:before {
        background-position-x: -253px;
        background-position-y: 0px;
    }

    #offcanvasMenu .controls .control-icon:before {
        content: '';
        background-image: url(../images/icon.png);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        width: 32px;
        height: 40px;
        /*width: 100%;*/
        /*height: 100%;*/
        top: 0;
        left: 0;
        background-size: unset;
        /*background-size: 33.854vw;*/
        /*background-position: center center;*/
    }

    #offcanvasMenu .offcanvas-body {
        /* background-color: #da2127; */
        background-color: #B12E;
        padding: 0;
        height: 100%;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav {
        display: block;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item {
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item a {
        color: #fff;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div {
        display: flex;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #fff;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div > a {
        font-size: 1.25em;
        font-weight: bold;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div > a.nav-link {
        flex-grow: 1!important;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div > a.nav-link:focus-visible {
        box-shadow: 0 0 0 0.15rem #000;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div > a.cursor {
        transition: .5s;
        transform: rotate(180deg);
        padding:0 1em;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > div > a.cursor.collapsed {
        transform: rotate(0deg);
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children {
        display: block;
        overflow: hidden;
        height: 0;
        list-style: none;
        padding: 0;
        background-color: #b12e37;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children.show {
        height: auto;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li {
        border-bottom: 1px solid #fff;

    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li a {
        padding: .5em 1em;
        white-space: normal;
        display: none;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children.show > li a {
        display: unset;
    }

    /* #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children li a:before {
        content: '';
        color: #fff;
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        margin-right: .5em;
    } */

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > div {
        display: flex;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #fff;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > div > a.cursor {
        transition: .5s;
        transform: rotate(180deg);
        padding: .5em 1em;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > div > a.cursor.collapsed {
        transform: rotate(0deg);
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > .subchildren {
        display: block;
        overflow: hidden;
        height: 0;
        list-style: none;
        padding: 0;
        background-color: #e64437;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > .subchildren.show {
        height: auto;
    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > .subchildren > li {
        border-bottom: 1px solid #fff;

    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > .subchildren > li:last-child {
        border-bottom: none

    }

    #offcanvasMenu .offcanvas-body > div > ul.nav > li.nav-item > .children > li > .subchildren > li a {
        padding: .5em 1em;
        white-space: normal;
    }


    .home .slider1 img {
        width: 100vw;
    }

    /* .home .slider2:after {
        position: relative;
        left: calc(100% - 130px);
    } */

    .home .slider2:after {
        display: none;
    }

    .home .slider2 ul li:before {
        content: ' ';
        display: inline-block;
        left: 0;
        width: 17px;
        height: 25px;
        background: url(../images/icon.png);
        background-position-y: -168px;
        background-position-x: -40px;
        vertical-align: bottom;
        margin-right: 0.5em;
    }

    .home .slider2 .swiper-slide {
        padding: 1.5em 1.5em 1em 1.5em;
    }

    .home .slider3 .container {
        padding: 2em 2em;
        position: relative;
    }

    .home .slider3 .swiper-container .swiper-button-prev {
        left: -.25em;
    }

    .home .slider3 .swiper-container .swiper-button-next {
        right: -.25em;
    }

    .home .slider4:after {
        position: relative;
        bottom: 1em;
        /* background-size: 134px; */
        background-repeat: no-repeat;
        background-position: bottom right;
        /* width: 100%;
        height: 160px; */
        width: 116px;
        background-size: 116px;
        left: calc(100% - 128px);
    }

    .home .slider4 .swiper-pagination-container {
        display: flex;
        justify-content: center;
    }

    .home .service .card {
        background: transparent;
    }

    .home .service .container > div:last-child > div:nth-child(2n) > .card {
        background: transparent;
    }

    .home .service .card .img-container {
        width: 100%;
        text-align: center;
    }

    .home .service .card .card-body {
        width: 100%;
        text-align: center;
        padding: 0 1.5em;
    }

    .home .service .card .card-body ul {
        display: none;
    }
    
    .home .project .swiper-container .swiper-element {
        width: calc(100% - 6em);
        padding: 1em .5em;
        /* background-color: #fff5de; */
        margin: 0 auto;
    }

    .home .project .swiper-container .swiper-button-prev {
        left: -.75em;
    }

    .home .project .swiper-container .swiper-button-next {
        right: -.75em;
    }

    .home .programme .full-container {
        padding-right: 0;
        padding-left: 0;
    }

    .home .programme > .full-container > .row:last-child:before {
        position: relative;
        background-size: 210px;
        background-repeat: no-repeat;
        width: 100%;
        background-position: top center;
        left: unset;
        height: 220px;
    }

    .home .programme .full-container > .row {
        margin: 0;
    }

    .home .programme .full-container > .row > div {
        padding: 0;
    }

    .home .programme .swiper-container .swiper-element {
        width: 100%;
    }

    .home .programme .swiper-container > .swiper-element > .card {
        width: 100%;
    }

    .home .programme .swiper-container > .swiper-element > .card > .card-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .home .programme .swiper-container .swiper-pagination-container {
        right: 0;
    }

    .home .programme .swiper-container > .swiper-element > .card > .card-body {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 1.5em 2em;
        padding-bottom: 2.5em;
    }

    .home .programme .swiper-container > .swiper-element > .card > .card-body .filter form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 1em;
        text-align: center;
    }

    .home .programme .swiper-container > .swiper-element > .card > .card-body .filter form .form-item {
        display: inline-flex;
        margin-bottom: .5em;
        flex: 1;
        width: 100%;
    }

    .home .thematic .swiper-container {
        position: relative;
    }

    .home .thematic .swiper-container .swiper-element {
        width: calc(100% - 6em);
        padding: 1em .5em;
        /* background-color: #fff5de; */
        margin: 0 auto;
    }

    .home .thematic .swiper-slide a {
        margin-bottom: 0;
    }

    .home .thematic .swiper-container .swiper-button-prev {
        left: -.75em;
    }

    .home .thematic .swiper-container .swiper-button-next {
        right: -.75em;
    }

    .home .contact .container p.info {
        display: block;
    }

    .home .contact .container span {
        display: flex;
        justify-content: start;
        margin-bottom: .5em;
    }

    .home .contact .container span.email:before {
        margin-left: 0;
    }



    .page .district .map {
        display: none;
    }

    table.table, .page table.table {
        margin-bottom: 1.5em;
    }

/*    table.table, .page table.table colgroup col {
        width: 100% !important;
    }
*/
    .page .table-responsive table.table.horizontal {
        min-width: 1400px;
    }

    table.table>thead {
        display: none;
    }

    table.table.horizontal>thead {
        display: table-row-group;
    }

    table.table > tbody > tr > th {
        display: none;
    }

    table.table.horizontal > tbody > tr > th {
        display: unset;
    }

    /* table.table > tbody > tr > td, .page table.table > tbody > tr > td {
        display: block;
        padding: .25em 0;
        align-items: center;
        padding-right: 0.5em;
        padding-left: calc(30% + 0.75em);
        position: relative;
    } */

    table.table > tbody > tr > td, .page table.table > tbody > tr > td {
        display: block;
        padding: .25em 0;
        align-items: center;
        padding: .5em;
        position: relative;
    }

    table.table.horizontal > tbody > tr > td, .page table.table.horizontal > tbody > tr > td {
        display: table-cell;
    }

    .page table.table > tbody > tr > td:not(first-child) {
        border: none;
    }

    .page table.table.horizontal > tbody > tr > td:not(first-child) {
        border-left: 1px solid #FFF;
    }

    table.table > tbody > tr > td {
        background-color: unset;
    }

    table.table > tbody > tr > td:nth-child(2n+1) {
        background-color: unset;
    }

    table.table > tbody > tr {
        background-color: #fff;
        padding-top: .5em;
        padding-bottom: .5em;
    }

    table.table > tbody > tr:nth-child(2n+1) {
        background-color: #f4f4f4;
    }

    /* table.table > tbody > tr > td:before {
        content: attr(data-title);
        font-weight: bold;
        background-color: #B12E;
        color: #fff;
        display: inline-flex;
        width: 30%;
        padding: .25em .75em;
        font-size: 1em;
        position: absolute;
        height: 100%;
        left: 0;
        line-height: 1;
        align-items: center;
        top: 0;
    } */

    table.table > tbody > tr > td:before {
        content: attr(data-title);
        font-weight: bold;
        color: #B12E37;
        display: block;
        /* width: 30%; */
        padding: 0;
        font-size: 1.1em;
        margin-bottom: .25em;
        position: relative;
        height: 100%;
        left: 0;
        line-height: 1;
        align-items: center;
        top: 0;
    }

    table.table.horizontal > tbody > tr > td:before {
        display: none;
    }

    /* table.table > tbody > tr {
        margin-bottom: 1em;
        display: block;
    } */

    table.table > tbody > tr {
        margin-bottom: 0;
        display: block;
    }

    table.table.horizontal > tbody > tr {
        display: table-row;
    }

    table.table > tbody > tr:last-child {
        margin-bottom: 0;
    }

    table.table.no-line > tbody > tr {
        margin-bottom: 0;
    }


        
    /** Organisation Chart **/

    .org-chart {
        max-width: 100%;
        margin: 0 auto;
    }

    .org-chart.full-width {
        max-width: 100%;
    }

    .org-chart ul {
        list-style: none;
        padding: 0;
        position: relative;
        margin: 0;
        padding-inline-start: 0 !important;
    }

    .org-chart ul li{
        list-style: none;
    }

    .org-chart ul.lv1 > li {
        border: 2px solid #ff9140;
    }

    .org-chart ul li::before {
        display: none !important;
    }

    .org-chart ul.lv1 {
        display: block;
        text-align: center;
    }

    .org-chart ul.lv1 > li::after {
        display: none !important; 
    }

    .org-chart.full-width ul.lv1 > li::after {
        height: 212px;
        display: none;
    }
    
    .org-chart ul.lv1 > li > .item:after {
        display: none;
    }

    .org-chart ul.lv2 {
        position: relative;
        display: block;
        margin-top: 0;
    }

    .org-chart ul.lv2 > li {
        display: block;
        vertical-align: top;
        margin-top: 0;
        text-align: right;
        flex: 1;
        position: relative;
        border: 2px solid #8bc5d9;
    }

    .org-chart ul.lv2 > li.col-abs {
        position: absolute;
        display: block;
        vertical-align: top;
        margin-top: 0;
        right: 0;
        width: 50%;
    }

    .org-chart ul.lv2 > li:first-child {
        text-align: left;
    }

    .org-chart ul.lv2:before {
        display: none !important; 
    }

    .org-chart ul.lv2 > li:before {
        display: none !important; 
    }

    .org-chart ul.lv2 > li.col-abs:before {
        display: none !important; 
    }

    .org-chart ul.lv2 > li:after {
        display: none !important; 
    }

    .org-chart ul.lv2 > li:first-child:after {
        display: none !important; 
    }

    .org-chart ul.lv2 > li:last-child:after {
        display: none !important; 
    }

    .org-chart ul.lv2 > li.col-abs:after {
        display: none !important; 
    }

    .org-chart .item {
        display: block;
        width: 100%;
        background: #fef4eb;
        text-align: left;
        position: relative;
        margin: 0;
        z-index: 0;
        border-bottom-right-radius: 0;
    }

    .org-chart .lv2 .item {
        background: #fbfbfd;
        width: 100%;
    }

    .page .content-container .org-chart .lv2 > li {
        margin-bottom: 0;
    }

    .page .content-container .org-chart li:last-child {
        margin-bottom: 0;
    }

    .org-chart .lv2 > li > ul {
        display: none;
        transition: .5s all;
    }

    .org-chart .lv2 > li.show > ul, .org-chart .lv2 > li.empty > ul {
        display: block;
    }

    .org-chart ul.lv2 > li.empty {
        border: 0;
    }

    .org-chart ul.lv2 .empty.all .lv3 > li:before {
        display: none !important;
    }

    .org-chart .lv2 > li > .item {
        cursor: pointer;
    }

    .org-chart .lv2 > li > .item .title:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #000000 transparent transparent transparent;
        display: block;
        position: absolute;
        left: 1em;
        top: 1.05em;
        margin-top: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: .25s all;
    }

    .org-chart .lv2 > li.show > .item .title:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    .org-chart .lv2 > li > .item > .content {
        min-height: unset;
        padding-left: 2em;
    }

    .org-chart .lv2 > li > .item .content:before {
        display: none !important; 
    }

    .org-chart .lv2 > li > .item .content:after {
        display: none !important; 
    }

    .org-chart .lv2 > li > .item.no-child .content:before {
        display: none;
    }

    .org-chart .lv2 > li > .item.no-child .content:after {
        display: none;
    }
    .org-chart .lv2 > li.empty > .item .content:before {
        display: none;
    }

    .org-chart .lv2 > li.empty:before {
        display: none !important; 
    }

    .org-chart ul.lv2 > li.empty:last-child:after {
        display: none !important; 
    }

    .org-chart .lv2 > li.empty > .item {
        background: #fbfbfd;
        display: none;
    }

    .org-chart .lv2 > li.empty > .item:before {
        display: none !important; 
    }

    .org-chart .lv2 > li.empty > .item > .title {
        background: #fff;

    }

    .org-chart .lv2 > li.empty > .item > .content {
        background: #fff;
    }

    .org-chart ul.lv3 {
        margin-top: 0;
    }    

    .org-chart .lv3 > li > ul {
        display: none;
        transition: .5s all;
    }

    .org-chart .lv3 > li.show > ul, .org-chart .lv3 > li.empty > ul {
        display: block;
    }

    .org-chart ul.lv2 li:first-child.empty.all .lv3 > li:after {
        display: none !important;
    }

    .org-chart ul.lv2 .empty.all .lv3 > li:after {
        display: none !important;
    }

    .org-chart ul.lv2 li:last-child.empty.all .lv3 > li:after {
        display: none !important;
    }

    .org-chart .lv3 .item {
        background: #f8f9fd;
    }

    .org-chart .item .title {
        background-color: #ff9140;
        font-weight: bold;
        padding: .5em 1em;
    }

    .org-chart .item .title a {
        font-size: 1em;
    }

    .org-chart .lv2 .item .title {
        background-color: #8bc5d9;
        padding-left: 2em;
    }

    .org-chart .col-abs .item .title {
        background-color: #ffbd8d;
    }

    .org-chart .lv3 .item .title {
        background-color: #a7cc89;
        padding-left: 3em;
    }

    .org-chart .lv4 .item .title {
        background-color: #ccc589;
        padding-left: 4em;
    }


    .org-chart .lv3 .item .title:before {
        display: none !important; 
    }

    .org-chart .lv3 .item .title:after {
        display: none !important; 
    }
    
    .org-chart .lv3 > li > .item.child {
        cursor: pointer;
    }

    .org-chart .lv3 > li > .item.child .title:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #000000 transparent transparent transparent;
        display: block !important;
        position: absolute;
        left: 2em;
        top: 1.05em;
        margin-top: 0;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transition: .25s all;
    }

    .org-chart .lv3 > li.show > .item.child .title:after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    .org-chart .item .content {
        font-size: 1em;
        padding: 0 1em;
    }

    .org-chart .lv3 .item .content:after {
        display: none !important; 
    }

    .org-chart .lv3 > li:last-child .item .content:before {
        display: none;
    }

    .org-chart .lv3 > li:last-child .item .content:after {
        display: none;
    }

    .org-chart .lv3 .item .content {
        padding-left: 3em;
    }

    .org-chart .item .content span {
        display: block;
    }

    .org-chart .item .content span:first-child {
        padding-top: .5em;
    }

    .org-chart .item .content span:last-child {
        padding-bottom: .5em;
    }

    .org-chart .item .content span.post {
        color: #d95151;
    }

    .org-chart .lv4 .item .content {
        padding-left: 4em;
    }

    /** End of Organisation Chart **/


    /** SCCS **/

    .page .content-container .sccs ul li {
        margin-left: 0;
        margin-right: 0;
    }

    .page .content-container .sccs ul.subcategory {
        display: block;
    }

    .page .content-container .sccs ul.subcategory li {
        display: block;
    }

    /** End of SCCS **/


    .page .content-container a.btn-navigation.blue {
        background-color: transparent;
    }

    .page .content-container a.btn-navigation.blue span {
        display: block;
    }

    .content-container ul.navigation {
        margin-left: 1em !important;
    }

    .content-container ul li {
        text-align: unset;
    }
}

@media screen and (max-width: 1024px) {

    .content-container select {
        margin-bottom: .5em;
    }
}

@media screen and (min-width: 300px) and (max-width: 500px) {
    
    .home .slider4 .container {
        padding: 2em .5em;
        display: flex;
        flex-direction: column;
    }

    .home .slider4:after {
        width: 116px !important;
        background-size: 116px !important;
        left: calc(100% - 128px) !important;
    }

    .home .programme .swiper-container > .swiper-element > .card > .card-body {
        padding: 1.5em 0em;
    }

    .row>* {
        margin: 0 auto;
    }

    .cat-icon-css {
        min-height: 200px !important;
    }

    .content-container ul.navigation.expand {
        margin-left: 0 !important;
        padding-inline-start: 0;
    }
}

@media screen and (max-width: 640px) {
    .home .home-container > div > div > div > div > div {
        padding: 0;
    }


    .home .project .swiper-container .swiper-element {
        width: 100%;
        padding-right: 4em;
    }
    
    .home .project .swiper-container .swiper-button-prev {
        display: none;
    }
    
    .home .project .swiper-container .swiper-button-next {
        display: none;
    }

    .home .project .swiper-container .swiper-button-pause {
        right: .5em;
    }
    

    .home .programme .container {
        padding: 0;
    }

    .home .programme .container .row {
        margin: 0;
    }

    .home .programme .full-container > .row:last-child:before {
        display: none !important;
    }
    
    .home .programme .swiper-container .swiper-element {
    }

    .home .programme .swiper-container > .swiper-element > .card {
        width: 100% !important;
    }


    .home .thematic .swiper-container .swiper-element {
        width: 100%;
        padding-right: 4em;
    }
    
    .home .thematic .swiper-container .swiper-button-prev {
        display: none;
    }
    
    .home .thematic .swiper-container .swiper-button-next {
        display: none;
    }

    .home .thematic .swiper-container .swiper-button-pause {
        right: .5em;
    }

    .home .home-container > div > div.contact {
        padding: 1em;
    }
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100vh - 3.5rem);
    }
}