@media only screen and (max-width: 767px) {
    .glanceSwiper .left {
        width: auto;
        margin-bottom: 20vw;
        position: relative;
        width: 100% !important;
        height:auto
    }
    .year-range-wrapper {
        position: relative;
        bottom: 0;
        right: 0;
        padding: 10vw 0 0;
    }
    .year-labels {
        font-size: 12vw;
        margin-bottom: 3vw;
        line-height: 1;
    }
    .slider-container {
        padding: 3vw 3.5vw 3vw 3vw;
        width: 170px;
    }
    .glanceSwiper2 .left {
        width: 100%;
    }
    .main-banner {
        padding: 0;
    }
    .video-holder {
        height: 100vh;
    }
    .menu-with-text .menu-icon {
        width: 50px;
        height: 50px;
    }
    .sticky_sec.fixed {
        position: fixed;
        top: 0;
        z-index: 100;
        background: #fff;
    }
    .sticky_sec {
        top: -64px;
    }
    .sticky_sec >div {
        height: 100%;
    }
    
    .over_wrap2 >div ul {
        height: 100%;
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
    }
    .sticky_sec >div ul li a {
        padding: 0 16px;
    }
    .slide-content-main {
        top: 16%;
        right: 5%;
        width: 90%;
        padding: 0;
    }
    .slide-content-main .item .box ul li a {
        font-size: 4vw;
    }
    .menu-nav ul li a {
        font-size: 4vw;
    }
    .slide-content-main .item .box ul li {
        margin-bottom:12px
    }
    .slide-content-main .item {
        gap: 5vw;
        flex-wrap: wrap;
    }
    .slide-content-main .item .box {
        width: 45%;
    }
    .menuSwiper .swiper-pagination-progressbar
    {
        bottom: 14.5vw;
    }
    .heading-main {
        position: absolute;
        bottom: 20vw;
        padding: 0 6%;
    }
    .menu-shade {
        height: 20%;
    }
    .heading-main .head h2 {
        line-height: 1.3;
        padding-right: 6.1vw;
        font-size: 15vw !important;
    }
    .menu-nav ul {
        overflow-x: auto;
    }
    .menu-nav ul li {
        padding: 4vw 5vw 3vw;
        margin: 0;
        white-space: nowrap;
        line-height: 1;
        display: flex;
    }
    .menu-nav ul li a svg {
        width: 26px;
    }
    .lang:before {
        left: -1px;
        top: 4px;
        height: 42px;
    }
    .menu-icon .lines span {
        width: 32px;
    }
    body {
        font-size: 16px;
    }
    .fs48 {
        font-size: 32px;
    } 
    .mb5 {
        margin-bottom: 10vw !important;
    }
    .fs32 {
        font-size: 20px;
    }
    .fs30,
    .fsn36,
    .fs1s {
        font-size: 18px;
    }
    .fs28 {
        font-size: 4.5vw;
    }
    .fs22 {
        font-size: 16px !important;
    }
    .fs3s {
        font-size: 24px;
    }
    .mb2 {
        margin-bottom: 5vw !important;
    }
    .mb1 {
        margin-bottom: 3vw !important;
    }
    .para2 {
        font-size: 16px !important;
    }
    .mb3 {
        margin-bottom: 40px !important;
    }
    .gg3 {
        gap: 40px;
    }
    .p3 {
        padding: 30px;
    }
    .fs55 {
        font-size: 24px;
    }
    .fs40 {
        font-size: 24px !important;
    }
    .mr1 {
        margin-left: 3vw;
    }
    .fs64 {
        font-size: 24px !important;
    }
    .fsn64 {
        font-size: 36px;
    }
    .stress_test.pr7 {
        padding-left: 0;
    }
    .mb10 {
        margin-bottom: 80px;
    }
    .px3 {
        padding-right: 5vw;
        padding-left: 5vw;
    }
    .mb4 {
        margin-bottom: 10vw;
    }
    .mb6 {
        margin-bottom: 80px;
    }
    .fs80 {
        font-size: 40px;
    }
    .shareholders_holder {
        display: flex;
        gap:4vw 0;
        justify-content: center;
    }
    .shareholders_holder .item {
        width: 50%;
        margin-bottom: 5vw !important;
    }
   
    canvas {
        display: block;
        margin: 0 auto;
        width: 140px !important;
        height: 140px !important;
    }

    .foreign_shareholders .chart-center-text .fs2,
    .major_shareholders_holder .chart-center-text .fs2,
    .shareholders_holder .chart-center-text strong {
        font-size: 4.5vw;
    }
    .foreign_shareholders .chart-center-text span,
    .shareholders_holder .chart-center-text span {
        font-size: 4.5vw;
    }
    .foreign_shareholders .chart-center-text span {
        font-size: 3.5vw;
    }
    .major_shareholders_holder .fs2s {
        font-size: 4.5vw;
        padding-top: 4vw;
    }

    .foreign_shareholders {
        background: url('../images/foreign-img.jpg') no-repeat center center;
        background-size: cover;
    }
    .foreign_shareholders img{
        width: auto;
        object-fit: cover;
        display: none;
    }
    .foreign_shareholders .infos  {
        position: relative;
        padding: 15vw 5vw !important;
    }
    .foreign_shareholders .infos h2 {
        margin-bottom: 10vw !important;
    }
    .foreign_shareholders .inner {
        width: 100%;
        display: flex;
        gap:4vw 0;
        justify-content: center;
    }
    .foreign_shareholders .item {
        width: 50% !important;
        margin-bottom: 5vw !important;
    }
    .violation-table,
    .styled-table {
        width: 1200px;
    }
    .violation-table th, 
    .violation-table td,
    .styled-table thead th,
    .styled-table td {
        padding: 15px;
    }
    
    .violation-table th, 
    .violation-table td,
    .styled-table td {
        font-size: 16px;
    }
    .communication-section {
        flex-direction: column;
    }
    .communication-section .right,
    .communication-section .left{
        width: 100%;
    }

    .communication-section .left {
        padding-left: 6vw;
        margin-bottom: 10vw;
    }
    .communication-section .left p {
        padding-left: 0;
    }
    .communication-section .right img {
        width: 80% !important;
        margin-right: auto;
    }
    .highlight-box {
        padding: 3vw;
        width: 90%;
        bottom: 10%;
    }
    .actions_taken_main {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .actions_taken_main .inner{
        flex-direction: column;
        width: 85%;
    }
    .actions_taken_main .box{
        width: 100%;
        margin: 0 !important;
    }

    .brnach_sec {
        background: url('../images/voting-share-img.jpg') no-repeat center center;
        background-size: cover;
        padding: 10vw 6vw;
    }
    .brnach_sec .img {
        display: none;
    }
    .people_box2 .box {
        grid-gap: 0 !important;
        padding-top: 5vw !important;
        padding-right: 5vw !important;
        padding-left: 5vw !important;
        padding-bottom: 5vw !important;
    }
    .people_box2 ul {
        padding-right: 6vw;
    }
    .blur_box {
        position:relative;
    }
    .brnach_sec .people_box .box {
        width: 85%;
    }
    .number_bank_sec h2 br {
        display: none;
    }
    .number_bank_sec .sizew65 {
        width: 100% !important;
    }
    .shareholder-table,
    .styled-request-table {
        width: 800px;
    }
    .shareholder-table tbody td,
    .styled-request-table tbody td {
        padding: 15px;
        font-size: 16px;
    }
    .shareholder-table thead th,
    .styled-request-table thead th {
        padding: 15px;
        font-size: 18px;
    }
    .retail_wrap,
    .etfs_sec2 .right .info,
    .etfs_sec,
    .sus_last,
    .micro_qualitative .right > div.flex,
    .focus_sec,
    .inside_box,
    .this_effort .this_bottom,
    .formulate_sec .right,
    .crimes_division_sec2 .inner,
    .micro_qualitative .right .inner,
    .department_operates_sec,
    .executive_sec .right,
    .executive_sec,
    .executive_sec2 .right,
    .ethical_conduct_Sec .inner,
    .crimes_division_sec .inner,
    .innerBox,
    .divisionSwiper .info,
    .crimes_division_sec > .inner,
    .executive_sec3,
    .audit_department_sec .inner,
    .following_vote_sec,
    .dividend_policy_sec .inner {
        flex-direction: column;
    }
    .sizew85,
    .etfs_sec .left,
    .etfs_sec .right,
    .sizew70,
    .sizew90,
    .sizew80,
    .sizew45,
    .sizew54,
    .sizew30,
    .sizew59,
    .sizew50,
    .sizew40,
    .sizew60,
    .box.sizew45 {
        width: 100% !important;
        line-height: 1.2;
    }
    .retail_wrap .retail-left,
    .retail_wrap .retail-right,
    .sus_last>div,
    .sus_last>h2,
    .focus_sec .left,
    .focus_sec .right,
    .this_effort .this_bottom .divone,
    .this_effort .this_bottom .divtwo,
    .this_effort .this_bottom .divthree,
    .crimes_division_sec2 .inner .left,
    .crimes_division_sec2 .inner .right,
    .department_operates_sec .left,
    .department_operates_sec .right,
    .executive_sec .left,
    .executive_sec .right,
    .executive_sec .right > div,
    .executive_sec2 .left,
    .executive_sec2 .right,
    .ethical_conduct_Sec .inner .left,
    .ethical_conduct_Sec .inner .right,
    .crimes_division_sec .inner .box,
    .crimes_division_sec,
    .divisionSwiper .info .left,
    .divisionSwiper .info .right,
    .crimes_division_sec > .inner .left,
    .crimes_division_sec > .inner .right,
    .executive_sec3 .left,
    .executive_sec3 .right,
    .audit_department_sec .inner .left,
    .audit_department_sec .inner .right,
    .following_vote_sec .left,
    .following_vote_sec .right,
    .dividend_policy_sec .inner .left,
    .dividend_policy_sec .inner .right {
        width: 100%;
    }
    .policy_box {
        flex-direction: column;
    }
    .policy_box > div {
        width: 100% !important;
    }
    .primary_shareholders_sec .table-responsive {
        margin-left: 0;
    }
    .shareholder-table .svg img {
        width: 20px;
    }
    .communication-section {
        margin-bottom: 10vw;
    }
    .following_vote_sec .left {
        padding-left: 6vw;
        margin-bottom: 10vw;
    }
    .red_rect {
        position: relative;
        padding-right:6.5vw;
    }
    .red_rect:before {
        top: 1vw;
        width: 2.15vw;
        height: 2.15vw;
    }
    .red_rect .ul-li {
        padding-right: 4vw;
        padding-top: 1vw;
    }
    .following_vote_sec .right {
        margin-bottom: 10vw;
    }
    .sm-img2 {
        width: 20px !important;
    }
    .approved_box {
        padding-top: 10vw;
    }
    .approved_box:before {
        width: 5vw;
        height: 5vw;
    }
    .lineHr2 hr {
        width: 60px;
        height: 5px;
    }
    .following_vote_sec .following-data .info {
        padding: 8vw 10vw 10vw 7vw;
    }
    .following_vote_sec .following-data {
        margin-bottom: 10vw !important;
    }
    .following_vote_sec .right div + div {
        padding-right: 6vw;
    }
    .timeline_sec_mian .timeline_svg {
        display: none;
    }
    .timeline_sec_mian .timeline_head {
        position: relative;
        top: 0;
        right: 6vw;
        margin: 0 0 8vw;
    }
    .timeline_div1,
    .timeline_div2,
    .timeline_div3,
    .timeline_div4,
    .timeline_div5 {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        padding: 0 6vw;
    }
    .timeline_text span {
        font-size: 16px;
        margin-bottom: 2vw;
    }
    .timeline_text ul li, .timeline_text p {
        font-size: 16px;
    }
    .timeline_text .event {
        margin: 0 0 4vw;
    }
    .timeline_sec_mian {
        padding-top: 10vw;
        padding-bottom: 10vw;
        background-size: cover;
    }
    .dividend_policy_sec .inner .left {
        margin-bottom: 0 !important;
    }
    .borderLine2 {
        padding-right: 8vw;
    }
    .borderLine2:before {
        right: 0;
    }
    .directors_risk .swiper-infos .box {
        padding: 10vw;
    }
    .accross_sec .grid_wrap {
        grid-gap: 10vw;
    }
    .audit_department_sec .box {
        width: 100%;
        margin-bottom: 0 !important;
    }
    .audit_department_sec .box h2 {
        margin-bottom: 0;
    }
    .glanceSwiper2 .left .box {
        padding-right: 26%;
    }
    .crimes_division_sec > .inner .left h2,
    .executive_sec3 .left h3 {
        margin-bottom: 0 !important;
    }
    .borderLineR:before, .borderLineW:before {
        right: -20px;
        width: 10px;
        height: 50%;
    }
    .divisionSwiper .info {
        padding-top: 30px;
    }
    .sizew82,
    .sizew45,
    .division-swiper-container .nextPrev,
    .division-swiper-inner.sizew85 {
        width:100%
    }
    .division-swiper-container .nextPrev {
        margin-bottom: 15px;
    }
    .divisionSwiper .info .left {
        margin-bottom: 30px;
    }
    .divisionSwiper .info .left h3 {
        font-size: 22px;
    }
    .table-responsive {
        margin-bottom: 50px;
    }
    .trans_pin .left ul li {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }
    .internal_text h2 {
        font-size: 12vw;
        margin: 0 0 15px;
    }
    .internal_text p {
        font-size: 6vw !important;
    }
    .audit_department_sec,
    .strategy_text {
        padding: 0 5vw;
    }
    .audit_department_sec {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .department_operates_sec .num_box2 {
        padding: 30px !important;
    }
    .department_operates_sec {
        grid-gap: 50px;
    }
    .department_operates_sec .num_box h3 {
        font-size: 18px !important;
    }
    .num_box .top p {
        font-size: 17px;
    }
    .num_box .num-line {
        margin-bottom: 20px;
    }
    .violation-table.violation-table2 th, 
    .violation-table.violation-table2 td {
        font-size: 12px;
    }
    .violation-table2 {
        width: 2500px;
    }
    .violation-table.violation-table3 th, 
    .violation-table.violation-table3 td {
        font-size: 14px;
    }
   
    .bottom_line > h2 i, .bottom_line > h3 i {
        bottom: -5vw;
        width: 30vw;
    }
    .violation-table.violation-table15 th, 
    .violation-table.violation-table15 td {
        font-size: 12px;
    }
    h3 br,
    h2 br {
        display: none;
    }
    .eminence_sec.pr10 {
        padding-left: 0;
    }
    .violation-table.extraSpac th, 
    .violation-table.extraSpac td {
        padding: 15px;
    }
    .inner_top_blur h1 span {
        filter: blur(5px);
    }
    .formulate_sec {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .micro-banner {
        margin-bottom: 80px;
    }
    .box_inline.six {
        grid-template-columns: repeat(1, 1fr);
    }
    .box_inline {
        grid-gap: 30px;
    }
    .box_inline .box>i {
        top: 30px;
    }
    .box_inline .box {
        padding:50px 30px 30px;
        min-height: 220px;
    }
    .box_inline .box>p {
        font-size: 18px;
    }
    .this_effort {
        background: url('../images/effort.jpg') no-repeat center center;
        background-size: cover;
        height: auto;
        padding: 40px 0;
    }
    .this_effort img {
        display: none;
    }
    
    .this_effort .this_bottom,
    .this_effort>h2 {
        position: relative;
    }
    .this_effort .this_bottom {
        top: 10%;
    }
    .this_effort .this_bottom > div {
        margin-bottom: 40px;
    }
    .this_effort .this_bottom .divtwo,
    .this_effort .this_bottom .divone {
        border-left: 0;
        padding-left: 0;
        border-bottom: 1px solid #ffffff63;
    }
    .this_effort .this_bottom .divtwo{
        padding-bottom: 30px;
    }
    .inside_box {
        gap: 40px;
    }
    .inside_box .bg-red.py3 {
        padding: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .line_head h2 {
        font-size: 24px;
        padding-top: 5px;
        padding-right: 15px;
        margin-bottom: 5vw;
    }
    .focus_sec.sd_red_box .line_head h2 {
        margin-bottom: 30px;
    }
    .focus_sec .right h2{
        font-size: 20px;
    }
    .focus_sec .right h3 {
        font-size: 18px !important;
    }
    .bg-red.p2 {
        background: #E41F28;
        padding: 30px;
    }
    .micro_qualitative .right > div.flex > div p,
    .micro_qualitative .right > div.flex > div {
        margin-bottom: 30px !important;
    }
    .page-board-committees #pinSection9,
    .page-board-committees #pinSection10,
    .page-board-committees #pinSection11 {
        margin-bottom: 0 !important;
    }
    .page-board-committees .audit_department_sec,
    .page-board-committees #pinSection10 {
        padding-top: 0;
    }
    .page-board-committees .micro_qualitative.mb6,
    .page-board-committees .micro_qualitative .inner.mb5 {
        margin-bottom: 0 !important;
    }
    .page-board-committees .box.pr7 {
        padding-left: 0;
    }
    .page-board-committees .micro_qualitative .right > div.flex {
        margin-bottom: 0;
    }
    .page-board-committees .micro_qualitative {
        padding: 15vw 5vw 0;
    }
    .page-board-committees .gg3 {
        gap: 0;
    }
    .simple_slider .simpleSwiper {
        padding-top: 40px;
    }
    .simple_slider {
        margin-bottom: 20px;
    }
    .retail_ban .left_line {
        padding-top: 40px;
    }
    .etfs_sec .left h2 {
        font-size: 24px;
    }
    .small_para {
        font-size: 18px;
    }
    .etfs_sec2 .right h3 {
        font-size: 18px;
    }
    .etfs_sec2 .right .info {
        margin-bottom: 30px;
    }
    .page-employees .micro_table{
        padding-top: 40px;
    }
    .trans_pin{
        padding-right: 5vw;
        padding-left: 5vw;
    }
    .swiper-infos .box2 {
        padding: 30px !important;
    }
    .inner_top_blur {
        margin-bottom: 80px;
    }
    .fs56 {
        font-size:24px
    }
    .transaction_first h2 {
        margin-bottom: 40px;
    }
    .transaction_first>div {
        padding-left: 0;
    }
    .transaction_first>div p {
        margin-bottom: 30px;
    }

    /* .service_sec {
        background: url('../images/tec-high.jpg') no-repeat center center;
        background-size: cover;
        height: auto;
    }
    .service_sec .img {
        display: none;
    }
    .service_sec .steak-engagement {
        position: relative;
    } */
    .page-technology .accross_sec{
        padding: 10vw 0;
    }
    .page-technology .accross_sec .grid_wrap .box {
        padding: 30px;
    }
    .page-technology .micro_table {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .page-technology .focus_sec .right{   
        padding-top: 40px;
    }

    .page-technology .line_head h2 {
        font-size: 32px;
    }
    .page-technology .focus_sec .right h2 {
        font-size: 24px;
    }
    .retail_wrap .retail-right {
        position: relative;
        padding-right: 10%;
    }
    .retail_wrap .retail-right .bott {
        bottom: 6%;
        width: 100%;
        padding: 30px;
    }
    
    .etfs_sec .left {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .etfs_sec .left .bg-grey{
        padding: 30px;
        width: 100% !important;
    }
    .etfs_sec .left .bg-grey p {
        padding-top: 20px;
    }
    .chairmanSwiper-main h2,
    .at-glance-main h2 {
        font-size: 18px;
    }
	.header {
		z-index: 1000;
	}
	body.menu-opened {
		overflow: hidden;
	}
	body.menu-opened .menu-main {
		z-index: 999;
	}
	.ht-cursor {
		display: none;
	}
	
	.main_time #timeline i {
		top: 30px;
		width: 100%;
		height: 1px !important;
		left: 0;
	}
	.page-timeline .zoom-in-loop{
		animation: none !important;
	}
	.main_time .timeline-months-wrapper {
        height: 200px;
    }
	.main_time .timeline-month {
        font-size: 5vw;
	}
	.main_time .timeline-month .motnh {
		transform: rotate(-90deg) !important;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.main_time .slide-content {
        width: 100%;
        justify-content: center;
        padding-bottom: 5%;
        padding-right: 5%;
        padding-top: 50%;
    }
	.main_time .main-title {
		font-size: 4vw;
		width: 70%;
	}
	.main_time .sub-heading {
		font-size: 4vw;
		width: 70%;
		margin-bottom: 5vw;
	}
	.main_time .fs16 {
		font-size: 3.5vw;
	}
	.main_time .cards .box_inner {
		padding: 4vw;
	}
	.main_time .cards .box_inner>p {
		padding-top: 3vw;
	}	
	.main_time .cards .fs96{
        font-size: 10vw !important;
    }
	.main_time .cards .number b {
        font-size: 5.5vw;
    }
	.main_time .swiper-slide {
        display: flex;
        width: 500px !important;
    }
	.main_time .cards {
		width: 100%;
	}
	.timeline_head {
		bottom: auto;
		right: 4%;
		top: 13%;
	}
	.timeline_head .fs128 {
		font-size: 20vw;
	}
	.timeline_head .fs64 {
		font-size: 10.5vw !important;
        line-height: 1.3;
	}
    .timeline_head .fs64 span {
        line-height: 1.3;
    }
	.chairmanSwiper-inner {
		height: auto;
	}
	.chairmanSwiper {
		position: relative;
		height: auto;
	}
	.chairmanSwiper.chairmanSwiperSec2 {
		padding-top: 10vw;
	}
	.headceo {
		display: block;
	}
	.chairmanSwiper-main {
        padding: 30px 0 0;
    }

    .year-range-wrapper {
        z-index: 1;   
        position: absolute;
        right: -18% !important;    
    }
    
    .year-range-wrapper .slider-container {
        transform: rotate(-90deg);
    }
    .year-range-wrapper.fixed {
        position: fixed;
        right: -11% !important;
        top: 50px;
    }
    .year-range-wrapper.fade {
        opacity: 0;
        z-index: -1;
        transition: all .3s ease;
    }
    .trans_pin .left.fixed {
        position: fixed;
        width: 100%;
        top: 0;
        background: #fff;
        padding: 10px;
    }
    .trans_pin .left ul {
        padding-right: 5px;
    }

    .following_vote_sec .following-data .flex.aic.mb1 {
        margin-bottom: 1vw !important;
    }

    .following_vote_sec .following-data .box-info.mb1 {
        margin-bottom: 1vw !important;
    }
    .steak-tabs .right.fixed {
        position: fixed;
        width: 100%;
        top: 0;
        background: #fff;
        padding: 15px;
        right: 0;
        z-index: 10;
    }

    .advancing_top .advani_text > div h1 i {
        white-space: normal;
    }
    .bab-button.dark-btn a span {
        padding: 0 4vw;
    }
    /* .main_time .timeline-months-wrapper {
        padding-left: 0;
        padding-right: 20px;
    } */

    .cardsMian {
		width: 90%;
		right: 6%;
        left: auto;
	}
    .main_time .cards {
        width: 90%;
        gap: 3vw;
        flex-direction: row;
        display: flex;
    }
    .main_time .cards .number b {
        font-size: 4vw;
    }
    .main_time .cards .fs96 {
        font-size: 6.5vw !important;
    }
    .advancing_last.futureBuiltMain {
        position: relative;
    }
    .fs2 {
        font-size: 18px;
    }
    .advancing_last.futureBuiltMain {
        position: relative;
    }
    .advancing_last.futureBuiltMain {
        opacity: 1;
    }

    .page-business-model .service_sec .img img {
        height: auto;
    }

    
}