@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700");
@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot");
    src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* line 9, ../scss/responsive.scss */
.corporate .structure-list .circle-text-list {
    padding: 0;
}

/* line 19, ../scss/responsive.scss */
.header .header-info .header-bottom .menu-wrap .sub-menu-wrap {
    box-sizing: border-box;
}

/* line 27, ../scss/responsive.scss */
.menu-btn {
    display: none;
    box-sizing: border-box;
    width: 48px;
    height: 47px;
    margin: 0 0 0 auto;
    padding: 12px 10px;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    border: 3px solid #ff0d00;
}
/* line 40, ../scss/responsive.scss */
.menu-btn > li {
    width: 22px;
    height: 3px;
    margin: 4px 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    border-radius: 25%;
    background: #ff0d00;
}
/* line 50, ../scss/responsive.scss */
.menu-btn > li:first-child {
    margin-top: 0;
}
/* line 54, ../scss/responsive.scss */
.menu-btn > li:nth-child(2) {
    width: 19px;
}
/* line 58, ../scss/responsive.scss */
.menu-btn > li:last-child {
    width: 15px;
    margin-bottom: 0;
}

/* line 93, ../scss/responsive.scss */
.open-menu {
    position: fixed;
    top: 0;
    right: -400px;
    overflow: auto;
    box-sizing: border-box;
    width: 400px;
    height: 100vh;
    padding: 30px 50px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    color: #333333;
    background: #f3f3f3;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2) inset;
}
/* line 109, ../scss/responsive.scss */
.open-menu.active {
    right: 0;
}
/* line 114, ../scss/responsive.scss */
.open-menu .search-icon-wrap form {
    display: flex;
    margin: 30px 0;
}
/* line 118, ../scss/responsive.scss */
.open-menu .search-icon-wrap form input[type=text] {
    box-sizing: border-box;
    width: calc(100% - 70px);
    margin-right: 10px;
    padding: 5px 10px;
}

/* line 128, ../scss/responsive.scss */
.close-btn {
    box-sizing: border-box;
    width: 30px;
    height: 23px;
    padding-top: 10px;
    cursor: pointer;
}
/* line 135, ../scss/responsive.scss */
.close-btn > li {
    width: 30px;
    height: 2px;
    background: #333333;
}
/* line 140, ../scss/responsive.scss */
.close-btn > li:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* line 147, ../scss/responsive.scss */
.close-btn > li:last-child {
    margin-top: -2px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* line 157, ../scss/responsive.scss */
#global-container {
    left: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
/* line 163, ../scss/responsive.scss */
#global-container.active {
    left: -400px;
}

/* line 168, ../scss/responsive.scss */
.header {
    left: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    justify-content: space-between;
}
/* line 176, ../scss/responsive.scss */
.header.active {
    left: -400px;
}

