@media screen and (min-width: 1600px){
    html{
        font-size: 20px;
    }
    .es_btn i{
        top: 1.7rem;
    }
    .gin_2_content{
        max-width: 900px;
        margin: 0 auto;
    }
    .gin_2_content p{
        max-width: 700px;
    }
}
@media screen and (max-width: 1600px){
    /* #AI
    --------------------------------------------------------------- */
    .feature_content {
        gap: 10px;
    }
    .chatbot_content {
        width: 30vw;
        height: 35vw;
    }
    .chatbot_body_wrap {
        height: calc(35vw - 140px);
    }
    .chatbot_icon .chatbot_icon_wrap {
        width: 21vw;
    }
    .story_item_content h3 {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 1024px){
    .milestone li:nth-child(odd) .mile_year, .milestone li:nth-child(even) .mile_year{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }
    .mile_year:before, .mile_year::after {
        display: none;
    }
    .milestone .year-group:nth-child(even) .mile_year{
        right: 0; 
    }
    .milestone .year-group:nth-child(odd) .mile_year{
        left: 0; 
    }
    
    /* #AI
    --------------------------------------------------------------- */
    .aihero_cloudr {
        bottom: -10vw;
    }
    .ai_hero_content {
        padding-top: 20vw;
    }
    .ai_main, 
    .ai_note, 
    .ai_letter{
        width: 79%;
        top: 30%;
        right: 26%;
    }
    .ai_cloud_1{
        top: 55%;
    }
    /* chatbot */
    #chatbot {
        right: 5vw;
        bottom: 5vw;
    }
    #chatbot::before {
        content: '';
        position: absolute;
        bottom: -5vw;
        right: -5vw;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 80, 180, 0.40);
        opacity: 0;
        transition: all .3s;
    }
    #chatbot.open::before {
        opacity: 1;
    }
    .chatbot_icon .chatbot_icon_wrap {
        right: 0;
        bottom: 0;
        width: 90vw;
        padding: 3vw 6vw 3vw 6vw;
        gap: 4vw;
    }
    .chatbot_icon .chatbot_icon_wrap p {
        font-size: 3.9vw;
    }
    .icon_ball {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        width: 30vw;
        height: 30vw;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding-bottom: 3vw;
        transition: all .2s;
    }
    .icon_ball.ponone {
        pointer-events: none;
        opacity: 0;
    }
    .icon_ball > span {
        width: 4vw;
        height: 4vw;
        border-radius: 2vw;
        font-size: 2.5vw;
        color: #fff;
        background-color: #0050B4;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }
    .chatbot_icon figure {
        width: 26vw;
    }
    .chatbot_icon h3 {
        padding: .8vw 2vw;
        font-size: 3.9vw;
        bottom: -2vw;
    }
    .chatbot_icon.wraphide .chatbot_icon_wrap {
        width: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden;
    }
    .chatbot_icon.open {
        opacity: 0;
        transform: scale(0);
        transform-origin: right bottom;
        display: none;
    }
    .chatbot_content {
        width: 90vw;
        height: 70vh;
    }
    .chatbot_body_wrap {
        height: calc(70vh - 140px);
    }
    .chatbot_messages_item > figure {
        width: 11vw;
        height: 11vw;
        border-radius: 6vw;
    }
    .preset-question {
        padding: 5px 10px;
    }
    .user-message, .bot-message {
        padding: 10px 12px;
    }
    .bot-message {
        max-width: calc(100% - 11vw - 10px);
    }
    div.progresser {
        top: calc(5.5vw - 2px);
        left: calc(11vw + 10px);
    }
}
@media screen and (max-width: 768px){
    .starbg img {
        top: auto;
    }
    .ai_cloud_1 {
        top: -5%;
        left: -10%;
    }
    .ai_cloud_2 {
        top: 10%;
        right: -15%;
    }
    .posts_carousel:after,
    #img_island,
    .phsec3_content a:before{
        display: none;
    }
    .solution_program{
        margin: 0;
    }
    .solu_sec_1 h1,
    .ph_hero_content h1,
    .abt_sec_1 h1, 
    .ai_hero_content h1,
    .ai_solutions_top h2,
    .page_ai_model_title h2,
    .cloud_service_top h2,
    .partner_top h2,
    .page_ai_model_title > .es_wrap h2{
        font-size: 4rem;
    }
    .ai_hero_content p,
    .ai_solutions_top p,
    .page_ai_model_title p,
    .cloud_service_top p,
    .partner_top p,
    .page_ai_model_title > .es_wrap p {
        font-size: 16px;
    }
    .es_wrap{
        width: 90%;
    }
    .solu_pro, .page_client .es_col > div,
    .pocaro_wrap > div, .contact_title,
    .solu_sec_3 .col-2 > div,
    div.cate_title,
    .solu_pro:first-child:nth-last-child(4), .solu_pro:first-child:nth-last-child(4) ~ div,
    div.cate_nav, 
    .posin_wrap > div,
    .abts1_title{
        width: 100%;
        display: block;
        padding: 0;
    }
    .solufix h2,
    .client_nav{
        text-align: center;
    }
    .milestone{
        overflow-y: scroll;
        padding: 0 0 3rem;
        margin: 0 auto;
        width: 90%;
    }
    .pocaro_wrap > div.posts_caro_title{
        padding: 0 5%;
    }
    .pocaro_wrap{padding: 0;}
    .posts_carousel{
        float: initial;
        transform: none;
    }
    .posts_caro_title{
        position: relative;
    }
    .posts_caro_title .es_btn{
        position: absolute;
        right: 10%;
        top: 0;
    }
    .solufix h2, .soluse3_title h2{
        font-size: 3rem;
    }
    .solufix span{margin-bottom: 10rem;}
    #solu_image{
        margin: 9rem auto 0;
    }
    .solui_title{padding-right: 2rem;}
    .posts_carousel.act_ani{transform: translateX(0);}
    .fcta_link span{transform: none;}
    .ph_hero_content, 
    .ai_hero_content{
        width: 100%;
        top: 20%;
        text-align: center;
    }
    .bigu_image{
        width: 95%; 
        bottom: 4%;
        right: 9%;
        top: initial;
    }
    .scrolldown > div{
        margin: 0 auto;
    }
    #ph_sec2{
        display: flex;
        flex-wrap: wrap;
    }
    #ph_sec2 .es_wrap{
        order: 1;
    }
    .phsec2_image{
        position: relative;
        margin: 0 auto;
        width: 76%;
        order: 2;
        top: 0;
    }
    #ph_sec2 h2{
        font-size: 3rem;
    }
    .phsec2_content {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .perf_clouds div:nth-child(2) {
        width: 45%;
        right: -13%;
    }

    .perf_clouds div:nth-child(1) {
        width: 48%;
        bottom: -15%;
        left: -5%;
    }
    .phsec3_content > div{
        position: relative;
        left: initial;
        top: initial;
        right: initial;
        bottom: initial;
        width: 90%;
        margin: 0 auto;
        background: #fff;
        padding: 1rem;
        border-radius: 10px;
    }
    .phsec3_content a{width: auto;}
    .phsec3_content h2{
        font-size: 2rem;
        height: auto;
    }
    .phsec3_content i{
        opacity: 1;
    }
    .phsec3_content{
        position: relative;
    }
    .sec3_mbimg{
        display: block;
        max-width: 350px;
        margin: 1rem auto 2rem;
    }
    .btnarr{
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .pocaro_nav{
        margin: 1rem 0;
    }
    .posts_caro_sec{
        padding: 3rem 0;
    }
    .foot_content .es_wrap > div{
        width: 100%;
        display: block;
    }
    #footm_first > li {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        margin-bottom: 4rem;
    }
    .foot_social{text-align: left;}
    .phsec3_content > div.act_ani{
        transform-origin: 0 -50%;
    }
    .post_loop_wrap > div{
        width: 50%;
    }
    .cate_title h1{
        margin: 0 0 2rem;
    }
    .client_nav li{
        display: inline-block;
        margin: 0 .5rem 1rem 0;
    }
    .phsec3_content > div:nth-child(1) {
        padding: 2rem 0;
        background: none;
        text-align: center;
        width: 100%;
    }
    .phsec3_content > div:nth-child(1) h2 {
        font-size: 2rem;
    }
    .es_iconbtn i{float: initial;}
    .es_iconbtn > a{
        padding: .7rem 1.2rem;
        gap: .3rem;
    }
    .contact_info,
    .contact_form{
        width: 100%;
        float: initial;
        position: relative;
        top: initial;
    }
    .contact_wrap{padding: 10rem 0 5rem;}
    .abtm_arrows > div:hover{opacity: 1;}
    .abtmi_title h2{width: 60%;}
    .milestone li{
        width: 40vw;
        padding: 0 .5rem 1rem;
    }
    .milestone .year-group:nth-child(odd) .mile_year{
        right: 0; 
    }
    .milestone .year-group:nth-child(even) .mile_year{
        left: 0; 
    }
    .milestone .year-group:nth-child(even) {
        margin-left: 56%;
    }
    .milestone a{padding: 1rem;}
    .mile_year{top: 0;}
    .abtm_mile_wrap:before{top: 3rem;}

    /* #cloudgaming
    --------------------------------------------------------------- */
    /* .gaming_icons_2, .gaming_icons_2_cover,
    .gaming_icons, .gam_console, .gaming_icons, .gam_gdk > img, .gam_enduser,
    .gam_satellite, .gam_control, .gam_bulb, {
        display: none;
    } */
    .gam_gdk, .gam_enduser,
    .gam_server_1, .gam_server_2, .grow_squa{
        display: none;
    }
    .gamgdlin.line2{
        opacity: 0;
    }
    .gamgdk_tube{
        right: 50%;
        width: 1%;
    }
    .gam_console{
        top: 44%;
        right: 10%;
        z-index: 2;
    }
    .gam_intro_3{    
        padding: 16rem 0;
    }
    .gamgdk_ball, .gdkfakeball{
        right: 0;
    }
    .gaming_icons_2{
        width: 11rem;
        margin: 0 auto 50%;
    }
    .gamgdlin{
        right: 4px;
    }
    .gamgdk_ball img{    
        width: 8rem;
        max-width: none;
        margin: -4rem -4rem 0 0;
    }
    .gam_control{
        top: 52%;
    }
    .gam_bulb{
        top: 44%;
    }
    .gaming_icons{
        margin-left: 32%;
        top: 44%;
        height: 27%;
        z-index: 5;
    }
    #gaming_image{
        width: 100%
    }
    .gam_cloud_1{
        width: 50%;
        left: -10%;
        top: 66%;
    }
    .gam_cloud_2 {
        width: 35%;
        right: 0;    
        top: 79%;
    }
    .gam_intro_1 {
        width: 100%;
        padding: 5rem 5% 0;
        position: relative;
        z-index: 2;
    }
    .gam_mobile{
        display: block;
    }
    .gamin_hero{
        position: absolute;
        bottom: 13%;
    }
    .gam_gdk{
        bottom: -4%;
    }
    .gam_intro_2{
        padding: 7rem 0;
    }
    .gam_client_type{
        padding: 7rem 0 5rem;
    }
    .gamcli_cli,
    .gamcli_cli > div{
        padding: 1rem;
    }
    .gamcli_img{
        padding: 0;
        width: 60% !important;
        margin: 1rem auto;
    }
    .gamcli_cont h4{font-size: 1.2rem;}
    .gam_feat{
        padding: 2rem 0;
    }
    .gam_features{
        padding: 7rem 0 3rem;
    }
    .gam_feat h3{
        width: 100%;
        margin-bottom: 1rem;
    }
    .gam_feat > div{
        margin: 0;
        width: 100%;
    }
    .pagam_ani_2{margin: 0;}
    .gamin_tunnel{
        left: 50%;
        top: 40%;
        width: 16rem;
        margin-left: -8rem;
    }
    .pagam_ani_2.act_ani{
        background: #fff;
    }
    .gin_1_content{
        text-align: center;
        width: 100%;
    }
    .grow_line_ani i:nth-child(1){top: 32%;}
    .grow_line_ani i:nth-child(3){top: 32%;}
    
    /* #mobile menu
    --------------------------------------------------------------- */
    .es_burger{
        display: block;
    }
    #esnav{
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background: #0050B4;
        transform: translate3d(-101%, 0, 0);
        transition: all 0.5s cubic-bezier(0.87, 0, 0.13, 1);
    }
    header.open #esnav{
        transform: translate3d(0, 0, 0);
    }
    #menu_first li{
        display: block;
    }
    #menu_first > li > a,
    header.stick #menu_first > li > a{
        font-size: 2rem;
        line-height: 2rem;
        padding: 1rem 1rem 1rem 2rem;
        width: 80%;
        color: #fff;
    }
    .land_logo svg{    
        min-width: auto;
        max-width: none;
        width: 15vw;
    }
    .land_logotext svg {
        min-width: auto;
        width: 45vw;
    }
    #eslogo {
        position: absolute;
        top: 1rem;
        left: 2rem;
        z-index: 1;
    }
    .main_menu {
        padding-top: 6rem;
        height: 100%;
    }
    #menu_first{height: 100%;}
    .navopen{
        position: absolute;
        right: 0;
        top: 0;
        width: 5rem;
        height: 5rem;
        display: block;
        text-align: right;
    }
    .navopen:before{
        content: '';
        position: absolute;
        top: 39%;
        right: 2.5rem;
        margin-top: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: #fff transparent transparent transparent;
        transition: transform 0.3s;
    }
    #menu_first > li > .sub-menu,
    #menu_first li:hover .sub-menu {
        position: relative;
        width: 100%;
        top: 0;
        left: initial;
        padding: 0 1rem 1rem;
        margin: 0;
        display: none;
        transform-origin: 0 0;
    }
    .navopen.open:before{
        transform: rotate(180deg);
    }
    .navopen.open + .sub-menu{
        display: block !important;
        -webkit-animation: subOpen .5s;
                animation: subOpen .5s;
    }
    
    #menu_first > li > .sub-menu > li{text-align: left;}
    #menu_first > li.pll-parent-menu-item > a{
        width: 4rem !important;
        height: 4rem;
        vertical-align: bottom;
        display: inline-block;
        font-size: 0 !important;
        padding: .5rem 1rem !important;
    }
    #menu_first .sub-menu > li.lang-item > a{
        padding: 0 1rem 1.2rem;
    }
    .pll-parent-menu-item .navopen{
        display: none;
    }
    #menu_first li.pll-parent-menu-item:hover .sub-menu,
    #menu_first > li.pll-parent-menu-item > ul {
        display: inline-block;
        transform: none;
        opacity: 1;
        position: relative;
        width: 80%;
        text-align: left;
        padding: 0;
    }
    #menu_first li.pll-parent-menu-item{
        width: 100%;
        background: #022658;
        padding: 1rem 0 0 2rem;
    }
    .pll-parent-menu-item > a:after{
        font-size: 2.5rem;
        position: absolute;
    }
    .headwrap{
        padding: 10px 2rem 10px;
    }
    header.color #menu_first > li > a{
        color: #fff;
    }
    header.open .ulogo_1, 
    header.open .ulogo_text, 
    header.open .ulogo_2{
        fill: #fff;
    }
    header.stick.open .esnavline,
    .opened .esnavline{
        stroke: #fff;
    }
    .gam_intro_3{    
        padding: 37rem 0 17rem;
    }
    .gam_intro_2{
        padding: 15rem 0 0;
    }
    li.activity_menu a{ 
        margin: 0 auto;
        text-align: center;
    }
    .act_banner{
        padding: 20px;
    }
    .actcon_banner{
        margin: 0 20px;
    }
    .actcban_text {
        padding: 4rem 2rem;
    }
    .actcicon_title,
    .acticon_wrap{
        width: 90%;
    }
    .actcicon_icons{
        padding: 1rem;
    }
    .popup_column > div{
        width: 100%;
        padding: 0;
    }
    .popup_content{
        padding: 2rem;
    }
    .popup_column > div.popup_text{
        padding: 0 1rem;
    }
    .sosubd_wrap{
        flex-direction: column;
    }
    .sosubd_wrap > div{
        width: 100%;
    }
    .sosu_img{
        order: 1;
    }
    .sosu_img figure {
        width: 100%;
    }
    .sosu_text{
        order: 2;
        padding: 0;
    }
    /* #AI
    --------------------------------------------------------------- */
    #page_ai_hero {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 10%;
        gap: 1%;
    }
    /* #page_ai_hero > div.es_wrap:nth-child(1) {
        display: none;
    } */
    .ai_hero_content p {
        padding-bottom: 3%;
    }
    #ai_image {
        position: relative;
        top: auto;
        right: auto;
        height: auto;
        width: 100%;
    }
    #ai_image img:nth-child(2) {
        position: relative;
        top: auto;
        right: auto;
    }
    .ai_main, 
    .ai_note, 
    .ai_letter{
        width: 100%;
        top: 0;
        right: 0;
    }
    .ai_light {
        width: 100%;
        top: auto;
        bottom: -5%;
        right: 0;
    }
    .ai_solutions_top {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    .solutions_tabs {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
        margin-bottom: 0;
        padding: .8rem .5rem 1.2rem;
        border-radius: 10px;
        box-shadow: 0px 0px 7.5px 0px rgba(0, 31, 101, 0.10);
        -ms-overflow-style: none;
        scrollbar-width: none; /* Firefox */
    }
    .solutions_tabs::-webkit-scrollbar{
        display: none;
    }
    .tab-button {
        width: 124px;
        display: inline-block;
    }
    .solutions_content {
        padding: 15px 15px 40px;
    }
    .solution_item_top {
        flex-direction: column;
        gap: 30px;
    }
    .solution_item_inner {
        width: 100%;
    }
    .feature_list {
        width: 100%;
    }
    .feature_content {
        gap: 20px;
    }
    .feature_item {
        padding: 15px;
    }
    .feature_item > .feature_item_title {
        margin-bottom: 0;
    }
    .page_ai_success_stories > h4 {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .story_wrap {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 15px;
        -ms-overflow-style: none;  /* IE 和 Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .story_wrap::-webkit-scrollbar {
        display: none;
    }
    .story_item {
        flex-direction: column;
        width: 80%;
        flex: 0 0 auto;
    }
    .story_item:first-child {
        margin-right: 20px;
    }
    .story_item_image {
        width: 100%;
    }
    .story_item_content {
        width: 100%;
        white-space: wrap;
    }
    .story_item_content span {
        font-size: 1rem;
    }
    .story_item_content h3 {
        font-size: 1rem;
        padding-bottom: .5rem;
    }
    .story_item_content > .es_s_btn {
        transform: scale(.9);
        transform-origin: left center;
    }
    #page_ai_model {
        padding: 90px 0;
    }
    .page_ai_model_title > .es_wrap {
        width: 90%;
        padding-bottom: 40px;
    }
    .page_ai_model_title > .es_wrap h2 {
        margin-bottom: 15px;
    }
    .ai_cli {
        padding: 15px;
    }
    .ai_cli > .es_col {
        padding: 15px;
        height: 400px;
    }
    .ai_cont > h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .ai_cont > span {
        font-size: 12px;
    }
    .ai_cont > div > p{
        font-size: 14px;
    }
    .ai_cont > .es_s_btn {
        transform: scale(.9);
        transform-origin: right center;
    }
    .ai_img {
        padding: 0 12% 15px;
    }
    .ai_popup_inner {
        width: 90%;
        padding: 15px;
    }
    .ai_popup_subtitle {
        font-size: 14px;
    }
    .ai_popup_title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .ai_popup_description {
        font-size: 14px;
    }
    .ai_popup_close {
        width: 40px;
        height: 40px;
        top: -45px;
        right: 0;
    }
    #page_ai_cloud_service .es_wrap {
        padding: 20px 15px 50px;
    }
    .cloud_service_top {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    .cloud_service_top > div {
        width: 100%;
    }
    .cloud_service_top ul {
        width: 100%;
    }
    .cloud_service_top ul li {
        width: 50%;
    }
    .service-tab-btn > a {
        width: 100%;
    }
    li .service-tab-btn > a svg {
        height: 33px;
    }
    .service-tab-btn > a:after {
        margin-left: -3%;
    }
    .cloud_service_item {
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }
    .cloud_logos li {
        width: 100%;
    }
    .cloud_service_item.less-than-three li {
        width: 100%;
    }
    #page_ai_cloud_service .pc_cloud:nth-child(1) {
        width: 50vw;
        top: auto;
        bottom: 8rem;
    }
    #page_ai_cloud_service .pc_cloud:nth-child(2) {
        width: 50vw;
        bottom: -8rem;

    }
    #page_ai_partner .es_wrap {
        gap: 40px;
    }
    .cloud_service_cta > .es_btn {
        font-size: 14px;
    }
    .partner_top {
        width: 100%;
    }
    .partner_wrap {
        display: flex;
        flex-direction: column-reverse;
    }
    .partner_robot {
        width: 100%;
    }
    .partner_list {
        width: 100%;
        padding-top: 20px;
    }
    .partner_list h4 {
        font-size: 16px;
    }
    .partner_list .okpoint {
        padding: 15px;
    }
}

@media screen and (max-width: 550px){
    body{
        font-size: 16px;
    }
    .socialmedias{right: 50px;}
    header{overflow: hidden;}
    .phsec3_content > div,
    .post_loop_wrap > div,
    #footm_first > li{
        width: 100%;
    }
    .actcban_text > div{
        position: relative;
        top: initial;
        left: initial;
        width: auto;
        transform: none;
    }
    .es_col{display: block;}
    .es_col > div{
        display: block;
        width: 100%;
    }
    .esrequired{
        top: 1.6rem;
        left: .5rem;
    }
    .page_about h2, .gam_features h2, .gin_3_content h2,
    .cate_title h1, .solufix h2, .soluse3_title h2,
    .solu_sec_1 h1, .ph_hero_content h1, .abt_sec_1 h1,
    #ph_sec2 h2, .contact_wrap.anistart h1,
    .gam_intro_1 h2, .gam_intro_2 h2, .gam_intro_4 h2, .ai_hero_content h1, .ai_solutions_top h2, .page_ai_model_title h2, .cloud_service_top h2, .partner_top h2, .page_ai_model_title > .es_wrap h2{
        font-size: 2rem;
    }
    .post_content h1{
        font-size: 1.5rem;
    }
    #menu_first li.pll-parent-menu-item{
        padding: 1rem 0 0 1rem;
    }
    .pll-parent-menu-item > a:after{
        font-size: 2rem;
    }
    #menu_first .sub-menu > li.lang-item > a{
        padding: 1rem 2rem;
    }
    #menu_first li.pll-parent-menu-item:hover .sub-menu, #menu_first > li.pll-parent-menu-item > ul{
        vertical-align: top;
    }
    #menu_first > li.pll-parent-menu-item > a{
        pointer-events: none;
    }
    .foot_content{padding: 5rem 0;}
    .abt2_title p,
    .abt_highlight h2, #menu_first > li > a,
    #menu_first > li > a, header.stick #menu_first > li > a,
    .abts1_title h2{
        font-size: 1.2rem;
    }
    .client_side h1 {
        font-size: 2rem;
    }
    .abt_investor figure{
        width: 80%;
        height: 80%;
    }
    .page_nobg{padding-top: 8rem;}
    .abt_investor li{width: 50%;}
    .abt2_des h2, .abt2_des h3, .abt2_des h4, .abt2_des h5{
        font-size: 1.2rem;
        margin: 2rem 0 1rem;
    }
    .abt2_des p{margin-bottom: 1rem;}
    .abt_highlight > div{
        padding: 2rem;
    }
    .abt_sec_1{
        padding: 10rem 0;
    }
    .cate_loop_sec .espost_cont{
        min-height: auto;
    }
    .scrolldown > div{
        width: 15vw;
        height: 15vw;
    }
    .scrolldown i:before{
        font-size: 2rem;
        left: -.5rem;
    }
    .cate_title h1{
        text-align: center;
        margin-bottom: 1rem;
    }
    .scrolldown b{
        width: 3px;
        height: 80%;
    }
    .bigu_image{
        width: 135%;
        right: -11%;
    }
    .bigu_planet{
        right: 25%;
        top: -86%;
    }
    .bigu_rocket {
        right: 65%;
        top: 0;
    }
    .phsec2_image{
        width: 100%;
        right: -6%;
    }
    #perf_3{left:19%;}
    .sec3_mbimg{max-width: 90%;}
    .phsec3_content h2{
        font-size: 1.2rem;
        font-weight: bolder;
        margin: 0 0 1rem;
    }
    .phsec3_content a{padding: .5rem;}
    .fcta_text{
        font-size: 2rem;
        line-height: 1.4;
        padding-bottom: 1rem;
    }
    #cta_foot{
        padding: 8rem 0 6rem;
    }
    .col-2 > div,
    .es_form .col-1 > div, .es_form .col-2 > div{
        width: 100%;
        display: block;
        padding: 0 0 .5rem;
    }
    #g-recaptcha > div{
        max-width: 100%;
    }
    .submit_wrap {
        padding: 0;
    }
    .contact_form{padding: 2rem 1rem 1rem;}
    .cate_nav ul{
        white-space: nowrap;
        overflow-x: scroll;
        display: block;
        padding: 1rem .5rem;
        text-align: center;
    }
    .cate_nav ul::-webkit-scrollbar {
        width: 0;
    }
    .cate_nav ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); 
    }
    .cate_nav ul::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); 
    }

    .cate_nav li{
        display: inline-block;
        padding: 0rem 1rem;
        width: auto;
    }
    
    .cate_head .es_col{
        display: block;
    }
    .foot_social{text-align: center;}
    .foot_social a{
        margin: .5rem;
    }
    .solufix{
        padding: 70vh 5vw 0;
    }
    .solufix span{
        margin-bottom: 6rem;
    }
    .solu_sec_3{
        padding: 7rem 0 14rem;
    }
    .solu_item_wrap{
        padding: 1rem;
    }
    .solui_title{
        padding: 0 0 1rem;
    }
    .bigu_image{
        bottom: -13%;
    }
    #ph_sec2{
        padding: 11rem 0 0;
    }
    .copyright{
        font-size: .9rem;
        opacity: 0.5;
        text-align: left;
    }
    .client_logos li{width: 50%;}
    .ultable > li > div:first-child{width: 40%;}
    .fcta_link a{color: #0050B4;}
    .abt_investor{padding: 0 0 1rem 0;}
    .abt_investor h2{padding: 2rem 0 1rem; margin: 0; font-size: 2rem;}
    .solu2_bg img:nth-child(1){width: 70%;}
    .solu2_bg img:nth-child(2){
    width: 70%;
    right: 0;
    }
    .solu2_bg img:nth-child(4){width: 90%;}
    .solu2_bg img:nth-child(3){width: 60%;}
    .solui_list .es_col > div{
        display: table-cell;
        width: auto;
    }
    .solui_title img{
        width: 50%;
        margin: 0 auto;
    }
    .solui_title h3{
        font-size: 1.2rem;
        text-align: center;
    }
    #footm_first a.title{
        font-size: 12.rem;
        font-weight: bolder;
    }
    .soluse3_title{
        text-align: center;
    }
    .gam_gdk_wrap{
        padding: .5rem .5rem 2rem;
    }
    .gdk_points{
        width: 100%;
        padding: .5rem 1rem;
    }
    /* #cloud gaming */
    .gaming_icons{
        top: 54%;
        height: 25%;
        width: 60%;
        margin: 0 auto;
    }
    .gam_console{
        top: 55%;
        right: 0;
        z-index: 2;
        width: 90%;
    }
    .gam_control{
        top: 44%;
    }
    .gamgdk_ball img{
        width: 6rem;
        margin: -3rem -3rem 0 0;
    }
    .gaming_icons_2{
        width: 8rem;
    }
    .gamin_tunnel{
        width: 11rem;
        margin-left: -5.5rem;
        top: 50%;
    }
    .gin_3_content .es_col > div{
        width: 100%;
    }
    .gin_3_content{
        position: relative;
        z-index: 4;
    }
    .gam_intro_3{    
        padding: 7rem 0 45rem;
    }
    .gin_2_content,
    .gin_3_content{
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }
    .scrolldown i{
        margin-left: -2px;
    }
    .gam_intro_4{    
        padding: 13rem 0 6rem;
    }
    .gaming_icons_2_cover{
        top: 30vh;
    }
    .actcban_img,
    .actcont_wrap:last-child .actcban_img{
        order: 2;
        height: 300px;
    }
    .actcban_text,
    .actcont_wrap:last-child .actcban_text{
        order: 1;
    }
    .actcicon_icons,
    .acthori_icons,
    .actcon_banner > div{
        width: 100%;
    }
    .actcon_banner > div{
        height: auto;
    }
    div.actcban_img{
        height: 61vw;
    }
    .actcon_banner{
        flex-direction: column;
    }
    .actcban_text h3{
        font-size: 1.5rem;
    }
    .acthori_slider figure{
        padding: 10px;
    }
    .popup_inner{
        margin: 0 0 0 -45vw;
        width: 90vw;
    }
    .popup_content{
        padding: 1rem;
    }
    .popup_column > div.popup_text{
        padding: 2rem 0 2rem;
    }
     /* #clients */
     .page_client  > div:nth-child(4) {
        /* padding: 0 5%; */
    }

    #user-input {
        font-size: 16px;
    }
    #send-button {
        right: 6px;
        top: 6.5px;
        width: 34px;
        height: 34px;
        border-radius: 20px;
    }
}