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

    /* .container_content_3 {
        padding: 0px 190px;
    } */
    .content_1 {
        /* height: 900px; */
    }

    .content_8_jn-text-description {
        width: 78%;
    }


    .article2 .container_7,
    .article2 .container_9 {
        padding: 0;
    }

    .article2 .container_author1_9 {
        padding: 40px 188px 120px;
    }

    .text_8 {
        white-space: nowrap;
    }

    .menu_studio .menu-item {
        padding: 0;
    }

    .container_logo {
        position: relative;
    }

    .thumb_right img {
        object-fit: cover;
    }

    .content_4.content_5 h2 {
        font-size: 34px;
        line-height: 70px;
    }

    .content_4.content_5 .thumb_right {
        padding: 0px 100px 0;
        position: relative;
    }

    .list_redirect {
        padding: 0 40px;
    }

    .content_text {
        padding: 0 190px;
    }

    .thumb_ {
        padding-left: 250px;
    }

    .scroll_bar {
        right: -80px;
    }

    .content_text .scroll_bar {
        right: 120px;
    }

    .content_1_ .text_content h1 {
        font-size: 74pt;
    }

    .box_info {
        height: 200px;
        width: 200px;
    }

    .box_info .title {
        font-size: 12pt;
    }

    .box_info .arrow {
        width: 45px;
        height: 45px;
    }

    .box_info .text_box_i {
        font-size: 10pt;
    }

    .box_info1 {
        width: 230px;
        height: 215px;
    }

    .box_info2 {
        bottom: 66%;
        left: 46%;
        width: 258px;
        height: 190px;
    }

    .box_info2 .box_container:before {
        height: 200px;
    }

    .box_info3 {
        height: 165px;
        width: 260px;
    }

    body .box_info .box_container:before {
        bottom: -185px;
    }

    body .box_info1 .box_container:before {
        bottom: -99px;
    }

    body .box_info1 .box_container:before {
        bottom: -148px;
    }

    body .box_info3 .box_container:before {
        bottom: -127px;
    }

    img.cloud_png_3.animation_cloud3 {
        top: 51%;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1900px) {

    body .box_info.box_info2 .box_container:before {
        bottom: -90px;
    }

}

/* scroll map */

@media only screen and (max-width: 1679px) {
    .svg_animation>img {
        width: 74px;
        height: 74px;
    }

    .content_8_jn-text-description {
        width: 90%;
    }

    img.cloud_png_3.animation_cloud3 {
        right: 220px;
    }

    img.cloud_png_3.animation_cloud3 {
        top: 50%;
    }

    .content_10_jn-description {
        margin-left: 120px;
    }

    .menu_studio .menu-item {
        padding: 0px 0;
    }

    .mouse_icon {
        right: 21%;
    }

    img.cloud_png_1 {
        top: 16%;
        left: 340px;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 50%;
    }
}

@media only screen and (max-width: 1500px) {
    .content_1 {
        /* height: 800px; */
    }

    .mouse_icon {
        right: 13%;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 56%;
    }

}

@media only screen and (max-width: 1440px) {
    .box_info1 {
        bottom: 47%;
        left: 51%;
    }

    .container_5 {
        padding-top: 130px;

    }



    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 56%;
    }

    .list_select-item {
        height: 180px;
        width: 180px;
    }

    .content_10_jn-description {
        margin-left: 80px;
    }

    .box_info2 {
        bottom: 64%;
        left: 48%;
    }

    .box_info3 {
        bottom: 61%;
        left: 68%;
    }

    .content_4.content_5 h2 {
        font-size: 32px;
    }

    .content_8_jn-text-description,
    .content_8_jn-source {
        width: 95%;
    }

    .thumb_fixed_5 {
        width: 46%;
    }

    .right_childen2_7 img {
        object-fit: contain;
    }

    .container_10 h3 {
        padding: 30px 40px 0;
    }

    .text_left-heading h2 {
        font-size: 45px !important;
        line-height: 90px !important;
    }

    .childen2_right img {

        object-fit: contain;
    }

    /*.right_text_12 p {*/
    /*    min-height: 196px;*/
    /*}*/

    .content_4_jn .content-4__quiz {
        font-size: 18px;
        line-height: 32px;
    }

    .source_12 {
        margin: 0;
    }

    p.title_text {
        font-size: 31px;
        line-height: 1.4;
    }


}

@media (min-width:992px)and (max-width: 1280px) {

    .content_8_jn-text-description,
    .content_8_jn-source {
        margin: 0 0 0 125px;
    }

    .text_left {
        padding: 80px;
    }

    .content_12_jn-heading {
        margin-bottom: 20px;
    }

    .content_left_12 {
        padding-top: 15px;
    }
}

