@media (max-width: 1050px) {
    .milestone-timeline {
        padding-left: 40px;
    }
    .milestone-timeline .navgroup {
        right: 40px;
    }
}
@media (max-width: 1023px) {
    .milestone-timeline {
        padding-left: 40px;
    }
    h1, .h1,
    h2, .h2 {
        font-size: 2.8em;
    }
    h3, .h3,
    .archive-single .entry-title  {
        font-size: 1.4em;
    }
    .values-content .swiper-pagination-bullet {
        font-size: 0.7em;
    }
    .index-goal .entry-content .title {
        font-size: 8em;
    }
    * {
        background-attachment: scroll;
    }
    .subscribe_IR .form {
        margin-left: 0;
    }
    .archive-single .entry-header {
        position: static;
        height: auto;
        top: auto;
        padding-bottom: 30px;
    }
    .job-news_category {
        left: 15px;
        top: 20px;
    }
    .job-news_title {
        left: 15px;
        bottom: 20px;
        font-size: 2em;
    }
    .job-info .entry-content .sticky {
        position: static;
        top: auto;
    }
    .investor-relation .meta li {
        margin-left: 20px;
    }
    .investor-info .tab-data .card {
        width: 50%;
    }
    * {
        background-attachment: scroll !important;
    }
    .archive-single .entry-content {
        max-width: 100%;
        padding-left: 0;
    }
    .nav-hover-next,
    .nav-hover-prev {
        display: none;
    }
	.team_card .team_name {
		font-size: 0.9em;
    }
    .index-milestone {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .x1-title{
        margin-bottom: 20px;
        font-size: 1.4em;
        margin: 0;
        display: block;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
    .x1-title2{
        margin-bottom: 20px;
        font-size: 2.8em;
        line-height: 1.25em;
        margin: 0;
        display: block;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
}
@media (max-width: 767px) {
    .dt {
        display: none !important;
    }
    .mb {
        display: block !important;
    }
    #header {
        padding: 20px 15px 0;
        height: 60px;
    }
    .hamburger {
        top: 8px;
        right: 5px;
    }
    .language {
        top: 22px;
        right: 60px;
    }
    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .index-hero .rs_outline {
        display: none;
    }
    .index-hero .meta {
        left: 15px;
        right: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }
    .index-hero .meta .entry-content {
        -webkit-animation-delay: 0.1s !important;
        animation-delay: 0.1s !important;
    }
    .menu-panel {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .align-middle,
    .section-vh {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .index-core .entry-content {
        padding: 80px 15px 15px;
    }
    .values-content .swiper-pagination {
        left: 15px;
        right: 15px;
        width: calc(100% - 30px);
    }
    .milestone-timeline {
        padding-left: 15px;
    }
    .milestone-timeline .swiper-slide:nth-child(even) {
        margin-top: 25px;
    }
    .index-milestone .titleblock,
    .index-team .titleblock {
        margin-bottom: 20px;
    }
    .archive_cardgroup,
    .index-team .team_cardgroup {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 10px;
    }
    .archive_cardgroup {
        grid-column-gap: 15px;
    }
    .team_card .meta,
    .archive_card .meta {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #footer .entry-content ul a:not(:last-child) {
        margin-right: 20px;
    }
    #footer .entry-content p:not(:last-child) {
        margin-bottom: 10px;
    }
    #footer .bottom-bar {
        left: 15px;
        right: 15px;
    }
    #footer .bottom-bar .webby,
    #footer .bottom-bar .copyright {
        position: static;
        margin: 5px 2px 0;
        top: auto;
        left: auto;
        right: auto;
        display: inline-block;
    }
    .archive-page .titleblock {
        flex-direction: column;
    }
    .archive-page .archive-filter {
        margin-left: 0;
        width: 100%;
    }
    .archive-filter .select {
        margin-left: 0;
        width: 50%;
    }
    .archive-filter .select:nth-child(2) {
        padding-left: 5px;
    }
    .archive_name {
        /*max-height: 48px;*/
    }
    .load-more {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .section-scroll.align-middle {
        padding-bottom: 30px;
    }
    .single-page {
        padding: 40px 25px;
    }
    .cookies_accept .container {
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .cookies_accept .message {
        width: 100%;
        margin-bottom: 15px;
    }
    .cookies_accept .btn-link {
        margin-left: 0;
    }
    .error404 .quote {
        font-size: 50px; 
    }
    .archive-single {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .archive-single .archive-sg_titleblock {
        width: 100%;
    }
    .archive-single .entry-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .back {
        margin-bottom: 30px;
    }
    .archive-single .archive-sg_share {
        width: 100%;
        margin-left: 0;
        padding-top: 30px;
    }
    .archive-sg_share ul li {
        display: inline-block;
        margin-right: 15px;
    }
    .archive-sg_share ul {
        margin-top: 5px;
    }
    .archive-single .entry-content .wp-block-image:not(:last-child) {
        margin-bottom: 30px;
    }
    .archive-single .entry-content .wp-block-image:not(:first-child) {
        margin-top: 30px;
    }
    .career-slide .object-fit:before {
        padding-top: 75%;
    }
    .career-slide .meta {
        left: 15px;
        bottom: 20px;
    }
    .slide-next {
        right: 0;
    }
    .slide-prev {
        left: 0;
    }
    .job_board {
        /*padding-top: 50px;
        padding-bottom: 50px;*/
    }
    .job-board_ctrl {
        width: 100%;
    }
    .job-board_ctrl .tabs {
        margin-top: 15px;
    }
    .job-board_ctrl .tab-link {
        display: inline-block;
        margin-right: 1px;
        margin-bottom: 4px;
        padding: 2px 5px;
        border: solid 1px #000;
    }
    .job-board_ctrl .tab-link.current {
        background-color: #000;
        color: #fff;
    }
    .job_board .tab-data {
        width: 100%;
        margin-top: 30px;
    }
    .job_news .card {
        width: 100%;
    }
    .career-dashboard {
        padding-bottom: 60px;
    }
    .job_titleblock {
        flex-direction: column;
    }
    .job-summary .job_title, 
    .job-summary .job_require {
        width: 100%;
    }
    .job-summary .job_title {
        margin-bottom: 10px;
    }
    .job-summary .job_require li {
        width: 100%;
        margin-top: 10px;
    }
    .job-info .entry-content, 
    .job-info .job-form {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
    .job-summary {
        padding-top: 80px;
    }
    .job-form .titleblock {
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .job-form .mark {
        margin-left: 0;
        margin-top: 5px;
    }
    .milestone-timeline .navgroup {
        right: 15px;
    }
    .request-visit .field {
        width: 100%;
    }
    .investor-relation .titleblock .entry-content,
    .investor-relation .meta,
    .investor-relation .webcast {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .investor-relation .meta li {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .investor-relation .summary {
        margin-top: 0;
    }
    .investor-relation .summary li {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .iv_wrap {
        flex-direction: column;
    }
    .iv_left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .iv_right {
        width: 100%;
    }
    .investor-financial, 
    .investor-news, 
    .investor-stock {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .iv_left .tab-link {
        display: inline-block;
        padding: 2px 7px;
        margin: 0 1px 4px 0;
        border: solid 1px #000;
    }
    .investor-financial .iv_left .tab-link,
    .investor-stock .iv_left .tab-link,
    .investor-faq .iv_left .tab-link {
        border-color: #fff;
    }
    .tab-link.current {
        text-decoration: none;
    }
    .investor-news .archive_name {
        max-height: 40px;
    }
    .stock-chart .summary li {
        width: 50%;
    }
    .values-content .object-fit:after {
        display: none;  
    }
    .investor-info .tab-data .card {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .investor-info .tab-data .cardgroup {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 10px;
    }
    .rs-clipped3 {
        background-image: unset;
    }
    .rs-clipped {
        background-image: unset;
        color: #fff;
    }
    .milestone-timeline .swiper-slide {
        padding-right: 15px;
    }
    .index-about,
    .company-quote {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .index-milestone {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .milestone-timeline .swiper-slide:nth-child(even) {
        margin-top: 15px;
    } 
    #footer {
        min-height: unset;
        padding-bottom: 100px;
    }
    .archive_name {
        font-size: 1.2em;
    }
    .archive-page,
    .investor-relation {
        padding-top: 100px;
    }
    .archive-single .entry-title {
        font-weight: 500;
    }
    .index-core {
        min-height: 95vh;
    }
    .values-content .object-fit:before {
        padding-top: 95vh;
    }
    .index-goal .entry-content .title {
        font-size: 5em;
    }
	.job_board ul.open li:nth-child(n+6) {
		display: inline-block;
	}
	.brand_list .container {
		position: static;
	}
	.brand_list .btn-link {
		position: absolute;
		bottom: 40px;
		left: 15px;
		z-index: 10;
	}
    .team_card .team_name,
    .team_card .team_position {
		font-size: 6px;
    }
	.team_card .team_name {
        font-weight: 700;
    }
    .values-content .swiper-pagination-bullet {
        font-size: 0.55em;
    }
	
	.team_name{ letter-spacing: 0 !important;}
}