/* line 181, ../scss/responsive.scss */
.open-nav {
    margin: 80px 0 0 0;
}
/* line 184, ../scss/responsive.scss */
.open-nav > li {
    box-sizing: border-box;
    padding: 20px 0;
    cursor: pointer;
    border-bottom: 1px solid #cfcfcf;
}
/* line 190, ../scss/responsive.scss */
.open-nav > li > a {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
/* line 196, ../scss/responsive.scss */
.open-nav > li.has-sub {
    position: relative;
}
/* line 199, ../scss/responsive.scss */
.open-nav > li.has-sub:after {
    content: '\f105';
    font-family: 'fontAwesome';
    font-size: 36px;
    position: absolute;
    top: 11px;
    right: 0;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    color: #333333;
}
/* line 213, ../scss/responsive.scss */
.open-nav > li.has-sub.active > a {
    color: #ff0d00;
}
/* line 217, ../scss/responsive.scss */
.open-nav > li.has-sub.active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* line 228, ../scss/responsive.scss */
.open-sub {
    font-size: 18px;
    display: none;
    margin-top: 20px;
    border-top: 1px solid #cfcfcf;
}
/* line 234, ../scss/responsive.scss */
.open-sub > li {
    box-sizing: border-box;
    padding-top: 20px;
}
/* line 239, ../scss/responsive.scss */
.open-sub .sub-sub {
    font-size: 16px;
    box-sizing: border-box;
    padding-left: 20px;
    list-style-type: disc;
    color: #ff0d00;
}
/* line 246, ../scss/responsive.scss */
.open-sub .sub-sub > li {
    margin-top: 10px;
}

/* line 252, ../scss/responsive.scss */
.mobile-show {
    display: none;
}

/* line 257, ../scss/responsive.scss */
.header-top.mobile-show {
    margin-bottom: 100px;
}

/* line 263, ../scss/responsive.scss */
.tag-slider .slick-list {
    width: 100%;
}

/* line 269, ../scss/responsive.scss */
.leadership-expand-wrap .container {
    width: 100%;
}

@media screen and (max-width: 1500px) {
    /* Header */
    /* line 286, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap {
        margin-left: 80px;
    }

    /* Learning Development */
    /* line 296, ../scss/responsive.scss */
    .people-learing-list > li {
        align-items: flex-start;
    }
    /* line 300, ../scss/responsive.scss */
    .people-learing-list > li:nth-child(2n) .right-wrap {
        padding: 40px 20px;
    }
    /* line 305, ../scss/responsive.scss */
    .people-learing-list > li .right-wrap {
        padding: 40px 30px;
    }

    /* Media */
    /* line 313, ../scss/responsive.scss */
    .home-news-announcement-list {
        box-sizing: border-box;
        padding: 0 5px;
    }

    /* line 321, ../scss/responsive.scss */
    .home-banner.inner-page .home-banner-slide .container h2 {
        max-width: 100%;
    }

    /* line 330, ../scss/responsive.scss */
    .book-list .tag-slide > div {
        width: calc(100% / 6 - 25px);
    }

    /* IR Financial Highlights */
    /* line 338, ../scss/responsive.scss */
    .highlight-wrap {
        overflow: auto;
    }

    /* Corporate Story */
    /* line 344, ../scss/responsive.scss */
    .story-wrap {
        align-items: flex-start;
    }
    /* line 348, ../scss/responsive.scss */
    .story-wrap .image-wrap:after {
        content: '';
        display: block;
        padding-top: 70%;
    }

    /* Corporate Values */
    /* line 359, ../scss/responsive.scss */
    #corporate-values .image-wrap {
        align-items: flex-start;
    }

    /* Corporate Governance */
    /* line 367, ../scss/responsive.scss */
    .two-box .content-wrap {
        padding-left: 40px;
    }

    /* line 374, ../scss/responsive.scss */
    .governance-board-list > li .image-wrap {
        padding: 0 30px;
    }
}
@media screen and (max-width: 1300px) {
    /* Header */
    /* line 388, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap .sub-menu-wrap .sub-menu-section {
        min-width: 25%;
    }
    /* line 396, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap .sub-menu-left-right-wrap .bottom-wrap .image-wrap img {
        max-width: 100%;
    }
    /* line 401, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap .sub-menu-left-right-wrap .bottom-wrap .content-wrap {
        box-sizing: border-box;
        padding-left: 30px;
    }

    /* Community */
    /* line 415, ../scss/responsive.scss */
    .five-cols .circle {
        width: 100%;
        height: auto;
    }
    /* line 419, ../scss/responsive.scss */
    .five-cols .circle:after {
        content: '';
        display: block;
        padding-top: 100%;
    }
    /* line 425, ../scss/responsive.scss */
    .five-cols .circle .icon {
        width: 60%;
        max-width: 80px;
        height: auto;
    }
    /* line 430, ../scss/responsive.scss */
    .five-cols .circle .icon:after {
        content: '';
        display: block;
        padding-top: 100%;
    }
    /* line 439, ../scss/responsive.scss */
    .five-cols > li h1 {
        font-size: 48px;
        word-break: break-all;
    }

    /* line 446, ../scss/responsive.scss */
    .btt-btn {
        right: 20px;
        bottom: 30px;
    }

    /* Commitment */
    /* line 453, ../scss/responsive.scss */
    h4 {
        font-size: 25px;
    }

    /* line 457, ../scss/responsive.scss */
    .three-cols {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    /* line 462, ../scss/responsive.scss */
    .three-cols.four-cols > li {
        width: calc(25% - 20px);
    }
    /* line 467, ../scss/responsive.scss */
    .three-cols > li {
        width: calc(100% / 3 - 20px);
        margin: 0 10px;
    }
    /* line 472, ../scss/responsive.scss */
    .three-cols .photo-wrap {
        height: auto;
    }
    /* line 475, ../scss/responsive.scss */
    .three-cols .photo-wrap .photo {
        width: auto;
    }
    /* line 478, ../scss/responsive.scss */
    .three-cols .photo-wrap .photo:after {
        content: '';
        display: block;
        padding-top: 65%;
    }

    /* People */
    /* line 491, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap {
        box-sizing: border-box;
        padding-right: 30px;
    }
    /* line 495, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap img {
        max-width: 90%;
    }

    /* Group Structure */
    /* line 506, ../scss/responsive.scss */
    .structure-list .left-wrap:after, .structure-list .right-wrap:after {
        width: 100px;
    }

    /* Home */
    /* line 516, ../scss/responsive.scss */
    .home-news-list li.tag-slide {
        justify-content: center;
        flex-wrap: wrap;
    }
    /* line 520, ../scss/responsive.scss */
    .home-news-list li.tag-slide > div {
        width: calc(100%);
        margin: 0 30px 55px;
    }
}
@media screen and (max-width: 1200px) {
    /* Sustainability */
    /* line 533, ../scss/responsive.scss */
    .grid-wrap {
        flex-wrap: wrap;
    }
    /* line 536, ../scss/responsive.scss */
    .grid-wrap > li {
        width: 50%;
    }
    /* line 539, ../scss/responsive.scss */
    .grid-wrap > li:first-child {
        display: flex;
        width: 50%;
    }
    /* line 544, ../scss/responsive.scss */
    .grid-wrap > li:last-child {
        width: 100%;
    }
    /* line 549, ../scss/responsive.scss */
    .grid-wrap .grid {
        background-position: center;
        background-size: cover;
    }
    /* line 554, ../scss/responsive.scss */
    .grid-wrap .grid .overlay .icon {
        max-width: 70%;
    }

    /* People Job */
    /* line 566, ../scss/responsive.scss */
    .job-section .job-row > li:nth-child(1) {
        width: 28%;
    }
    /* line 570, ../scss/responsive.scss */
    .job-section .job-row > li:nth-child(3) {
        width: 15%;
    }
    /* line 574, ../scss/responsive.scss */
    .job-section .job-row > li:nth-child(5) {
        width: 19%;
    }
    /* line 580, ../scss/responsive.scss */
    .job-section .apply-btn {
        padding: 15px 20px;
    }
    /* line 583, ../scss/responsive.scss */
    .job-section .apply-btn .btn-arrow {
        width: 35px;
    }

    /* Media Latest News */
    /* line 592, ../scss/responsive.scss */
    .lastest-news-list > li {
        width: calc(25% - 26px);
    }

    /* Publication */
    /* line 600, ../scss/responsive.scss */
    .book-list > li {
        padding: 10px 15px;
    }

    /* Corporate Story */
    /* line 608, ../scss/responsive.scss */
    #corporate-story .content-wrap {
        padding: 30px 0 0 90px;
    }
    /* line 612, ../scss/responsive.scss */
    #corporate-story .quote-wrap {
        margin: 80px 20px;
    }

    /* line 618, ../scss/responsive.scss */
    .story-wrap .left-wrap {
        width: 55%;
        padding-right: 8px;
    }
    /* line 623, ../scss/responsive.scss */
    .story-wrap .right-wrap {
        width: 45%;
        padding-left: 8px;
    }

    /* Group Structure */
    /* line 633, ../scss/responsive.scss */
    .circle-text-list > li:nth-child(odd) {
        padding-right: 10px;
    }
    /* line 637, ../scss/responsive.scss */
    .circle-text-list > li:nth-child(even) {
        padding-left: 10px;
    }

    /* Corporate */
    /* line 647, ../scss/responsive.scss */
    .value-wrap .container .left-wrap {
        width: 50%;
    }
    /* line 651, ../scss/responsive.scss */
    .value-wrap .container .right-wrap {
        width: 50%;
        margin-top: 0;
        padding-left: 0;
    }
    /* line 656, ../scss/responsive.scss */
    .value-wrap .container .right-wrap img {
        max-width: 100%;
    }

    /* Home */
    /* line 666, ../scss/responsive.scss */
    .home-brand-list .image-wrap {
        max-width: 100%;
        height: auto;
    }
    /* line 670, ../scss/responsive.scss */
    .home-brand-list .image-wrap:after {
        content: '';
        display: block;
        padding-top: 100%;
    }
    /* line 677, ../scss/responsive.scss */
    .home-brand-list > li {
        width: calc(100% / 3);
        margin: 0 0 45px;
    }
    /* line 681, ../scss/responsive.scss */
    .home-brand-list > li:nth-child(3n) {
        border-right: 0;
    }
}
@media screen and (max-width: 1100px) {
    /* Header */
    /* line 691, ../scss/responsive.scss */
    .header {
        padding: 15px 20px;
    }
    /* line 694, ../scss/responsive.scss */
    .header.scroll {
        padding: 12px 20px;
    }
    /* line 697, ../scss/responsive.scss */
    .header.scroll .logo {
        width: 160px;
    }

    /* line 703, ../scss/responsive.scss */
    .logo {
        width: 180px;
    }

    /* Community */
    /* line 709, ../scss/responsive.scss */
    .community-middle {
        padding-bottom: 0;
    }
    /* line 712, ../scss/responsive.scss */
    .community-middle .container {
        width: 100%;
    }

    /* line 718, ../scss/responsive.scss */
    .alt-grid .text-wrap {
        padding: 65px 30px;
    }

    /* line 723, ../scss/responsive.scss */
    .breadcrumbs {
        padding: 15px 30px;
    }

    /* Commitment */
    /* line 729, ../scss/responsive.scss */
    .circle-list {
        flex-wrap: wrap;
    }
    /* line 732, ../scss/responsive.scss */
    .circle-list > li {
        width: calc(50% - 30px);
        margin: 0 0 50px;
    }
    /* line 737, ../scss/responsive.scss */
    .circle-list .circle {
        width: 210px;
        margin: auto;
    }

    /* Green Engagement */
    /* line 746, ../scss/responsive.scss */
    .green-red .text-wrap {
        padding-left: 30px;
    }
    /* line 751, ../scss/responsive.scss */
    .green-red .two-slide:after {
        padding-top: 65%;
    }

    /* Media Latest News */
    /* line 760, ../scss/responsive.scss */
    .news-top-focus-wrap .left-wrap {
        width: 45%;
    }
    /* line 764, ../scss/responsive.scss */
    .news-top-focus-wrap .right-wrap {
        width: 55%;
        padding-left: 30px;
    }

    /* IR Calendar */
    /* line 773, ../scss/responsive.scss */
    .ir-calendar .home-news-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    /* line 777, ../scss/responsive.scss */
    .ir-calendar .home-news-list > li {
        width: 25% !important;
        margin-bottom: 30px;
    }

    /* Corporate Awards */
    /* line 788, ../scss/responsive.scss */
    .milestone-detail-wrap .milestone-detail-list > li {
        width: calc(100% / 3 - 16px);
    }

    /* Strength */
    /* line 799, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols .text-wrap {
        padding: 20px 0 0 20px;
    }

    /* line 807, ../scss/responsive.scss */
    .hse-lower .three-cols {
        width: calc(100% + 20px);
        margin: 60px 0 0 -10px;
    }
    /* line 811, ../scss/responsive.scss */
    .hse-lower .three-cols > li {
        width: calc(100% / 3 - 20px);
        margin: 0 10px;
    }

    /* Construction Projects */
    /* line 820, ../scss/responsive.scss */
    .filter-bar {
        flex-direction: column;
    }

    /* line 824, ../scss/responsive.scss */
    .right-filter {
        margin-top: 20px;
    }

    /* Construction Projects Detail*/
    /* line 831, ../scss/responsive.scss */
    .image-slider .image-wrap {
        height: auto;
    }
    /* line 834, ../scss/responsive.scss */
    .image-slider .image-wrap:after {
        content: '';
        display: block;
        padding-top: 55%;
    }

    /* Contact */
    /* line 845, ../scss/responsive.scss */
    .contact .two-cols {
        flex-direction: column;
        width: 100%;
        margin-left: 0;
    }
    /* line 850, ../scss/responsive.scss */
    .contact .two-cols > li {
        width: 100%;
        margin: 0 0 15px;
    }
    /* line 854, ../scss/responsive.scss */
    .contact .two-cols > li:last-child {
        margin-bottom: 0;
    }

    /* line 863, ../scss/responsive.scss */
    .contact-form .two-cols > li {
        margin-bottom: 30px;
    }
    /* line 866, ../scss/responsive.scss */
    .contact-form .two-cols > li:nth-child(even) {
        margin-left: 0;
    }

    /* line 875, ../scss/responsive.scss */
    .contact-upper .left-wrap a {
        word-break: break-all;
    }

    /* Committees */
    /* line 885, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(2) {
        padding-right: 50px;
    }
}
@media screen and (max-width: 992px) {
    /* Header */
    /* line 898, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap {
        font-size: 15px;
        margin-left: 10px;
    }

    /* Community */
    /* line 908, ../scss/responsive.scss */
    .five-cols {
        flex-wrap: wrap;
    }
    /* line 911, ../scss/responsive.scss */
    .five-cols > li {
        width: calc(100% / 3);
    }

    /* line 916, ../scss/responsive.scss */
    .btt-btn {
        width: 50px;
        height: 50px;
    }
    /* line 921, ../scss/responsive.scss */
    .btt-btn .top-arrow:before {
        font-size: 20px;
    }
    /* line 926, ../scss/responsive.scss */
    .btt-btn .text-wrap {
        font-size: 15px;
    }

    /* Commitment */
    /* line 933, ../scss/responsive.scss */
    .three-cols {
        display: block;
    }
    /* line 936, ../scss/responsive.scss */
    .three-cols.four-cols {
        display: flex;
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    /* line 941, ../scss/responsive.scss */
    .three-cols.four-cols > li {
        width: calc(100% / 3 - 20px);
        margin: 0 10px 45px;
    }
    /* line 947, ../scss/responsive.scss */
    .three-cols > li {
        width: 100%;
        margin: 0 0 50px;
    }
    /* line 953, ../scss/responsive.scss */
    .three-cols .photo-wrap .photo {
        max-width: 500px;
        margin: auto;
    }

    /* Green Engagement */
    /* line 963, ../scss/responsive.scss */
    .green-red .two-slider {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    /* line 969, ../scss/responsive.scss */
    .green-red .text-wrap {
        width: 100%;
        padding-left: 0;
    }

    /* Sustainability */
    /* line 977, ../scss/responsive.scss */
    .landing-safety {
        padding: 0;
    }
    /* line 980, ../scss/responsive.scss */
    .landing-safety .container {
        display: block;
    }
    /* line 984, ../scss/responsive.scss */
    .landing-safety .photo-wrap {
        width: 100%;
        margin-bottom: 50px;
        padding-right: 0;
    }
    /* line 990, ../scss/responsive.scss */
    .landing-safety .photo-wrap .photo:after {
        content: '';
        display: block;
        padding-top: 55%;
    }
    /* line 998, ../scss/responsive.scss */
    .landing-safety .text-wrap {
        width: 100%;
    }

    /* Caring Culture */
    /* line 1006, ../scss/responsive.scss */
    .image-list > li {
        width: calc(100% / 3);
        padding: 15px 10px;
    }

    /* line 1012, ../scss/responsive.scss */
    .people-caring-content {
        display: block;
    }
    /* line 1015, ../scss/responsive.scss */
    .people-caring-content .image-wrap {
        width: 100%;
        min-height: inherit;
    }
    /* line 1019, ../scss/responsive.scss */
    .people-caring-content .image-wrap .image {
        left: -30px;
        height: 450px;
    }
    /* line 1025, ../scss/responsive.scss */
    .people-caring-content .content-wrap {
        width: 100%;
        padding: 75px 30px 40px;
    }

    /* Learning Development */
    /* line 1034, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    /* line 1041, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery > li:nth-child(1) {
        width: 50%;
    }
    /* line 1044, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery > li:nth-child(1) .image-wrap {
        height: auto;
    }
    /* line 1047, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery > li:nth-child(1) .image-wrap:after {
        content: '';
        display: block;
        padding-top: 55%;
    }
    /* line 1055, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery > li:nth-child(2) {
        position: relative;
        bottom: auto;
        width: 50%;
    }
    /* line 1064, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(1) {
        width: 50%;
    }
    /* line 1067, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(1) .image-wrap {
        width: 100%;
        height: auto;
    }
    /* line 1071, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(1) .image-wrap:after {
        content: '';
        display: block;
        padding-top: 55%;
    }
    /* line 1079, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(2) {
        width: 50%;
    }
    /* line 1082, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(2) .image-wrap {
        width: 100%;
        height: auto;
    }
    /* line 1086, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(2) .image-wrap:after {
        content: '';
        display: block;
        padding-top: 55%;
    }

    /* Sustainability */
    /* line 1101, ../scss/responsive.scss */
    .job-section .job-row {
        display: block;
    }
    /* line 1104, ../scss/responsive.scss */
    .job-section .job-row > li {
        width: 100% !important;
        padding: 0 15px 20px;
    }
    /* line 1108, ../scss/responsive.scss */
    .job-section .job-row > li:first-child {
        padding-top: 20px;
    }
    /* line 1113, ../scss/responsive.scss */
    .job-section .job-row.job-header {
        display: none;
    }
    /* line 1118, ../scss/responsive.scss */
    .job-section .apply-row {
        padding: 0 15px 20px !important;
        justify-content: flex-start;
    }

    /* People */
    /* line 1127, ../scss/responsive.scss */
    h2 {
        font-size: 35px;
    }

    /* line 1132, ../scss/responsive.scss */
    .people-info-wrap .top-wrap {
        display: block;
    }
    /* line 1135, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap {
        width: 100%;
        margin-bottom: 50px;
        padding-right: 0;
    }
    /* line 1141, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .right-wrap {
        width: 100%;
    }
    /* line 1147, ../scss/responsive.scss */
    .people-info-wrap .bottom-wrap .right-wrap {
        margin-bottom: 30px;
    }

    /* Media Press */
    /* line 1156, ../scss/responsive.scss */
    #latest_news .circle-arrow-slide {
        max-width: 100%;
    }

    /* line 1163, ../scss/responsive.scss */
    .home-news-announcement-list > li > a {
        padding: 18px 65px 18px 100px;
    }
    /* line 1168, ../scss/responsive.scss */
    .home-news-announcement-list .arrow-big-right {
        right: 20px;
    }

    /* Media Latest News */
    /* line 1176, ../scss/responsive.scss */
    .lastest-news-list > li {
        width: calc(100% / 3 - 26px);
    }

    /* line 1182, ../scss/responsive.scss */
    .news-top-focus-wrap .main-wrap {
        display: block;
    }
    /* line 1186, ../scss/responsive.scss */
    .news-top-focus-wrap .left-wrap {
        width: 100%;
        margin-bottom: 30px;
    }
    /* line 1191, ../scss/responsive.scss */
    .news-top-focus-wrap .right-wrap {
        width: 100%;
        padding-left: 0;
    }
    /* line 1196, ../scss/responsive.scss */
    .news-top-focus-wrap .image-wrap {
        max-width: 700px;
        margin: auto;
        padding-top: 50%;
    }

    /* Media */
    /* line 1206, ../scss/responsive.scss */
    .book-list .tag-slide {
        flex-wrap: wrap;
        justify-content: center;
    }
    /* line 1210, ../scss/responsive.scss */
    .book-list .tag-slide > div {
        width: calc(100% / 3 - 25px);
        max-width: 180px;
        margin-bottom: 30px;
    }

    /* Publication */
    /* line 1220, ../scss/responsive.scss */
    .book-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    /* line 1224, ../scss/responsive.scss */
    .book-list > li {
        width: calc(100% / 3);
        max-width: 180px;
        padding: 10px 15px 30px;
    }

    /* IR Corporate Information */
    /* line 1234, ../scss/responsive.scss */
    .home-news.building-overlay {
        padding-bottom: 100px;
    }

    /* IR Calendar */
    /* line 1243, ../scss/responsive.scss */
    .ir-calendar .home-news-list > li {
        width: calc(100% / 3) !important;
    }

    /* IR */
    /* line 1252, ../scss/responsive.scss */
    .home-ir .home-ir-report-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    /* line 1256, ../scss/responsive.scss */
    .home-ir .home-ir-report-list > li {
        width: calc(100% / 3 - 10px);
        max-width: 180px;
        margin-bottom: 30px;
    }

    /* Corporate Story */
    /* line 1266, ../scss/responsive.scss */
    .story-wrap {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    /* line 1271, ../scss/responsive.scss */
    .story-wrap .left-wrap {
        width: 100%;
        padding: 0;
    }
    /* line 1276, ../scss/responsive.scss */
    .story-wrap .right-wrap {
        width: 100%;
        padding: 0 0 30px;
    }
    /* line 1281, ../scss/responsive.scss */
    .story-wrap .image-wrap {
        max-width: 600px;
        margin: auto;
    }

    /* line 1288, ../scss/responsive.scss */
    #corporate-story .content-wrap {
        padding: 30px 0 0;
    }

    /* Corporate Governance */
    /* line 1298, ../scss/responsive.scss */
    .corporate-governance .five-cols > li .block {
        border-left: 0;
    }

    /* line 1305, ../scss/responsive.scss */
    .two-box {
        display: block;
    }
    /* line 1308, ../scss/responsive.scss */
    .two-box .image-wrap {
        width: 100%;
    }
    /* line 1312, ../scss/responsive.scss */
    .two-box .content-wrap {
        width: 100%;
        max-width: inherit;
        padding: 50px 20px 0;
    }
    /* line 1318, ../scss/responsive.scss */
    .two-box .image {
        height: 500px;
    }

    /* line 1324, ../scss/responsive.scss */
    .governance-board-list > li {
        width: 50%;
        margin-bottom: 30px;
    }
    /* line 1329, ../scss/responsive.scss */
    .governance-board-list > li .image-wrap:before {
        display: none;
    }

    /* Corporate Policy */
    /* line 1339, ../scss/responsive.scss */
    #corporate .three-cols {
        display: flex;
        flex-wrap: wrap;
    }

    /* Corporate Leadership */
    /* line 1351, ../scss/responsive.scss */
    .leadership-expand-wrap.activity-section .expand-part > div {
        display: block;
    }
    /* line 1355, ../scss/responsive.scss */
    .leadership-expand-wrap.activity-section .expand-part .photo {
        width: 150px;
    }
    /* line 1359, ../scss/responsive.scss */
    .leadership-expand-wrap.activity-section .expand-part .content-wrap {
        width: 100%;
        padding: 30px 0 0;
    }

    /* Group Members */
    /* line 1370, ../scss/responsive.scss */
    .project-hori-list > li {
        display: block;
    }

    /* line 1377, ../scss/responsive.scss */
    .group-project-section .project-hori-list .photo-wrap {
        width: 100%;
        max-width: 300px;
    }
    /* line 1382, ../scss/responsive.scss */
    .group-project-section .project-hori-list .text-wrap {
        width: 100%;
        padding: 30px 0 0;
    }

    /* Strength */
    /* line 1394, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols > li {
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
        border-right: none !important;
    }
    /* line 1400, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols > li:last-child {
        margin-bottom: 0;
    }

    /* line 1408, ../scss/responsive.scss */
    h5 {
        font-size: 20px;
    }

    /* line 1414, ../scss/responsive.scss */
    .strength-page .strength-hse .four-cols {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
    /* line 1418, ../scss/responsive.scss */
    .strength-page .strength-hse .four-cols > li {
        width: calc(100% / 3 - 20px);
        margin: 0 10px 45px;
    }

    /* line 1427, ../scss/responsive.scss */
    .hse-lower .three-cols {
        width: 100%;
        margin-left: 0;
    }
    /* line 1431, ../scss/responsive.scss */
    .hse-lower .three-cols > li {
        width: 100%;
        margin: 0 0 45px;
    }
    /* line 1435, ../scss/responsive.scss */
    .hse-lower .three-cols > li:last-child {
        margin-bottom: 0;
    }

    /* Construction Projects */
    /* line 1445, ../scss/responsive.scss */
    .photo-gallery-list > li {
        width: calc(100% / 3 - 18px);
    }

    /* line 1452, ../scss/responsive.scss */
    .project-hori-list > li .first-col {
        width: 100%;
        max-width: 300px;
        padding-right: 0;
    }
    /* line 1458, ../scss/responsive.scss */
    .project-hori-list > li .second-col {
        width: 100%;
        padding: 15px 0;
    }
    /* line 1463, ../scss/responsive.scss */
    .project-hori-list > li .third-col {
        width: 100%;
        padding: 0 0 15px 0;
    }
    /* line 1468, ../scss/responsive.scss */
    .project-hori-list > li .fourth-col {
        position: relative;
        width: 100%;
        padding: 15px 0;
    }
    /* line 1473, ../scss/responsive.scss */
    .project-hori-list > li .fourth-col:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 2px;
        background: #ff0d00;
    }
    /* line 1484, ../scss/responsive.scss */
    .project-hori-list > li .fifth-col {
        width: 100%;
        text-align: right;
    }

    /* line 1493, ../scss/responsive.scss */
    .construction-projects-detail .news-top-focus-wrap .image-wrap {
        padding-top: 0;
    }

    /* Construction */
    /* line 1502, ../scss/responsive.scss */
    .circle-text-list > li {
        width: 100%;
    }
    /* line 1505, ../scss/responsive.scss */
    .circle-text-list > li:nth-child(odd) {
        padding-right: 0;
    }
    /* line 1509, ../scss/responsive.scss */
    .circle-text-list > li:nth-child(even) {
        padding-left: 0;
    }

    /* line 1517, ../scss/responsive.scss */
    .landing-strength .book-list > li {
        width: 50%;
        max-width: inherit;
        padding: 10px 10px 30px;
    }

    /* Property */
    /* line 1528, ../scss/responsive.scss */
    .landing-disposed .map-section {
        height: auto;
    }
    /* line 1531, ../scss/responsive.scss */
    .landing-disposed .map-section:after {
        content: '';
        display: block;
        padding-top: 55%;
    }

    /* Group Structure */
    /* line 1543, ../scss/responsive.scss */
    .corporate .circle-text-list > li {
        margin-bottom: 45px !important;
    }

    /* line 1551, ../scss/responsive.scss */
    .structure-list .left-wrap:before, .structure-list .left-wrap:after, .structure-list .right-wrap:before, .structure-list .right-wrap:after {
        display: none;
    }

    /* line 1559, ../scss/responsive.scss */
    .structure-list > li:before, .structure-list > li:after {
        display: none;
    }

    /* Corporate */
    /* line 1568, ../scss/responsive.scss */
    .value-people-list > li {
        width: calc(100% / 3);
        margin-bottom: 30px;
    }

    /* line 1574, ../scss/responsive.scss */
    .governance-framework-wrap {
        justify-content: center;
    }
    /* line 1577, ../scss/responsive.scss */
    .governance-framework-wrap > li {
        width: 50%;
        max-width: 320px;
    }

    /* Home */
    /* line 1586, ../scss/responsive.scss */
    .home-info .home-info-list {
        justify-content: center;
    }
    /* line 1589, ../scss/responsive.scss */
    .home-info .home-info-list > li {
        width: 100%;
        margin-bottom: 30px;
        border-right: 0;
    }

    /* line 1598, ../scss/responsive.scss */
    .home-project .top-content-wrap {
        flex-direction: column;
    }
    /* line 1601, ../scss/responsive.scss */
    .home-project .top-content-wrap .right-wrap {
        width: 100%;
        padding: 15px 30px;
    }

    /* line 1608, ../scss/responsive.scss */
    h1 {
        font-size: 55px;
    }

    /* Milestones */
    /* line 1615, ../scss/responsive.scss */
    .milestones-slider .year {
        font-size: 28px;
    }
    /* line 1621, ../scss/responsive.scss */
    .milestones-slider .milestones-slide.active .year {
        font-size: 34px;
    }

    /* Committees */
    /* line 1632, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(1) {
        width: 250px;
    }
    /* line 1636, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(2) {
        width: calc(100% - 250px);
        padding-right: 0;
    }
    /* line 1641, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(3) {
        box-sizing: border-box;
        width: 100%;
        padding-left: 250px;
    }

    /*Project*/
    /* line 1652, ../scss/responsive.scss */
    .projects-info-wrap .right-wrap {
        padding-left: 0px;
        margin-top: 40px;
    }
}
@media screen and (max-width: 830px) {
    /* Header */
    /* line 1664, ../scss/responsive.scss */
    .header .header-info {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    /* line 1670, ../scss/responsive.scss */
    .header .header-info .header-bottom {
        margin: 0 0 0 15px;
    }
    /* line 1673, ../scss/responsive.scss */
    .header .header-info .header-bottom .menu-wrap {
        display: none;
    }

    /* line 1680, ../scss/responsive.scss */
    .menu-btn {
        display: block;
    }

    /* line 1687, ../scss/responsive.scss */
    .header-top ul > li:first-child {
        display: none;
    }

    /* Community */
    /* line 1697, ../scss/responsive.scss */
    .alt-grid > li {
        display: block;
    }
    /* line 1701, ../scss/responsive.scss */
    .alt-grid .text-wrap {
        width: 100%;
    }
    /* line 1704, ../scss/responsive.scss */
    .alt-grid .text-wrap:after {
        display: none;
    }
    /* line 1709, ../scss/responsive.scss */
    .alt-grid .photo-wrap {
        width: 100%;
    }
    /* line 1713, ../scss/responsive.scss */
    .alt-grid .photo-wrap .two-slider .two-slide {
        height: auto;
    }
    /* line 1716, ../scss/responsive.scss */
    .alt-grid .photo-wrap .two-slider .two-slide:after {
        content: '';
        display: block;
        padding-top: 55%;
    }

    /* Commitment */
    /* line 1729, ../scss/responsive.scss */
    .safety-middle .container {
        display: block;
    }
    /* line 1732, ../scss/responsive.scss */
    .safety-middle .container .photo-section {
        width: 100%;
    }
    /* line 1736, ../scss/responsive.scss */
    .safety-middle .container .text-section {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }
    /* line 1741, ../scss/responsive.scss */
    .safety-middle .container .text-section .text-wrap {
        text-align: left;
    }

    /* Green Engagement */
    /* line 1752, ../scss/responsive.scss */
    .green-middle .three-cols > li {
        width: calc(100% / 2 - 24px);
    }

    /* line 1759, ../scss/responsive.scss */
    .expand-part > div {
        display: block;
    }
    /* line 1762, ../scss/responsive.scss */
    .expand-part > div .photo {
        width: 100%;
        max-width: 500px;
    }
    /* line 1767, ../scss/responsive.scss */
    .expand-part > div p {
        width: 100%;
        padding: 30px 0 0 0;
    }

    /* line 1775, ../scss/responsive.scss */
    .green-achievement .book-list {
        flex-wrap: wrap;
    }
    /* line 1778, ../scss/responsive.scss */
    .green-achievement .book-list > li {
        width: calc(100% / 2 - 20px);
        margin: 0 10px 20px;
    }
    /* line 1784, ../scss/responsive.scss */
    .green-achievement .circle-arrow-slide {
        max-width: 100%;
    }

    /* Learning Development */
    /* line 1793, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(1) {
        display: block;
    }
    /* line 1797, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(1) > li:nth-child(1) {
        width: 100%;
    }
    /* line 1801, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(1) > li:nth-child(2) {
        width: 100%;
    }
    /* line 1807, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) {
        display: flex;
    }

    /* line 1814, ../scss/responsive.scss */
    .people-learing-list > li {
        display: block;
    }
    /* line 1817, ../scss/responsive.scss */
    .people-learing-list > li .left-wrap {
        width: 100%;
    }
    /* line 1821, ../scss/responsive.scss */
    .people-learing-list > li .right-wrap {
        width: 100%;
        padding: 40px 10px !important;
    }

    /* Corporate Awards */
    /* line 1832, ../scss/responsive.scss */
    .milestone-detail-wrap .milestone-detail-list > li {
        width: calc(100% / 2 - 16px);
    }

    /* Corporate Policy */
    /* line 1842, ../scss/responsive.scss */
    .policy-list.three-cols > li {
        width: calc(50% - 14px);
        margin: 0 7px 30px;
    }

    /* Corporate Leadership */
    /* line 1853, ../scss/responsive.scss */
    .board-wrap .board-list > li {
        padding: 40px 0;
    }

    /* Construction Projects */
    /* line 1861, ../scss/responsive.scss */
    .right-filter {
        flex-direction: column;
    }
    /* line 1864, ../scss/responsive.scss */
    .right-filter > div {
        margin-left: 0;
        width: 350px;
    }
    /* line 1868, ../scss/responsive.scss */
    .right-filter .selectric {
        width: 100%;
        margin-top: 10px;
    }
    .right-filter .selectric label{
        width: 100%;
        margin-top: 10px;
    }

    /* Corporate */
    /* line 1877, ../scss/responsive.scss */
    .value-wrap .container {
        flex-direction: column-reverse;
    }
    /* line 1880, ../scss/responsive.scss */
    .value-wrap .container .left-wrap {
        width: 100%;
    }
    /* line 1884, ../scss/responsive.scss */
    .value-wrap .container .right-wrap {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    /* Home */
    /* line 1895, ../scss/responsive.scss */
    .home-project .circle-arrow-slide {
        max-width: 100%;
    }

    /* line 1903, ../scss/responsive.scss */
    .home-news-list li.tag-slide > div {
        width: calc(100%);
    }

    /* Contact */
    /* line 1913, ../scss/responsive.scss */
    .contact-upper {
        flex-direction: column;
    }
    /* line 1916, ../scss/responsive.scss */
    .contact-upper .left-wrap {
        width: 100%;
        padding: 60px 0;
    }
    /* line 1921, ../scss/responsive.scss */
    .contact-upper .right-wrap {
        width: 100%;
    }
    /* line 1924, ../scss/responsive.scss */
    .contact-upper .right-wrap .contact-form {
        margin: 60px auto;
    }

    /* line 1930, ../scss/responsive.scss */
    .contact-info-list {
        max-width: 620px;
    }

    /* Milestones */
    /* line 1938, ../scss/responsive.scss */
    .mile-card.left-photo .left-wrap {
        padding-right: 20px;
    }
    /* line 1942, ../scss/responsive.scss */
    .mile-card.left-photo .right-wrap {
        padding-left: 20px;
    }
    /* line 1947, ../scss/responsive.scss */
    .mile-card.left-photo.right-photo .left-wrap {
        padding: 0 0 0 20px;
    }
    /* line 1951, ../scss/responsive.scss */
    .mile-card.left-photo.right-photo .right-wrap {
        padding: 0 20px 0 0;
    }
}
@media screen and (max-width: 768px) {

    .highlight-list > li {
        width: calc(100% - 60px);
    }

    /* Community */
    /* line 1963, ../scss/responsive.scss */
    .five-cols > li {
        width: 100%;
        border-right: 0;
    }
    /* line 1968, ../scss/responsive.scss */
    .five-cols .circle {
        max-width: 300px;
    }

    /* line 1973, ../scss/responsive.scss */
    .breadcrumbs {
        padding: 12px 30px;
    }

    /* Caring Culture */
    /* line 1980, ../scss/responsive.scss */
    .image-list > li {
        width: 50%;
    }

    /* line 1987, ../scss/responsive.scss */
    .people-caring-content .image-wrap .image {
        height: 350px;
    }

    /* Learning Development */
    /* line 1996, ../scss/responsive.scss */
    .people-learing-list > li {
        padding: 0 0 30px;
    }
    /* line 2000, ../scss/responsive.scss */
    .people-learing-list > li .left-wrap .image-wrap, .people-learing-list > li .right-wrap .image-wrap {
        height: auto;
    }
    /* line 2003, ../scss/responsive.scss */
    .people-learing-list > li .left-wrap .image-wrap:after, .people-learing-list > li .right-wrap .image-wrap:after {
        content: '';
        display: block;
        padding-top: 55%;
    }

    /* Sustainability */
    /* line 2016, ../scss/responsive.scss */
    .grid-wrap > li {
        width: 100%;
    }
    /* line 2019, ../scss/responsive.scss */
    .grid-wrap > li:first-child {
        width: 100%;
    }
    /* line 2025, ../scss/responsive.scss */
    .grid-wrap > li .grid.has-photo:after {
        padding-top: 50%;
    }

    /* People */
    /* line 2036, ../scss/responsive.scss */
    .people-detail-wrap > li {
        display: block;
    }
    /* line 2040, ../scss/responsive.scss */
    .people-detail-wrap .image {
        width: 100%;
        padding-top: 45%;
    }
    /* line 2045, ../scss/responsive.scss */
    .people-detail-wrap .content-wrap {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }

    /* Media Latest News */
    /* line 2055, ../scss/responsive.scss */
    .lastest-news-list > li {
        width: calc(100% / 3 - 16px);
        margin: 0 8px 26px;
    }

    /* Media */
    /* line 2063, ../scss/responsive.scss */
    .home-news-type-list {
        display: block;
        max-width: 600px;
        margin: auto;
    }
    /* line 2068, ../scss/responsive.scss */
    .home-news-type-list > li {
        padding: 10px 0;
        border-right: 0;
    }
    /* line 2073, ../scss/responsive.scss */
    .home-news-type-list > li.active:before {
        bottom: 0;
        width: 100%;
    }

    /* IR Corporate Information */
    /* line 2084, ../scss/responsive.scss */
    .corporate-list > li {
        width: 100%;
    }

    /* IR Calendar */
    /* line 2093, ../scss/responsive.scss */
    .ir-calendar .home-news-list > li {
        width: 50% !important;
    }

    /* Corporate Leadership */
    /* line 2104, ../scss/responsive.scss */
    .board-wrap .board-list > li .image-wrap {
        width: 100%;
    }
    /* line 2108, ../scss/responsive.scss */
    .board-wrap .board-list > li .content-wrap {
        width: 100%;
        padding: 30px 0 0;
    }

    /* Strength */
    /* line 2120, ../scss/responsive.scss */
    .three-cols.four-cols > li {
        width: calc(50% - 20px);
    }

    /* line 2129, ../scss/responsive.scss */
    .strength-page .strength-hse .four-cols > li {
        width: calc(50% - 20px);
    }

    /* Construction Projects */
    /* line 2139, ../scss/responsive.scss */
    .photo-gallery-list > li {
        width: calc(100% / 2 - 18px);
    }

    /* Property */
    /* line 2147, ../scss/responsive.scss */
    .property-page .circle-arrow-slide {
        max-width: inherit;
    }

    /* line 2154, ../scss/responsive.scss */
    .home-project-slider .home-project-slide .content-wrap {
        height: 250px;
    }

    /* Home */
    /* line 2163, ../scss/responsive.scss */
    .home-brand-list > li {
        width: 100%;
        padding: 0 20px !important;
        border-right: 0;
    }

    /* Milestones */
    /* line 2172, ../scss/responsive.scss */
    .milestones-slider {
        padding: 0 20px;
    }

    /* line 2177, ../scss/responsive.scss */
    .mile-card.left-photo {
        flex-direction: column;
    }
    /* line 2180, ../scss/responsive.scss */
    .mile-card.left-photo.right-photo {
        flex-direction: column;
    }
    /* line 2185, ../scss/responsive.scss */
    .mile-card .left-wrap {
        width: 100% !important;
        padding: 0 !important;
    }
    /* line 2190, ../scss/responsive.scss */
    .mile-card .right-wrap {
        width: 100% !important;
        padding: 35px 0 0 0 !important;
        text-align: center;
    }
    /* line 2196, ../scss/responsive.scss */
    .mile-card .photo {
        max-width: 400px;
        margin: auto;
    }
    /* line 2200, ../scss/responsive.scss */
    .mile-card .photo.vert {
        background-position: center;
    }

    /* line 2207, ../scss/responsive.scss */
    .timeline .short-divider {
        margin: 0 auto 25px !important;
    }

    /* Committees */
    /* line 2214, ../scss/responsive.scss */
    .circle-items-list {
        flex-direction: column;
    }
    /* line 2218, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(1) {
        /* margin: auto;*/
        padding-right: 0;
    }
    /* line 2223, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(2) {
        width: 100%;
        margin-top: 30px;
    }
    /* line 2228, ../scss/responsive.scss */
    .circle-items-list > li:nth-child(3) {
        padding-left: 0;
    }

    /* line 2235, ../scss/responsive.scss */
    .corporate .structure-list > li {
        width: 100% !important;
    }

    /*safety*/
    /* line 2242, ../scss/responsive.scss */
    .safety-middle .photo-top-section .photo-list > li {
        width: calc(230px - 14px);
        margin: 0 7px;
    }

    /* line 2246, ../scss/responsive.scss */
    .safety-middle .photo-top-section .photo-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* line 2253, ../scss/responsive.scss */
    .safety-middle .photo-top-section .photo-list {
        justify-content: center;
    }
    /* line 2255, ../scss/responsive.scss */
    .safety-middle .photo-top-section .photo-list > li {
        width: calc(50% - 14px);
        margin: 0 7px;
        margin-bottom: 20px;
    }
    /* line 2260, ../scss/responsive.scss */
    .safety-middle .photo-top-section .photo-list > li:nth-child(3) {
        width: calc(100% - 14px);
    }
    /* line 2268, ../scss/responsive.scss */
    .safety-middle .bottom-wrap > .image-wrap {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    /* line 2273, ../scss/responsive.scss */
    .safety-middle .bottom-wrap .content-wrap {
        width: 100%;
        padding-left: 0px;
    }
}
@media screen and (max-width: 600px) {
    /* Header */
    /* line 2285, ../scss/responsive.scss */
    .header-top.mobile-show {
        display: flex;
        align-items: center;
    }
    /* line 2290, ../scss/responsive.scss */
    .header-top.mobile-show > ul {
        display: flex;
        flex-wrap: wrap;
    }
    /* line 2295, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li {
        box-sizing: border-box;
        padding: 0 15px;
        border-right: 1px solid #cfcfcf;
    }
    /* line 2300, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li:nth-child(2) {
        padding: 0;
        border-right: none;
    }
    /* line 2305, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li:nth-child(3) {
        padding-left: 0;
    }
    /* line 2309, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li:last-child {
        padding-right: 0;
        border-right: 0;
    }
    /* line 2313, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li:last-child a {
        color: #537ba5;
    }
    /* line 2319, ../scss/responsive.scss */
    .header-top.mobile-show > ul > li.active a {
        font-weight: bold;
        color: #ff0d00;
    }
    /* line 2327, ../scss/responsive.scss */
    .header-top.mobile-show .search-icon-wrap {
        width: 100%;
    }
    /* line 2330, ../scss/responsive.scss */
    .header-top.mobile-show .search-icon-wrap .btn {
        background: #ff0d00;
    }
    /* line 2336, ../scss/responsive.scss */
    .header-top.mobile-hide {
        display: none;
    }

    /* line 2341, ../scss/responsive.scss */
    .logo {
        width: 160px;
    }

    /* line 2347, ../scss/responsive.scss */
    .header.scroll .logo {
        width: 140px;
    }

    /* Community */
    /* line 2356, ../scss/responsive.scss */
    .quote-wrap:before, .quote-wrap:after {
        width: 35px;
        height: 27px;
        background-size: contain;
    }
    /* line 2362, ../scss/responsive.scss */
    .quote-wrap:before {
        top: -35px;
    }
    /* line 2366, ../scss/responsive.scss */
    .quote-wrap:after {
        bottom: -35px;
    }
    /* line 2370, ../scss/responsive.scss */
    .quote-wrap.red-quote {
        padding: 0;
    }

    /* line 2377, ../scss/responsive.scss */
    .shadow .quote-wrap:before, .shadow .quote-wrap:after {
        width: 35px;
        height: 27px;
        background-size: contain;
    }
    /* line 2383, ../scss/responsive.scss */
    .shadow .quote-wrap:before {
        top: -35px;
    }
    /* line 2387, ../scss/responsive.scss */
    .shadow .quote-wrap:after {
        bottom: -35px;
    }
    /* line 2391, ../scss/responsive.scss */
    .shadow .quote-wrap.red-quote {
        padding: 0;
    }

    /* line 2398, ../scss/responsive.scss */
    .alt-grid .text-wrap {
        padding: 50px 20px;
    }

    /* line 2403, ../scss/responsive.scss */
    .breadcrumbs {
        padding: 12px 20px;
    }
    /* line 2406, ../scss/responsive.scss */
    .breadcrumbs li {
        font-size: 13px;
    }
    /* line 2409, ../scss/responsive.scss */
    .breadcrumbs li:after {
        padding: 0 20px;
    }
    /* line 2413, ../scss/responsive.scss */
    .breadcrumbs li a {
        font-size: 13px;
    }

    /* line 2419, ../scss/responsive.scss */
    .btt-btn {
        right: 15px;
        bottom: 20px;
    }
    /* line 2423, ../scss/responsive.scss */
    .btt-btn .text-wrap {
        display: none;
    }

    /* Commitment */
    /* line 2430, ../scss/responsive.scss */
    h4 {
        font-size: 22px;
    }

    /* line 2435, ../scss/responsive.scss */
    .circle-list > li {
        width: 100%;
    }

    /* line 2440, ../scss/responsive.scss */
    .commit-chart-hide {
        display: none;
    }

    /* line 2444, ../scss/responsive.scss */
    .commit-chart-show {
        display: block;
        max-width: 230px !important;
        margin: 40px auto 0;
    }

    /* Green Engagement */
    /* line 2453, ../scss/responsive.scss */
    .green-middle .three-cols {
        width: 100%;
        margin-left: 0;
    }
    /* line 2457, ../scss/responsive.scss */
    .green-middle .three-cols > li {
        width: 100%;
        margin: 0 0 30px;
    }

    /* line 2465, ../scss/responsive.scss */
    .expand-title .title {
        font-size: 20px;
    }

    /* Learning Development */
    /* line 2477, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(1) > li:nth-child(2) .content-wrap {
        padding: 30px 20px;
    }
    /* line 2480, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(1) > li:nth-child(2) .content-wrap p {
        padding: 10px 0 10px 20px;
    }
    /* line 2488, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) {
        display: block;
        margin-top: 0;
    }
    /* line 2493, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(1) {
        width: 100%;
    }
    /* line 2497, ../scss/responsive.scss */
    .people-learing-gallery-wrap .people-learing-gallery:nth-child(2) > li:nth-child(2) {
        width: 100%;
    }

    /* Sustainability */
    /* line 2509, ../scss/responsive.scss */
    .grid-wrap > li:first-child {
        display: block;
    }
    /* line 2515, ../scss/responsive.scss */
    .grid-wrap > li:last-child .grid:nth-child(2), .grid-wrap > li:last-child .grid:nth-child(3) {
        width: 100%;
    }
    /* line 2522, ../scss/responsive.scss */
    .grid-wrap > li .grid:after {
        padding-top: 50%;
    }

    /* People */
    /* line 2535, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap .quote-wrap.red-quote {
        padding: 0 65px;
    }

    /* line 2543, ../scss/responsive.scss */
    h2 {
        font-size: 32px;
    }

    /* Media Latest News */
    /* line 2550, ../scss/responsive.scss */
    .lastest-news-list > li {
        width: calc(50% - 16px);
    }

    /* line 2556, ../scss/responsive.scss */
    .news-top-focus-wrap .image-wrap {
        padding-top: 60%;
    }

    /* Media */
    /* line 2563, ../scss/responsive.scss */
    .circle-arrow-slide {
        max-width: 100%;
    }

    /* line 2567, ../scss/responsive.scss */
    .selectric {
        max-width: 100%;
    }

    /* IR Financial Highlights */
    /* line 2574, ../scss/responsive.scss */
    .highlight-wrap .highlight-year {
        overflow: unset;
    }
    /* line 2578, ../scss/responsive.scss */
    .highlight-wrap .highlight-section {
        width: 330px;
    }

    /* Corporate Story */
    /* line 2586, ../scss/responsive.scss */
    #corporate-story .quote-wrap {
        margin: 65px 20px;
        padding: 0 20px;
    }

    /* Corporate Awards */
    /* line 2596, ../scss/responsive.scss */
    .milestone-detail-wrap .milestone-detail-list > li {
        width: 100%;
        margin: 0 0 25px;
    }
    /* line 2600, ../scss/responsive.scss */
    .milestone-detail-wrap .milestone-detail-list > li .content-wrap {
        min-height: inherit;
    }

    /* Corporate Governance */
    /* line 2610, ../scss/responsive.scss */
    .two-box .image {
        height: 350px;
    }

    /* line 2616, ../scss/responsive.scss */
    .governance-board-list > li {
        width: 100%;
        max-width: 400px;
        margin-bottom: 30px;
    }
    /* line 2621, ../scss/responsive.scss */
    .governance-board-list > li .image-wrap {
        padding: 0;
    }

    /* Corporate Policy */
    /* line 2630, ../scss/responsive.scss */
    .policy-list.three-cols {
        width: 100%;
    }
    /* line 2633, ../scss/responsive.scss */
    .policy-list.three-cols > li {
        width: 100%;
        margin: 0 0 30px;
    }

    /* line 2642, ../scss/responsive.scss */
    .home-news-announcement-list > li > a {
        display: flex;
        flex-wrap: wrap;
    }

    /* Strength */
    /* line 2654, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols {
        width: 100%;
        margin: 30px 0 0 0;
    }
    /* line 2658, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols > li {
        display: block;
    }
    /* line 2661, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols > li .photo {
        width: 100%;
    }
    /* line 2665, ../scss/responsive.scss */
    .activity-section.accreditation-expand .two-cols > li .text-wrap {
        width: 100%;
        padding: 30px 0 0 0;
        text-align: center;
    }
    /* line 2672, ../scss/responsive.scss */
    .activity-section.accreditation-expand h5 {
        font-size: 18px;
        box-sizing: border-box;
        padding-right: 30px;
        text-align: left;
    }
    /* line 2680, ../scss/responsive.scss */
    .activity-section.accreditation-expand .expand-list > li {
        padding: 40px 0;
    }
    /* line 2685, ../scss/responsive.scss */
    .activity-section.accreditation-expand .container {
        width: 100%;
    }

    /* Construction Projects */
    /* line 2693, ../scss/responsive.scss */
    .photo-gallery-list {
        width: 100%;
        margin-left: 0;
    }
    /* line 2697, ../scss/responsive.scss */
    .photo-gallery-list > li {
        width: 100%;
        margin: 0 0 20px;
    }

    /* line 2704, ../scss/responsive.scss */
    .landing-disposed .photo-gallery-list {
        width: 100%;
        margin-left: 0;
    }

    /* line 2711, ../scss/responsive.scss */
    .project-section .photo-gallery-list {
        width: 100%;
        margin: 30px 0;
    }

    /* line 2718, ../scss/responsive.scss */
    .circle-text-list > li {
        flex-direction: column;
        margin-bottom: 45px !important;
    }
    /* line 2723, ../scss/responsive.scss */
    .circle-text-list .text-wrap {
        width: 100%;
        max-width: 450px;
        margin: auto;
        padding: 20px 0 0 0;
    }

    /* line 2731, ../scss/responsive.scss */
    .center-select-wrap {
        flex-direction: column;
        align-items: center;
    }
    /* line 2736, ../scss/responsive.scss */
    .center-select-wrap p {
        margin: 0 0 10px;
    }

    /* line 2744, ../scss/responsive.scss */
    .construction .landing-disposed .center-select-wrap p {
        margin: 0 0 10px;
    }

    /* Property */
    /* line 2755, ../scss/responsive.scss */
    .landing-disposed .map-section:after {
        padding-top: 75%;
    }

    /* line 2762, ../scss/responsive.scss */
    .home-project-slider .home-project-slide {
        margin: 0;
    }
    /* line 2765, ../scss/responsive.scss */
    .home-project-slider .home-project-slide .content-wrap {
        height: auto;
    }

    /* line 2771, ../scss/responsive.scss */
    h2 {
        font-size: 30px;
    }

    /* Group Structure */
    /* line 2777, ../scss/responsive.scss */
    .structure-list {
        flex-direction: column;
    }
    /* line 2780, ../scss/responsive.scss */
    .structure-list .left-wrap {
        width: 100%;
        padding-right: 0;
    }
    /* line 2785, ../scss/responsive.scss */
    .structure-list .right-wrap {
        width: 100%;
        padding-left: 0;
    }

    /* line 2793, ../scss/responsive.scss */
    .corporate .circle-text-list > li {
        flex-direction: row;
    }

    /* Corporate */
    /* line 2802, ../scss/responsive.scss */
    .value-people-list > li {
        width: 50%;
        margin-bottom: 30px;
    }

    /* line 2809, ../scss/responsive.scss */
    .governance-framework-wrap > li {
        width: 100%;
    }

    /* Home */
    /* line 2817, ../scss/responsive.scss */
    .shadow .quote-wrap {
        padding: 0;
    }

    /* line 2823, ../scss/responsive.scss */
    .home .quote-wrap {
        padding: 0;
    }

    /* line 2828, ../scss/responsive.scss */
    .home-project-select {
        flex-direction: column;
    }
    /* line 2831, ../scss/responsive.scss */
    .home-project-select > li {
        width: 100%;
    }
    /* line 2834, ../scss/responsive.scss */
    .home-project-select > li:before {
        z-index: 1;
    }

    /* line 2840, ../scss/responsive.scss */
    h1 {
        font-size: 50px;
    }

    /* line 2846, ../scss/responsive.scss */
    .home-banner-list .home-banner-slide .line-box {
        padding: 60px 0 60px 40px;
    }

    /* Committees */
    /* line 2857, ../scss/responsive.scss */
    .committees .activity-section.accreditation-expand .container {
        width: calc(100% - 40px);
    }

    /* line 2864, ../scss/responsive.scss */
    .corporate-struct-top {
        flex-wrap: wrap;
        justify-content: center;
    }
    /* line 2868, ../scss/responsive.scss */
    .corporate-struct-top img {
        margin-bottom: 15px;
    }
    /* line 2872, ../scss/responsive.scss */
    .corporate-struct-top p {
        padding: 0 !important;
        width: 100%;
    }

    /*milestones*/
    /* line 2880, ../scss/responsive.scss */
    .milestones-list > li {
        padding-bottom: 0px !important;
    }
    /* line 2883, ../scss/responsive.scss */
    .milestones-list > li .year-wrap {
        width: 100% !important;
        left: inherit !important;
        border: 0 !important;
    }
    /* line 2888, ../scss/responsive.scss */
    .milestones-list > li .year-wrap .year {
        position: relative;
        left: inherit;
        right: inherit;
        bottom: inherit;
        text-align: center;
        font-size: 40px;
    }
    /* line 2898, ../scss/responsive.scss */
    .milestones-list > li:before {
        display: none;
    }
    /* line 2903, ../scss/responsive.scss */
    .milestones-list > li:last-child:after {
        display: none;
    }
    /* line 2910, ../scss/responsive.scss */
    .milestones-list .milestones-line .content-wrap {
        margin-bottom: 30px;
    }
    /* line 2914, ../scss/responsive.scss */
    .milestones-list .milestones-line > li {
        padding-bottom: 0px;
        flex-wrap: wrap;
    }
    /* line 2918, ../scss/responsive.scss */
    .milestones-list .milestones-line > li.float-top-box {
        position: relative;
        top: inherit !important;
    }
    /* line 2924, ../scss/responsive.scss */
    .milestones-list .milestones-line > li.milestone-red-dot:before {
        display: none;
    }
    /* line 2929, ../scss/responsive.scss */
    .milestones-list .milestones-line > li > div {
        margin-bottom: 0px;
        width: 100%;
    }
    /* line 2933, ../scss/responsive.scss */
    .milestones-list .milestones-line > li > div.left-wrap {
        padding-right: 0px;
    }
    /* line 2937, ../scss/responsive.scss */
    .milestones-list .milestones-line > li > div.right-wrap {
        padding-left: 0px;
    }
}
@media screen and (max-width: 480px) {

    .selectric .label{
        white-space: pre-wrap;
        padding-right: 50px;
    }
    /* Header */
    /* line 2949, ../scss/responsive.scss */
    .header {
        padding: 10px 20px;
    }
    /* line 2953, ../scss/responsive.scss */
    .header.scroll {
        padding: 8px 20px;
    }
    /* line 2956, ../scss/responsive.scss */
    .header.scroll .logo {
        width: 130px;
    }

    /* line 2962, ../scss/responsive.scss */
    .logo {
        width: 140px;
    }

    /* Community */
    /* line 2968, ../scss/responsive.scss */
    .breadcrumbs {
        display: flex;
    }
    /* line 2971, ../scss/responsive.scss */
    .breadcrumbs > li {
        margin-bottom: 0px;
    }
    /* line 2974, ../scss/responsive.scss */
    .breadcrumbs > li:last-child {
    }
    /* line 2979, ../scss/responsive.scss */
    .breadcrumbs img {
        width: 22px;
    }

    /* Green Engagement */
    /* line 2988, ../scss/responsive.scss */
    .green-achievement .book-list > li {
        width: 100%;
        margin: 0 0 20px;
    }

    /* Sustainability */
    /* line 2997, ../scss/responsive.scss */
    .has-left-border {
        padding: 15px 0 15px 25px;
    }

    /* Caring Culture */
    /* line 3004, ../scss/responsive.scss */
    .image-list > li {
        width: 100%;
        padding: 15px 0;
    }
    /* line 3009, ../scss/responsive.scss */
    .image-list .image-wrap {
        max-width: 300px;
        margin: auto;
    }

    /* line 3017, ../scss/responsive.scss */
    .people-caring-content .image-wrap .image {
        top: 15px;
        left: -15px;
        height: 250px;
    }
    /* line 3024, ../scss/responsive.scss */
    .people-caring-content .content-wrap {
        padding: 45px 20px 30px;
    }

    /* Sustainability */
    /* line 3034, ../scss/responsive.scss */
    .grid-wrap > li .grid:after {
        padding-top: 70%;
    }
    /* line 3039, ../scss/responsive.scss */
    .grid-wrap > li .grid.has-photo:after {
        padding-top: 70%;
    }
    /* line 3048, ../scss/responsive.scss */
    .grid-wrap > li:last-child .grid.grid-2-1:after {
        padding-top: 70%;
    }

    /* line 3059, ../scss/responsive.scss */
    .quote-wrap.red-quote h3 {
        flex-direction: column;
    }
    /* line 3062, ../scss/responsive.scss */
    .quote-wrap.red-quote h3 img {
        margin: 10px 0;
    }

    /* People */
    /* line 3072, ../scss/responsive.scss */
    .people-detail-wrap .image {
        padding-top: 65%;
    }

    /* line 3079, ../scss/responsive.scss */
    .people-info-wrap .bottom-wrap .has-left-border {
        padding: 15px 0 15px 25px;
    }

    /* Media Press */
    /* line 3087, ../scss/responsive.scss */
    .home-news-announcement-list {
        padding: 0 5px;
    }
    /* line 3091, ../scss/responsive.scss */
    .home-news-announcement-list > li > a {
        padding: 18px 15px 18px 90px;
    }
    /* line 3096, ../scss/responsive.scss */
    .home-news-announcement-list .arrow-big-right {
        position: relative;
        top: auto;
        right: auto;
        margin-left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    /* Media Latest News */
    /* line 3111, ../scss/responsive.scss */
    .lastest-news-list > li {
        width: calc(100% - 10px);
        margin: 0 5px 26px;
    }
    /* line 3116, ../scss/responsive.scss */
    .lastest-news-list p {
        height: auto;
    }

    /* Media */
    /* line 3125, ../scss/responsive.scss */
    .book-list .tag-slide > div {
        width: calc(50% - 25px);
    }

    /* Publication */
    /* line 3134, ../scss/responsive.scss */
    .book-list > li {
        width: 50%;
    }

    /* IR Calendar */
    /* line 3143, ../scss/responsive.scss */
    .ir-calendar .home-news-list > li {
        width: 100% !important;
    }

    /* IR Financial Highlight */
    /* line 3152, ../scss/responsive.scss */
    #ir-financial-highlights .container {
        width: calc(100% - 20px);
    }

    /* line 3157, ../scss/responsive.scss */
    .highlight-wrap {
        font-size: 14px;
    }
    /* line 3160, ../scss/responsive.scss */
    .highlight-wrap .highlight-section {
        width: 280px;
    }
    /* line 3164, ../scss/responsive.scss */
    .highlight-wrap li {
        padding: 18px 0 18px 10px;
    }

    /* IR */
    /* line 3173, ../scss/responsive.scss */
    .home-ir .home-ir-report-list > li {
        width: calc(100% / 2 - 10px);
    }

    /* Corporate Governance */
    /* line 3182, ../scss/responsive.scss */
    #corporate .selectric {
        width: 300px;
    }

    /* Corporate Leadership */
    /* line 3191, ../scss/responsive.scss */
    .leadership-expand-wrap.activity-section .expand-part {
        padding: 30px 20px;
    }

    /* Strength */
    /* line 3200, ../scss/responsive.scss */
    .strength-intro-section .selectric {
        width: 300px;
    }

    /* line 3206, ../scss/responsive.scss */
    .three-cols.four-cols {
        width: 100%;
        margin-left: 0;
    }
    /* line 3210, ../scss/responsive.scss */
    .three-cols.four-cols > li {
        width: 100%;
        margin: 0 0 45px;
    }

    /* line 3219, ../scss/responsive.scss */
    .strength-page .strength-hse .four-cols {
        width: 100%;
        margin-left: 0;
    }
    /* line 3223, ../scss/responsive.scss */
    .strength-page .strength-hse .four-cols > li {
        width: 100%;
        margin: 0 0 45px;
    }

    /* line 3233, ../scss/responsive.scss */
    .hse-lower .three-cols > li {
        display: block;
    }
    /* line 3236, ../scss/responsive.scss */
    .hse-lower .three-cols > li p {
        width: 100%;
        padding: 20px 0 0 0;
    }

    /* Construction Projects */
    /* line 3247, ../scss/responsive.scss */
    .project-hori-list > li {
        padding: 20px 0;
    }

    /* line 3254, ../scss/responsive.scss */
    .image-slider .image-wrap:after {
        padding-top: 65%;
    }

    /* line 3261, ../scss/responsive.scss */
    .news-detail-section .content-wrap {
        padding: 30px 0;
    }

    /* Construction */
    /* line 3270, ../scss/responsive.scss */
    .landing-strength .book-list > li {
        width: 100%;
        padding: 0 0 30px;
    }

    /* line 3277, ../scss/responsive.scss */
    h2 {
        font-size: 28px;
    }

    /* Home */
    /* line 3284, ../scss/responsive.scss */
    .home-sustain h3 {
        flex-direction: column;
    }
    /* line 3287, ../scss/responsive.scss */
    .home-sustain h3 img {
        padding: 10px 0;
    }

    /* line 3295, ../scss/responsive.scss */
    .home-project .top-content-wrap .left-wrap {
        min-width: inherit;
    }

    /* line 3301, ../scss/responsive.scss */
    h1 {
        font-size: 42px;
    }

    /* line 3306, ../scss/responsive.scss */
    .home-banner-list .home-banner-slide {
        height: 800px;
        min-height: 100vh;
    }

    /* line 3313, ../scss/responsive.scss */
    .home-brand-list > li {
        padding: 0 !important;
    }

    /* line 3321, ../scss/responsive.scss */
    .home-news-list li.tag-slide > div {
        width: calc(100% - 10px);
        max-width: inherit;
    }
    /* line 3328, ../scss/responsive.scss */
    .home-news-list p {
        height: auto;
    }

    /* Milestones */
    /* line 3336, ../scss/responsive.scss */
    .milestones-slider .year {
        font-size: 26px;
    }
    /* line 3342, ../scss/responsive.scss */
    .milestones-slider .milestones-slide.active .year {
        font-size: 32px;
    }

    /* line 3349, ../scss/responsive.scss */
    .mile-card {
        padding: 30px 20px;
    }
     .open-sub .property-management-menu{
        padding: 0;
    }
}
@media screen and (max-width: 400px) {
    /* Header */
    /* line 3357, ../scss/responsive.scss */
    .open-menu {
        width: 100%;
        padding: 30px 25px;
    }

    /* Learning Development */
    /* line 3368, ../scss/responsive.scss */
    .people-learing-list > li .left-wrap .image-wrap:after, .people-learing-list > li .right-wrap .image-wrap:after {
        padding-top: 65%;
    }

    /* Sustainability */
    /* line 3381, ../scss/responsive.scss */
    .grid-wrap > li .grid:after {
        padding-top: 100%;
    }
    /* line 3386, ../scss/responsive.scss */
    .grid-wrap > li .grid.has-photo:after {
        padding-top: 100%;
    }
    /* line 3395, ../scss/responsive.scss */
    .grid-wrap > li:last-child .grid.grid-2-1:after {
        padding-top: 100%;
    }

    /* People Job */
    /* line 3408, ../scss/responsive.scss */
    .job-section .job-row > li {
        padding: 0 0 20px;
    }
    /* line 3413, ../scss/responsive.scss */
    .job-section .apply-row {
        padding: 0 0 20px !important;
    }
    /* line 3417, ../scss/responsive.scss */
    .job-section .expand-title {
        padding: 0 0 25px;
    }

    /* People */
    /* line 3427, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap .quote-wrap {
        width: 100%;
        max-width: 400px;
    }
    /* line 3431, ../scss/responsive.scss */
    .people-info-wrap .top-wrap .left-wrap .quote-wrap.red-quote {
        padding: 0;
    }

    /* Media Press */
    /* line 3443, ../scss/responsive.scss */
    .home-news-announcement-list > li > a {
        padding: 90px 15px 18px;
    }
    /* line 3448, ../scss/responsive.scss */
    .home-news-announcement-list .title-wrap {
        padding: 12px 0 12px 15px;
    }

    /* Media Latest News */
    /* line 3456, ../scss/responsive.scss */
    .news-top-focus-wrap .image-wrap {
        padding-top: 65%;
    }

    /* Publication */
    /* line 3463, ../scss/responsive.scss */
    .selectric {
        width: 300px;
    }

    /* Corporate Story */
    /* line 3470, ../scss/responsive.scss */
    #corporate-story .quote-wrap {
        padding: 0;
    }

    /* Corporate Awards */
    /* line 3477, ../scss/responsive.scss */
    .overlay-select {
        left: calc(50% - 150px);
    }

    /* Corporate Governance */
    /* line 3484, ../scss/responsive.scss */
    .two-box .image {
        height: 280px;
    }

    /* Property */
    /* line 3493, ../scss/responsive.scss */
    .landing-disposed .map-section:after {
        padding-top: 100%;
    }

    /* line 3499, ../scss/responsive.scss */
    h2 {
        font-size: 26px;
    }

    /* Corporate */
    /* line 3506, ../scss/responsive.scss */
    .value-people-list > li {
        width: 100%;
    }

    /* Home */
    /* line 3515, ../scss/responsive.scss */
    .home-banner-list .home-banner-slide .line-box {
        padding: 50px 0 50px 30px;
    }

    /* line 3521, ../scss/responsive.scss */
    h1 {
        font-size: 36px;
    }
}