@media only screen and (min-width: 1280px) {
    .content_2 .text_content {
        bottom: 100px;
    }

    .article2 .author_right {
        width: 77%;
    }

    .article2 .container_author1_9-inner .author_right-text {
        padding-left: 0px;
    }

    .article2 .container_author1_9-inner .author_left {
        width: 20%;
    }

    .article2 .container_author1_9 {
        padding: 40px 188px 40px;
    }

}

@media only screen and (max-width: 1280px) {
    .text_left-heading h2 {
        line-height: 60px !important;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 53%;
    }
}



@media only screen and (max-width: 1279px) {
    .content_1 {
        /* height: 750px; */
    }

    .text_left-heading h2 {
        font-size: 40px !important;
        line-height: normal !important;
        letter-spacing: 2px !important;
    }

    .find_out_more a {
        width: 30%;
    }

    .mouse_icon {
        right: 17%;
    }

    .container_content_3 {
        padding: 0px 90px;
    }

    .content_10_jn-description {
        margin-left: 10px;
    }

    .scroll_bar {
        right: 40px;
    }

    .content_text {
        padding: 0 90px;
    }

    .content_text .scroll_bar {
        right: 30px;
    }

    .content_3 .scroll_bar {
        right: -10px;
    }

    .thumb_ {
        padding-left: 200px;
    }

    .box_breakpoint {
        width: 180px;
        height: 180px;
    }

    .list_redirect a {
        width: 300px;
        height: 300px;
    }

    .list_redirect span.circle_desc {
        line-height: 25px;

    }

    p.title_text {
        font-size: 30pt;
        line-height: 65px;
    }

    .content_4.content_5 h2 {
        font-size: 30px;
    }

    .content_4.content_5 p {
        font-size: 18pt;
        line-height: 47px;
    }

    .list_redirect span.circle_title {
        line-height: 21pt;
        font-size: 20px;
    }

    .find_out_more h3 {
        font-size: 27pt !important;
    }

    .find_out_more p {
        font-size: 20pt !important;
    }

    .find_out_more a {
        font-size: 19pt;
    }

    .container_section_right h2 {
        font-size: 27px !important;
    }

    .container_section_right p {
        font-size: 19pt !important;
    }

    .thumb_ h2 {
        font-size: 26px !important;
    }

    body .box_info .box_container:before {
        bottom: -155px;
    }

    body .box_info3 .box_container:before {
        bottom: -155px;
    }


}

@media only screen and (max-width: 1115px) {
    .content_1 {
        /* height: 800px; */
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 54%;
    }

    .content_10_jn-description {
        margin-left: 10px;
    }

    .box_info1 {
        bottom: 40%;
        left: 51%;
    }

    .box_info2 {
        bottom: 68%;
        left: 46%;
    }

    .box_info3 {
        bottom: 56%;
        left: 76%;
    }

    .animation_content svg {
        width: 100%;
    }

    .mouse_icon {
        right: 10%;
    }

    .content_4 .text_left {
        padding: 30px;
    }

    .content_4.content_5 .thumb_right {
        padding: 0px 40px 0;
    }

    .content_4.content_5 .text_left {
        padding: 0 70px 0px 0px;
    }

    .content_4.content_5 .scroll_bar {
        right: 30px;
    }

    .content_text {
        padding: 0 30px;
    }

    .content_text .scroll_bar {
        right: 10px;
    }

    .box_breakpoint p {
        font-size: 19px !important;
    }

    .box_breakpoint {
        width: 140px;
        height: 140px;
    }

    .thumb_ {
        padding-left: 150px;
    }

    .container_section_right {
        padding: 0 70px;
    }

    .content_6 .scroll_bar {
        right: 10px;
    }

    body .box_info .box_container:before {
        bottom: -115px;
        left: -10px;
        height: 150px;
        width: 2px;
    }

    body .box_info3 .box_container:before {
        bottom: -115px;
    }

    .box_info {
        height: 150px;
        width: 150px;
        padding: 10px;
    }

    .box_info .title {
        font-size: 8pt !important;
    }

    .box_info .arrow {
        width: 35px;
        height: 35px;
    }

    .box_info .text_box_i {
        font-size: 7pt !important;
    }
}

@media only screen and (max-width: 1199px) {
    .container_author1_9 .author_right {
        width: 70%;
    }

    .author_left img {
        width: auto;
    }

    .author_left img {
        width: 100%;
    }

    .article2 .container_author1_9-inner .author_right {
        width: 65%;
    }

    .w-88 {
        width: 100%;
    }

    .journey_page .content_9_jn-heading .box_left_9 {
        padding: 0px 20px 60px 80px;
    }

    body .article2.journey_page .content_12_jn.journey {
        margin-left: 116px;
    }

    .author_left {
        width: 27%;
    }

    body .content_10_jn-description-item span {
        font-size: 36px;

    }


    .list_redirect ul {
        margin: 30px 0 40px;
    }

    .find_out_more {
        background-position: 92%;
    }





    .right_logo a:nth-child(1) {
        display: none;
    }

}

@media only screen and (max-width: 1024px) {
    .content_7_jn .list_img_7 {
        top: 0 !important;
    }

    .content_4.content_5 h2 {
        font-size: 24px !important;
    }

    .text_8 {
        white-space: unset;
    }

    .content_8_jn-text-description {
        width: 70%;
    }

    body .content_10_jn-description-item span {
        font-size: 22px !important;
    }
    .content_10_jn-description-item span.text_content_10{padding:0 15px;}
    .container_10 h3{top:28px;}
    .container_11 .container_author1_11 .author_right {
        width: 100%;
    }

    .container_11 .container_author1_11 .author_left {
        width: 40%;
    }

    .container_author1_11 {
        flex-direction: column;
        align-items: center;
    }

    .menu_studio .list_sub_menu .menu-item {
        font-size: 12px !important;
    }
}

@media only screen and (max-width: 990px) {
    section.inclusivegrowth {
        margin-top: 130px;
    }
    section.article2 * {
        font-family: Spartan, sans-serif;
    }

    .list_redirect .circle_desc {
        padding: 0 5px;
    }

    .box_left_4 img {
        margin-left: 0;
    }
    .box_right_4{margin-left:0;}
    .menu_studio .menu-item {
        display: flex;
        text-align: center;
        padding: 0 !important;
        align-items: center;
        justify-content: center;
        margin-top: 2px;
    }

    .journey_page .list_redirect a .arrow {
        margin-bottom: 0;
        margin-top: 7px;
    }

    .journey_page .list_redirect .br_desktop{
        display: none;
    }

    .br_mb {
        display: block;
    }

    .br_pc {
        display: none;
    }

    .list_redirect span.circle_title,
    .list_redirect span.circle_desc,
    .list_redirect .arrow {
        transform: unset !important;
    }

    body .menu_studio ul li {
        border-left: unset;
    }

    .list_sub_menu {
        position: relative;
    }

    .menu_studio ul li .list_sub_menu ul li {
        font-size: 10px !important;
    }

    .container_menu_mb h3 {
        font-size: 12px !important;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px !important;
        margin-bottom: 0;
    }

    .container_menu_mb {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
        padding-top: 2px;
    }

    .container_menu_mb img {
        width: 8px;
        padding-top: 0px;
        height: auto;
        border-radius: 0;
    }

    .menu_studio ul li {
        width: 100%;
        font-size: 12px !important;
        min-height: 42px;
        border-bottom: 1px solid #fff;
        margin-bottom: 0;
        padding-left: 0;
    }

    .menu_studio ul li:first-child {
        border-top: 1px solid #fff;
    }

    .container_logo::after {
        content: '';
        display: inline-block;
        background: url(https://info.channelnewsasia.com/brandstudio/food-diversity/imgs/BStudio_mti-logo-mobile-cross.png) no-repeat;
        background-size: 20px;
        background-position: center;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 20px;
        height: 20px;
    }

    .menu-item-has-children::after {
        content: '+';
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        font-size: 22px !important;
        font-weight: 200 !important;
        padding: 6px 25px 2px 15px;
    }

    .menu-item-has-children.change-character::after {
        content: '-';
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9;
        font-size: 25px !important;
        font-weight: 200;
        padding: 3px 25px 5px 15px;
    }

    .menu_studio {
        display: none;
    }

    .menu_studio ul {
        flex-direction: column;
    }

    .menu_mobile {
        display: flex;
        background-color: rgb(66, 32, 95);
        justify-content: center;
        align-items: center;
        height: 40px;
        cursor: pointer;
    }

    body .content_12_jn .slick-dots {
        bottom: 6% !important;
    }

    .article2 .content_12_jn .box_left_12 {
        padding: 30px;
    }

    .article2 .container_childen2_13 {
        max-width: 100%;
        margin: 0 30px !important;
    }

    .article2 .content_9_jn {
        width: auto;
    }

    .change-character>.text_menu>a {
        align-items: flex-start;
        margin-top: 25px;
    }

    .article2 .content_7_jn .container_author1_9 {
        padding: 40px 30px 120px;
        margin: 0 30px;
    }

    .article2 .content_9_jn .container_author1_9 {
        padding: 40px 30px 120px;
    }

    .article2 .container_author2_9 .author2_left img {
        width: auto;
        max-width: 360px;
        padding-top: 0;
    }

    .article2 .list_redirect a {
        justify-content: center;
    }

    .menu_studio>ul>li .text_menu a {
        display: flex;
    }

    .list_sub_menu {
        top: 30px;
        padding-bottom: 30px;
    }

    .article2 .container_6 {
        margin: 0 30px;
    }

    .article2 .content_7_jn {
        max-width: 100%;
    }

    .article2 .content_7_jn .list_img_7 {
        left: 0;
    }

    .article2 .content_7_jn .list_img_7 {
        padding-left: 0px;
    }

    .thumb_right .wrp {
        top: unset;
    }

    .article2 .thumb_right .wrp {
        margin-top: -100px;
    }

    .article2 .content_5_jn .container_5 .thumb_right {
        margin: -1px 0 -0 0;
    }

    .content_13_jn.journey {
        overflow-x: hidden;
    }

    .childen2_right {
        padding-top: unset;
    }

    .childen2_right img {
        top: 40px;
    }

}

@media only screen and (max-width: 850px) {
    .svg_animation>img {
        width: 54px;
        height: 54px;
    }

    img.cloud_png_3.animation_cloud3 {
        top: 25%;
        right: 40px;
    }

    span.text_menu {
        top: 5px;
    }

    @-webkit-keyframes cloud_ani3 {
        0% {
            transform: translateY(0px) translateX(0%);
        }

        50% {
            transform: translateX(-20px) translateY(20px);
        }

        100% {
            transform: translateY(0px) translateX(0%);
        }
    }

    .svg_animation>img {
        width: 54px;
        height: 54px;
    }

    .mouse {
        width: 15px;
        height: 25px;
        border: 2px solid #333333;
    }

    .mouse::before {
        width: 4px;
        height: 4px;
    }

    @keyframes mouse {
        from {
            opacity: 1;
            top: 5px;
        }

        to {
            opacity: 0;
            top: 20px;
        }
    }

    .content_1_ .text_content h1 {
        font-size: 40pt !important;
    }

    .mouse_icon {
        bottom: 5% !important;
        right: 8%;
    }


    .mouse_icon p {
        font-size: 12px !important;
    }

    .content_3 .scroll_bar {
        right: 10px;
    }

    .content_2 .text_content .text_color {
        height: 40px;
    }

    .content_1_ {
        padding-top: 80px;
    }

    .thumb_ {
        padding-left: 0px;
    }

    .content_1_ .text_content p {
        font-size: 22px !important;
        padding: 0 20px;
    }

    .content_1 {
        /* height: 600px; */
    }

    .list_redirect {
        align-items: center;
        gap: 20px;
        margin: 30px 0 0px;
    }

    .left_logo {
        width: 50%;
        text-align: center;
    }

    .left_logo img,
    .right_logo img {
        width: 110px;
        display: initial;
    }

    .right_logo a {
        width: 100%;
        display: inline-block;
    }

    .right_logo {
        width: 50%;
        text-align: center;
    }

    .container_logo {
        padding: 10px 0 !important;
    }

    .content_6 {
        flex-direction: column;
    }

    .section_left {
        width: 100%;
        padding: 0 30px;
    }

    .arow_6 {
        width: calc(100% + 0px);
    }

    .section_right {
        width: 100%;
    }

    .container_section_right {
        padding: 0 30px;
    }

    .content_6 {
        gap: 60px;
    }

    .container_section_right h2 {
        text-align: center;
    }

    .content_2 {
        background: url("https://info.channelnewsasia.com/brandstudio/temasek2022/video/TR21_LandingPg-highlight_mb.jpg") no-repeat center;
        background-size: cover;
        height: 440px;
    }

    .content_2 .text_content p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .content_2 .text_content span {
        font-size: 19px !important;
        line-height: 42px !important;
    }

    .scroll_bar {
        right: 10px;
    }

    .container_content_3 {
        padding: 0px 25px;
    }

    .content_4 {
        flex-direction: column;
    }

    .content_4.rea {
        flex-direction: column-reverse;
    }


    .content_4 .text_left {
        width: 100%;
    }

    .content_4 .thumb_right {
        width: 100%;
        margin-bottom: -8px;
    }

    .content_4.content_5 .text_left {
        padding: 30px 30px 0px;
    }

    .content_4.content_5 .thumb_right {
        padding: 0px 30px 0;
    }

    .content_4 .text_left {
        padding: 25px 50px;
    }

    .content_4.content_5 h2 {
        font-size: 15.5pt;
        text-align: center;
        line-height: 35px;
    }

    .content_4.content_5 .scroll_bar {
        right: 10px;
    }

    p.title_text {
        font-size: 13pt !important;
        line-height: 31px !important;
    }

    .client_banner {
        padding: 30px;
    }

    .client_banner a {
        width: 320px;
        height: 100px;
        font-size: 17px;
        gap: 10px;
        flex-direction: column;
    }

    .find_out_more h3 {
        font-size: 14px !important;
        text-align: center;
    }

    .arow_6 {
        width: calc(97% + 0px);
        left: 0;
    }

    .content_1_ .text_content h1 {
        font-size: 19px !important;
        margin-bottom: 10px;
    }

    .content_1_ .text_content p {
        font-size: 10px !important;
        letter-spacing: 3px;
    }

    .container_content_3 p span {
        width: 60px;
        height: 60px;
        font-size: 30px !important;
    }

    .container_content_3 p {
        font-size: 12px !important;
    }

    p.author {
        line-height: 30px;
        font-size: 7px !important;
        margin: 5px 0;
    }

    p.position {
        font-size: 7px !important;
    }

    .content_4.content_5 p {
        font-size: 11px !important;
        line-height: 23px !important;
    }

    .content_4.content_5 {
        margin-top: 50px;
    }


    .find_out_more p {
        font-size: 11px !important;
        margin-bottom: 10px;
    }

    .find_out_more a {
        font-size: 11px !important;
        width: auto;
        padding: 12px 10px 8.5px;
    }

    .find_out_more {
        height: 250px;
    }

    .container_text p span {
        width: 60px;
        height: 60px;
        font-size: 30px !important;
    }

    .container_text p {
        font-size: 13pt !important;
    }

    .thumb_ h2 {
        font-size: 15px !important;
    }

    .container_section_right h2 {
        font-size: 18px !important;
    }

    .container_section_right p {
        font-size: 13pt !important;
    }

    .list_redirect a {
        width: 130px;
        height: 130px;
    }

    .list_redirect span.circle_title {
        line-height: 10pt;
        font-size: 8px;
    }

    .list_redirect span.circle_desc {
        font-size: 6pt;
        line-height: 11px;
        margin: 5px 0 0px;
    }

    .arrow {
        width: 15px;
        margin-top: 0px;
    }

    body .box_info .box_container:before {
        bottom: -75px;
        left: -5px;
        height: 100px;
    }

    body .box_info3 .box_container:before {
        bottom: -75px;
    }

    .box_info {
        height: 85px;
        width: 85px;
        padding: 5px;
    }

    .box_info .title {
        font-size: 5pt;
    }

    .box_info .arrow {
        width: 25px;
        height: 25px;
    }

    .box_info .text_box_i {
        font-size: 4pt;
    }

    .box_info .header_box {
        gap: 5px;
    }

    .mouse_icon p {
        font-size: 7px;
    }

    .content_2 .text_content {
        bottom: 90px;
    }

    .list_redirect a:hover {
        border: 6px solid rgb(216, 208, 224);
        transition: .5s;
    }

    .content_2 span.text {
        padding: 0px 15px 0;
    }

    .list_redirect ul {
        gap: 20px;
    }

    .box_info2 {
        bottom: 67%;
        left: 46%;
    }

    .box_info1 {
        bottom: 40%;
        left: 52%;
    }

    .box_info3 {
        bottom: 55%;
        left: 77%;
    }

    .menu_mobile {
        height: 30px;
    }

    .menu_studio ul li {
        min-height: 30px;
    }

    .menu_studio ul li {
        line-height: 22px !important;
    }

    .list_sub_menu>ul>li {
        padding: 0;
    }


    span.text_menu {
        top: 0px;
    }
}

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

    .content_4.content_5 p,
    .scroll_content_3,
    .container_content_3 p {
        -ms-overflow-style: none;
        /* for Internet Explorer, Edge */
        scrollbar-width: none;
        /* for Firefox */
        /* overflow-y: scroll; */
    }

    .content_10_jn-description-item span.text_content_10 {
        padding: 0px 15px;
    }

    body .content_10_jn-description {
        padding-left: 20px !important;
    }

    .content_4.content_5 p::-webkit-scrollbar,
    .scroll_content_3::-webkit-scrollbar,
    .container_content_3 p::-webkit-scrollbar {
        display: none;
        /* for Chrome, Safari, and Opera */
    }

    .content_1_ .text_content h1 {
        font-size: 25px;
        letter-spacing: 3px;
    }

    .menu-item {
        text-decoration: none;
        font-size: 12px !important;
        line-height: 20px !important;
        color: #fff;
        padding: 5px 85px !important;

    }

    body .content_10_jn-description-item span {
        font-size: 17px;
    }

    .header_box .arrow a {
        display: flex;
        text-align: center;
        justify-content: center;
    }

    .home .content_4 {
        margin: 40px 0 0;
    }
}

@media only screen and (max-width: 565px) {
    .content_10_jn-description.is_pc {
        display: none;
    }

    .content_12_jn .slick-dots {
        bottom: 0px;
        left: 0;
        right: 0;
    }

    .content_10_jn-description.is_mb {
        display: flex;
    }

    .content_10_jn-description-item span.text_content_10 {
        padding: 0px 15px;
    }

    body .content_10_jn-description-item {
        margin-bottom: 0px;
    }

    body .content_10_jn-description-item span {
        margin-bottom: 0;
    }

    body .content_10_jn-description-item span.text_content_10 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
    }

    body .list_img_11-arrow,
    body .list_img_9-mb .list_img_9-arrow,
    body .list_img_7-arrow {
        width: auto;
        right: 0px;
    }
}

@media only screen and (max-width: 415px) {
    .box_info {
        height: 130px;
        width: 150px;
        z-index: 9;
    }

    body .article2 .content_10_jn-description {
        padding-left: 0px !important;
    }

    .content_12_jn-inner .slick-next:before {
        content: '';
        background-image: url("https://info.channelnewsasia.com/brandstudio/temasek2022/images/the-net-zero/right-black-cursor.png");
        display: block;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 22px;
    }

    .content_12_jn-inner .slick-prev:before {
        content: '';
        background-image: url("https://info.channelnewsasia.com/brandstudio/temasek2022/images/the-net-zero/left-black-cursor.png");
        display: block;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: 22px;
    }

    body .content_12_jn .slick-next {
        width: 20px;
        transform: unset;
        height: 20px;
    }

    body .content_12_jn .slick-prev {
        width: 20px;
        transform: unset;
        height: 20px;
    }

    .content_2 {
        background: url("https://info.channelnewsasia.com/brandstudio/temasek2022/video/TR21_LandingPg-highlight_mb.jpg") no-repeat;
        background-size: contain;
        height: 375px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .mouse_icon {
        bottom: 5%;
        right: 0%;
        width: 70px;
    }

    .box_info .title {
        font-size: 8pt;
    }

    .box_info .text_box_i {
        font-size: 3pt;
    }

    .content_1 {
        /* height: 300px; */
    }

    body .box_info .box_container:before {
        bottom: -85px;
    }

    body .box_info3 .box_container:before {
        bottom: -60px;
        left: unset;
        right: -5px;
    }

    .content_1_ p.active br {
        display: none;
    }

    .box_info1 {
        bottom: 43%;
        left: 13%;
    }

    body .box_info2 .box_container:before {
        bottom: -56px;
    }

    .box_info2 {
        bottom: 60%;
        left: 8%;
    }

    .box_info3 {
        bottom: 50%;
        left: 43%;
    }

    .content_4.content_5 p {
        max-height: 330px;
    }

    .content_1_ .text_content {
        margin-top: 40px;
    }

    .animation_content {
        overflow: hidden;
    }

    .animation_content svg {
        transform: scale(1.3);
        margin-top: 65px;
        margin-bottom: 30px;
    }

    .content_2 .text_content span {
        font-size: 16px;
    }

    .content_2 .text_content .text_color {
        height: 30px;
    }

    .content_2 .text_content {
        bottom: 40px;
    }

    .container_logo {
        padding: 10px 55px;
    }

    .client_banner {
        padding: 10px 30px;
    }

    p.title_text {
        font-size: 15px;
        line-height: 28px;
    }

    p.author {
        line-height: 30px;
        font-size: 8px;
        margin: 3px 0 -2px 0;
    }

    p.position {
        font-size: 8px;
    }

    .scroll_bar {
        width: 17px;
    }

    .box_info .title {
        font-size: 11px;
        line-height: 18px;
    }

    .box_info .text_box_i {
        font-size: 10px;
        line-height: 15px;
        padding-top: 1px;
    }

    .list_redirect {
        padding: 0 20px;
    }

    .list_redirect a {
        width: 150px;
        height: 150px;
    }

    .list_redirect span.circle_title {
        font-size: 11px;
        line-height: 13pt;
    }

    .list_redirect span.circle_desc {
        font-size: 9px;
        line-height: 12px;
    }

    .list_redirect .arrow {
        margin-top: 5px;
    }

    body .list_redirect .slick-next {
        right: -20px;
    }

    body .list_redirect .slick-prev {
        left: -20px;
    }

    .container_content_3 p,
    .content_4.content_5 p {
        text-align: left;

    }

    body .box_info1 .box_container:before,
    body .box_info2 .box_container:before {
        right: -5px;
        left: unset;
    }


    img.cloud_png_3.animation_cloud3 {
        right: -30px;
        top: 57%;
    }

    .svg_animation>img {
        width: 44px;
        height: 44px;
    }

    .svg_animation>img {
        z-index: 9;
    }

    a.share.icon-tw {
        width: 27px;
        height: 27px;
    }

    a.share.icon-fb {
        width: 13px;
        height: 22px;
    }

    a.share.icon-li {
        width: 28px;
        height: 23px;
    }

    .icon-mail {
        background-position: 100% 60%;
    }

    a.share.icon-mail {
        width: 30px;
        height: 30px;
    }

    .container_share .icon-mail {
        background-position: center;
        margin-left: 3px;
    }

    .container_share a.share.icon-tw {
        width: 25px;
        height: 25px;
    }

    .list_btn_share.active {
        width: 185px;
    }

    .content_2_jn .text_content .text_color {
        line-height: 17px;
    }

    body .br_mobile {
        display: block;
    }

    .br_desktop {
        display: none;
    }

    .is_mb {
        display: block;
    }

    .is_pc {
        display: none;
    }

    body .content_2_jn .text_content span {
        padding: 10px 5px !important;
    }

    .content_8_jn-text h3 {
        padding: 7px 20px;
    }

    /* .container_content_3 .scroll_content_3 {
        max-height: 445px;
    } */

    body .content_4.content_5 p {
        font-size: 16px;
        line-height: 2;
    }

    .content_8_jn-text-description {
        padding: 7px 10px;
    }

    .content_10_jn-description.is_mb {
        display: flex;
    }

    .content_10_jn-description.is_mb .content_10_jn-description-item {
        margin-bottom: 2px !important;
    }

    .container_share {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .container_content_3 {
        padding: 0px 30px;
    }

    .list_sub_menu li a {
        font-size: 10px !important;
        font-weight: 600;
    }

    .list_img_9-inner,
    .list_img_11-inner {
        width: 345px;
        margin-left: -15px;
    }

    .list_img_9-mb {
        position: relative;
        height: 250px;
    }

    .list_img_11-mobile {
        height: 250px;
    }

    .list_img_9.active {
        position: absolute;
        top: 0;
        left: 0;
    }

    .block_slides {
        position: absolute;
        margin-left: -15px;
    }

    .block_slides1 {
        position: absolute;
        margin-left: -15px;
        left: 0;
        top: 0;
    }

    .list_img_9-mb .list_img_9-item {
        position: relative;
    }

    .list_redirect {
        margin-top: 0;
    }

    .list_redirect ul {
        margin: 0;
    }

    .advertisement__title {
        padding-top: 12px;
        padding-bottom: 10px;
        font-size: 10px;
        font-weight: 400;
    }

    section.article2 .container_studio {
        margin-bottom: 50px;
    }

    .content_5_jn-inner .text_left .scroll_bar {
        bottom: 120px;
    }

    body .container_9 .scroll_bar {
        bottom: 47%;
    }

    .container_7 .scroll_bar {
        bottom: 2em;
    }

    .menu-item-has-children .text_menu a {
        padding: 2px !important;
    }

    .journey_page .list_redirect ul {
        margin: 30px 0 0px;
    }

    .find_out_more {
        gap: 10px;
    }

    .header_box {
        padding-right: 5px;
    }

    .content_12_jn-inner .box_left_12 {
        padding: 8% 10% !important;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        transform: scale(.6);
        top: 80%;
    }

    .content_12_jn .slick-next {
        right: 4px;
        left: initial;
    }

    .content_12_jn .slick-prev {
        right: initial;
        left: -4px;
    }

    .content_12_jn .slick-dots {
        bottom: 7% !important;
    }

}

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

    .container_logo {
        padding: 10px 55px;
    }
}

@media only screen and (max-width: 820px) {
    .content_7_jn .list_img_7 {
        width: 100%;
    }

    .article2 .content_7_jn .list_img_7 {
        width: calc(100% - 30px);
    }

    .content_12_jn .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 6px;
        transform: scale(.5);
    }

}

@media only screen and (min-width: 416px) and (max-width: 820px) {
    .content_12_jn-inner .box_left_12 {
        padding: 60px !important;
    }

    .content_12_jn .slick-dots {
        bottom: 110px;
        width: 100%;
        left: initial;
    }

    .content_12_jn-inner .content_12_1 {
        padding: 30px 0 !important;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 83%;
    }

    .content_12_jn .slick-next {
        left: initial;
        right: 12px;
    }

    .content_12_jn .slick-prev {
        left: 0;
    }

    .source_16 {
        padding: 0 0 1em 0;
    }
    body .article2 .content_12_jn .right_text_12{width:85%;}
    .article2 .left_number_12{width:15%;}
}

@media only screen and (min-width: 1280px) and (max-width: 1900px) {
    .content_7_jn .list_img_7 {
        left: 0vw;
    }

}

@media only screen and (min-width: 821px) and (max-width: 1280px) {
    .source_16 {
        padding: 0 0 2em 0;
    }

    .content_12_jn .slick-dots {
        bottom: 14%;
    }

    .left_number_12 span {
        height: 80px;
        width: 80px;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 56%;
    }

    .content_12_jn .slick-next {
        left: initial;
        right: 54%;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1438px) {
    .content_12_jn .slick-dots {
        bottom: 18%;
        left: initial;
        width: 50%;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 61%;
    }
}

@media only screen and (min-width: 1439px) and (max-width: 1522px) {
    .content_12_jn .slick-dots {
        bottom: 20%;
        left: initial;
        width: 50%;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 60%;
    }
}

@media only screen and (min-width: 1523px) and (max-width: 1579px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 56%;
    }
}

@media only screen and (min-width: 1580px) and (max-width: 1606px) {
    .content_12_jn .slick-dots {
        bottom: 29%;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 53%;
    }
}

@media only screen and (min-width: 1607px) and (max-width: 1612px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 55%;
    }

    .content_12_jn .slick-dots {
        bottom: 29%;
    }
}

/*1613-1674*/
@media only screen and (min-width: 1613px) and (max-width: 1629px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 54%;
    }

    .content_12_jn .slick-dots {
        bottom: 29%;
    }
}

@media only screen and (min-width: 1630px) and (max-width: 1674px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 52%;
    }

    .content_12_jn .slick-dots {
        bottom: 29%;
    }
}

@media only screen and (min-width: 1675px) and (max-width: 1679px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 52%;
    }

    .content_12_jn .slick-dots {
        bottom: 34%;
    }
}

@media only screen and (min-width: 1680px) and (max-width: 1739px) {
    .content_12_jn .slick-dots {
        bottom: 36%;
    }

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 52%;
    }
}

@media only screen and (min-width: 1740px) {

    .content_12_jn .slick-next,
    .content_12_jn .slick-prev {
        top: 51%;
    }
}

@media (min-width:1270px)and (max-width: 1700px) {

    .article2 .container_5,
    .article2 .container_childen2_13 {
        margin: 0 80px !important;
        max-width: 100%;
    }

    .childen2_right img {
        height: auto;
    }

    .journey_page.article2 .container_5 {
        max-width: 100%;
        margin: 0 !important;
    }

    .article2 .content_7_jn {
        margin: 100px auto 0;
        max-width: 100%;
        padding: 0 80px;
    }

    .article2 .content_9_jn {
        width: 100%;
        padding: 0 80px;
    }

    .content_9_jn .list_img_9 {
        right: 0vw;
    }

    .article2 .content_12_jn.journey {
        width: auto;
        margin-left: 80px;
    }
}

@media only screen and (max-width: 600px) {
    .article2 .box_right_4 {
        margin-left: 0em;
    }

    .list_redirect .arrow img {
        object-fit: contain;
    }

    .list_redirect .arrow {
        width: 12px;
    }

    .article2 .content_10_jn-description {
        margin-left: 0px !important;
        padding: 5px 0;
    }

    .article2 .content_10_jn-description {
        margin-left: 20px !important;
        padding: 5px 0;
    }

    body .article2 .container_author2_9 .author2_left img {
        width: 100%;
    }

    /* .article2 .list_redirect a {
        padding-bottom: 10px;
    } */

    .article2 .list_select {
        max-width: 100%;
    }

    /* .article2 .content_4_jn--inner .list_select-item {
        width: 88px;
        height: 88px;
    } */

    body .article2 .content_12_jn .right_text_12{width:80%;}
    .article2 .left_number_12{width:20%;}
}

@media only screen and (min-width: 1280px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 18px;
    }

    .content_7_jn {
        max-width: unset;
    }

    .container_7 .box_right_7 {
        padding-bottom: 0;
    }

    .container_author1_9-inner {
        margin-bottom: 40px;
    }
    .menu_studio .menu-item{
        font-size: 14px;
    }
}

@media only screen and (max-width: 413px) {
    .article2 .content_7_jn-heading .box_right_7 {
        padding: 40px 40px 0px 40px !important;
    }
}

/*  */

@media only screen and (min-width: 1901px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 40px;
    }
}

@media (min-width:1281px)and (max-width: 1900px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 35px;
    }
}

@media (min-width:991px)and (max-width: 1280px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 27px;
        line-height: 50px;
    }
}

@media (min-width:601px)and (max-width: 990px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 24px;
        line-height: 36px;
    }

    .container_author1_9 .author_right-info {
        font-size: 14px;
        line-height: 20px;
    }

}

@media (min-width:441px)and (max-width: 660px) {

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 20px;
        line-height: 32px;
    }

    .container_author1_9 .author_right-info {
        font-size: 10px;
    }
}

@media only screen and (max-width: 440px) {
    .article2 .content_7_jn-heading .box_right_7 {
        padding: 40px 10px 0px;
    }

    .container_content_3 p,
    .content_4.content_5 .text_left p {
        font-size: 20px;
        line-height: 32px;
    }

    .container_author1_9 .author_right-info {
        font-size: 10px;
    }

    .at-resp-share-element.at-mobile .at-share-btn {
        margin-right: 0;
        margin-left: 0;
    }
}

/*  */

@media (min-width:441px)and (max-width: 820px) {
    .container_content_3 .share_button.journey .container_share {
        padding: 10px 15px 10px 15px;
    }
}

@media (min-width:991px)and (max-width: 1024px) {
    .content_5_jn .thumb_fixed_5 {
        top: 20px;
    }

}

@media (min-width:851px)and (max-width: 1279px) {
    .list_redirect a {
        width: 220px;
        height: 220px;
    }

    .list_redirect span.circle_title {
        line-height: 19px;
        font-size: 15px;
    }

    .list_redirect span.circle_desc {
        line-height: 21px;
        font-size: 13px;
    }
}

@media (min-width:768px)and (max-width: 1279px) {

    body .text_left-inner-item .text_left-question span,
    .container_author2_9 .author2_right .text-mb {
        font-size: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width:1280px) and (orientation:landscape){
    .menu_studio .menu-item{
        font-size: 14px;
    }
}