@media only screen and (max-width: 1470px) {
	.foreign_shareholders canvas {
		width: 175px !important;
		height: 175px !important;
	}
}
@media only screen and (max-width: 1100px) {
	.foreign_shareholders .inner {
		width: 100% !important;
	}
	.foreign_shareholders canvas {
		width: 140px !important;
		height: 140px !important;
	}
}
@media only screen and (max-width: 767px) {
	body {
		font-size: 12px;
	}

	.d-none-xs {
		display: none !important;
	}
	.d-block-xs {
		display: block !important;
	}

	body.page-timeline {
		overflow: hidden;
	}


	html.has-scroll-smooth {
		overflow: hidden;
	}

	.has-scroll-smooth body {
		overflow: hidden; 
	}

	.menu-with-text {
		width: 50px;
		height: 50px;
	}
	
	.lang a {
		width: 50px;
		height: 50px;
		font-size: 12px;
	}
	
	.dw-btn a {
		width: 50px;
		height: 50px;
	}
	
	.lines span {
		width: 32px;
	}
	
	.logo {
		width: 150px;
	}
	
	.header {
		padding: 5vw 2.5vw;
	}
	
	.main-banner .info {
		top: 45vw;
	}
	
	.main-banner .info h2 {
		font-size: 50px;
		padding-right: 5%;
	}
	
	.main-banner .info h3 {
		font-size: 50px;
		margin-right: -15vw;
	}
	
	.main-banner .info h3 span {
		font-size: 30px;
		line-height: 1;
	}
	
	.main-banner .year-text h3 {
		font-size: 26px;
	}
	
	.main-banner .year-text {
		bottom: 10vw;
		width: 60%;
	}
	
	.glanceSwiper .info {
		flex-direction: column;
		padding: 0;
	}
	
	.glanceSwiper .left {
		width: auto;
		margin-bottom: 20vw;
	}
	
	.glanceSwiper .right {
		width: 80%;
		margin: 0 auto 0 0;
	}
	
	.glanceSwiper .left h3 {
		font-size: 26px;
		padding-right: 10%;
		margin-bottom: 10vw;
	}
	
	.glanceSwiper .left h3 br {
		display: none;
	}
	
	.glanceSwiper .left .box {
		width: auto;
		padding-right: 20%;
	}
	
	.glanceSwiper .left .box p {
		font-size: 24px;
		margin-bottom: 10vw !important;
	}
	
	.bab-button a span {
		font-size: 16px;
		padding: 0 4vw;
		height: 35px;
	}
	
	.glanceSwiper .right .box-info h4 {
		font-size: 24px;
		margin-bottom: 5vw;
	}
	
	.glanceSwiper .right .box-info h5 {
		font-size: 20px;
		margin-bottom: 2vw;
	}
	
	.box-info .number span {
		font-size: 56px;
		padding-left: 10px;
	}
	
	.box-info .number p {
		font-size: 16px;
	}
	
	.glanceSwiper .box-line {
		padding: 15px 0;
		width: 40%;
	}
	
	.at-glance-main h2 {
		font-size: 16px;
		margin-bottom: 7vw !important;
	}
	
	.at-glance-main {
		padding: 10vw 5vw;
	}

	.bg_number .red_bg {
		width: 40% !important;
		padding: 10vw;
		height: auto;
	}
	
	.bg_number .wt_bg {
		width: 75% !important;
	}
	
	.bg_number .wt_bg h2 {
		margin: 0 !important;
		font-size: 15px;
	}
	
	.bg_number .wt_bg h2 span {
		font-size: 34px !important;
	}
	
	.bg_number {
		margin-left: 0;
		margin-bottom: 4vw;
	}
	
	.zakat_info >div h2 {
		font-size: 16px;
		line-height: 1.2;
	}
	
	.zakat_info >div {
		width: 75%;
	}
	
	.zakat_info {
		padding: 0;
		flex-direction: column-reverse;
		margin-bottom: 15vw;
	}
	
	.zakat_info > p {
		width: 100%;
		font-size: 12px;
		margin-bottom: 12vw;
	}
	
	.zakat_info >div p {
		font-size: 14px;
		padding: 0;
	}
	
	.sm_bg .r_bg {
		padding: 10vw 0;
		width: 25%;
		height: auto;
	}
	
	.sm_bg .w_bg {
		height: auto;
		width: 65%;
	}

	.chairmanSwiper .info {
		flex-direction: column;
		padding: 0;
	}
	
	.chairmanSwiper .left {
		width: 95%;
		margin: 0 auto 0 0;
		padding-left: 5vw;
	}
	
	.chairmanSwiper .left h3 {
		font-size: 24px;
		margin-bottom: 20vw;
	}
	
	.chairmanSwiper .left .box p {
		font-size: 16px;
		margin-bottom: 10vw !important;
	}
	
	.chairmanSwiper-main h2 {
		font-size: 16px;
		margin-bottom: 8vw !important;
		padding: 5vw;
	}
	
	.chairmanSwiper-main {
		padding: 0 0;
	}
	
	.chairmanSwiper .left .d-flex .justify-content-end {
		width: 75%;
	}
	
	.chairmanSwiper .left .d-flex {
		width: 80%;
		margin: 0 0 10vw auto;
	}
	
	.chairmanSwiper .left .box p:before {
		width: 18px;
		width: 40px;
	}
	
	.chairmanSwiper .left .box p:after {
		right: 1%;
		bottom: -10px;
	}
	
	.chairmanSwiper .right {
		width: 80%;
		margin: 0 auto 0 0;
		position: relative;
		right: 15vw;
	}
	
	.allSlidesPagi .swiper-pagination {
		right: 5vw !important;
	}
	
	.chairmanSwiper .right h3 {
		font-size: 20px;
	}
	
	.chairmanSwiper .right p {
		font-size: 16px;
	}
	
	.chairmanSwiper .right .pl3 {
		width: 65%;
		padding: 0;
		position: absolute;
		right: -30vw;
		top: 10vw;
	}

	.bab-button a:before {
		width: 35px;
		height: 35px;
	}
	
	.bab-button a .icon {
		width: 35px;
		height: 35px;
	}

	.sustainability-main .inner {
		flex-direction: column;
	}
	
	.sustainability-main .left {
		width: auto;
		margin-bottom: 20vw;
	}
	
	.sustainability-main .right {
		width: auto;
	}
	
	.sustainability-main .left h3 {
		font-size: 38px;
		margin-bottom: 15vw;
	}
	
	.sustainability-main .box p {
		font-size: 22px;
		margin-bottom: 10vw;
	}
	
	.sustainability-main .box {padding-right: 25%;}
	
	.sustainability-main {
		padding: 10vw 2.5vw;
	}
	
	.full-download-sec .info {
		flex-direction: column;
		justify-content: center;
		padding: 0 5vw;
	}
	
	.full-download-sec .info .right h3 {
		font-size: 28px;
		margin-bottom: 10vw;
	}
	
	.full-download-sec .info .right {
		width: 85%;
		margin: 0 0 0 auto;
	}
	
	.full-download-sec .info .left h2 {
		font-size: 42px;
		margin-bottom: 10vw;
	}
	
	.full-download-sec .info .left {
		width: auto;
	}
	
	.bab-button {
		margin-bottom: 5vw !important;
	}

	.inner_top_blur h1 {
		font-size: 60px;
	}
	
	.inner_top_blur div {
		width: 100%;
	}
	
	.stock_sec h3 {
		font-size: 22px;
		margin-bottom: 10vw;
	}
	
	.stock_sec {
		padding-right: 10vw;
		padding-left: 5vw;
	}
	
	.stock_sec h2 {
		font-size: 18px;
		padding-left: 5vw;
		margin-bottom: 15vw;
		padding-right: 25vw;
		line-height: 1.5;
	}
	
	.stock_sec span {
		font-size: 110px;
		margin-bottom: 5vw;
	}
	
	.bank_wrap {
		flex-direction: column;
		width: 94%;
		margin: auto;
		padding: 0;
		margin-bottom: 15vw;
	}
	
	.bank_wrap .right h2 {
		font-size: 30px;
	}
	
	.bank_wrap .right p {
		font-size: 18px;
	}
	
	.bank_wrap .right {
		width: 90%;
		margin: 0 auto 0 0;
		align-items: start;
		grid-gap: 10vw;
	}
	
	.bank_wrap .left {
		width: 75%;
		margin-bottom: 10vw;
	}
	
	.bt_red_bar {
		padding: 4vw;
		border-top: 1px solid #fff;
	}

	.brnach_sec .people_box {
		width: 94%;
		flex-direction: column;
	}
	
	.blur_box .people_box .box h2 {
		font-size: 70px;
	}
	
	.blur_box .people_box .box h2 h3 {
		font-size: 28px;
	}
	
	.blur_box .people_box .box p {
		font-size: 12px;
	}
	
	.box_line {
		width: 15%;
	}
	
	.brnach_sec .people_box .box {
		padding: 5vw 5vw 10vw 5vw;
		width: 75%;
		grid-gap: 35vw;
	}
	
	.brnach_sec .people_box .br_box {
		margin: 0 auto 0 0;
	}
	
	.brnach_sec .people_box .br_box h2 img {
		width: 40px;
		height: 40px;
	}
	
	.people_box .box h2 .number {
		justify-content: end;
	}
	
	.brnach_sec {
	}
	
	.smc_sec h2 {
		font-size: 38px;
		padding: 20vw 0;
	}
	
	.smc_sec {
		width: 90%;
	}

	.history_wrap {
		flex-direction: column-reverse;
		padding: 10vw 4vw 0;
	}

	.history_wrap .right h3 {
		font-size: 22px;
		line-height: 1.3;
	}

	.history_wrap .right {
		width: 75%;
		margin: 0 auto 0 0;
	}

	.history_wrap .left {width: 70%;}

	.history_wrap .right h2 {
		font-size: 36px;
	}

	.history_wrap .left .num_box {
		position: relative;
		bottom: -18vw;
		padding-bottom: 25vw;
	}

	.num_box .number img {
		width: 40px;
		height: 40px;
	}

	.fs-num {
		font-size: 60px;
	}

	.num_box .number > i {
		font-size: 24px;
	}

	.num_box .num-line {
		width: 50px;
		height: 2px;
	}

	.num_box .top p {
		font-size: 14px;
	}

	.num_box .top {
		margin-bottom: 35vw;
	}

	.num_box h3 {
		font-size: 12px;
	}

	.his_last {
		flex-direction: column;
	}

	.his_last h3{
		width: auto !important;
		font-size: 22px;
	}
	.his_last h2 {
		width: auto !important;
		font-size: 22px;
		margin-bottom: 30vw;
	}

	.inner_content {
		width: 100%;
		padding-top: 40vw;
	}
	
	.glance-tab .threeColum, .glance-tab .inner {
		flex-direction: column;
		grid-gap: 10vw;
	}
	
	.glance-tab .inner .left {
		width: auto;
	}
	
	.glance-curve {
		top: auto !important;
		bottom: 0;
	}
	
	.box-info .number .svg img {
		width: 40px;
		height: 40px;
	}
	
	.box-info h4 {
		font-size: 22px;
		line-height: 1.4;
		margin-bottom: 5vw;
	}
	
	.box-info h5 {
		font-size: 30px;
	}
	
	.heading h2 {
		font-size: 65px;
		padding: 0 5vw;
		margin-bottom: 40vw;
	}
	
	.box-info .box-line hr {
		width: 100px;
		margin-bottom: 5vw;
	}
	
	.glance-tab {
		padding: 0 5vw;
	}
	
	.glance-nav {top: 4.5%;width: 100%;left: 0;}
	
	.glance-nav ul {
		display: flex;
		width: 100%;
		padding: 0 5vw;
		display: none;
	}
	
	.glance-nav ul li a {
		font-size: 20px;
	}
	
	.glance-nav ul li a br {
		display: none;
	}
	
	.glance-nav ul li {
		text-align: start;
		margin: 0;
	}
	
	.box-info  p {
		font-size: 16px;
	}
	
	.box-info h3 {
		font-size: 22px;
		margin-bottom: 3vw;
	}
	
	.box-info h3 span {
	}
	
	.glance-tab .threeColum, .glance-tab .inner {
		margin-bottom: 15vw !important;
		align-items: start;
	}
	
	.glance-tab .inner .left .box-info .number span {
		font-size: 60px;
	}

	.inner_top_blur.awards div {
		right: 0;
		width: auto;
		right: 5%;
	}
	
	.inner_top_blur h1 br {
		display: none;
	}

	.awards_wrap {
		flex-direction: column;
		padding: 12vw 5vw;
	}
	
	.awards_wrap .left {
		width: auto;
	}
	
	.awards_wrap .left h3 {
		font-size: 28px;
	}
	
	.awards_wrap .left >div {
		margin-bottom: 10vw;
		padding-top: 5vw;
	}
	
	.awards_wrap .left img {
		width: 70% !important;
		margin-bottom: 15vw !important;
	}
	
	.awards_wrap .left .red_box {
		padding: 20vw 10vw;
	}
	
	.awards_wrap .right {
		width: auto;
	}
	
	.awards_wrap .right h3 {
		font-size: 28px;
	}

	.awards_wrap .right img {
		width: 100% !important;
		margin-bottom: 10vw;
	}
	
	.awards_wrap .right >div {
		margin-bottom: 15vw !important;
	}
	
	.paraline::after {
		width: 100px;
	}
	
	.awards_wrap .right .red_box {
		padding: 15vw 10vw;
		margin-bottom: 0 !important;
	}
	
	.advancing_top .advani_text > div h1 {
		font-size: 50px;
	}
	
	.advancing_top .advani_text .first {
		padding-right: 8vw;
		margin-bottom: 20vw;
	}
	
	.advancing_top .advani_text .first::before {
		width: 10px;
	}
	
	.advancing_top .advani_text .second {
		flex-direction: column;
		width: 100%;
		padding: 0 5vw;
	}
	
	.advancing_top .advani_text .second h2 {
		font-size: 28px;
		margin-bottom: 15vw;
	}
	
	.advancing_top .advani_text .second p {
		font-size: 18px;
		width: 75%;
	}
	
	.advancing_second {
		flex-direction: column;
		padding: 15vw 5vw !important;
	}
	
	.advancing_second h2 {
		width: 100% !important;
		font-size: 26px !important;
		margin-bottom: 10vw;
		line-height: 1.2;
	}
	
	.advancing_second p {
		font-size: 18px;
		width: 80%;
	}
	
	.marquee-text {
		font-size: 120px;
	}
	
	.culture_wrap .flex {
		flex-direction: column;
		padding: 20vw 5vw;
		grid-gap: 20vw;
	}
	
	.culture_wrap .flex p {
		width: 100%;
		font-size: 24px;
	}
	
	.advancing_last h2 {
		font-size: 32px !important;
		line-height: 1.2;
	}
	
	.advancing_last {
		padding: 20vw 5vw;
	}
	
	.strategy_text .first {
		padding: 0 !important;
	}
	
	.vision_wrap .visionSwiper .vision_info {
		flex-direction: column;
		width: 100%;
	}
	
	.vision_wrap .visionSwiper .vision_info .right h3 {
		font-size: 42px !important;
	}
	
	.vision_wrap .visionSwiper .vision_info .right h2 {
		font-size: 40px !important;
		margin-bottom: 5vw !important;
	}
	
	.vision_wrap .visionSwiper .vision_info .left .img {width: 12vw;}
	
	.vision_wrap {
		margin-bottom: 50vw;
		padding: 15vw 5vw 15vw;
	}
	
	.nextPrev .swiper-button-next, .nextPrev .swiper-button-prev {
		width: 35px;
		height: 35px;
	}
	
	.nextPrev .swiper-button-next svg, .nextPrev .swiper-button-prev svg {
		width: 20px !important;
	}

	.misiion_wrap .misionSwiper .vision_info .right h3 {
		font-size: 32px !important;
	}
	
	.misiion_wrap {
		padding: 30vw 5vw;
		margin: 0;
	}
	
	.misiion_wrap .wt-nextPrev {
		bottom: 15vw;
	}

	.footer {
		flex-direction: column;
		align-items: start;
		grid-gap: 5vw;
		padding: 5vw;
	}
	
	.footer .left > a > div h3 {
		font-size: 28px;
		margin-bottom: 3vw;
	}
	
	.footer .left > a > div p {
		font-size: 16px;
	}
	
	.footer .right h2 {
		font-size: 32px;
	}
	
	.footer .right a h3 {
		font-size: 28px;
	}
	
	.footer .right a svg {
		width: 50px;
		height: 50px;
	}
	
	.footer div > a > svg {
		width: 40px;
		height: 40px;
	}
	
	.footer .left {
		border-left: 0;
		border-bottom: solid 1px #fff;
		width: 100%;
		padding-bottom: 7vw;
	}
	
	.footer .right {
		width: 100%;
	}
	
	.footer .left > a > div {
		margin-right: 5vw;
	}
	
	.footer .left > a {
		align-items: start;
	}
	.opportunity_banner .oppHeading h1,
	.opportunity_banner .oppHeading h2 {
		font-size: 54px;
	}
	
	.futureBuiltMain h2 {
		font-size: 70px !important;
	}
	
	.robust-items {
		width: 90%;
	}
	
	.robust-items .inner {
		flex-direction: column;
	}
	
	.robust-items .inner .left h2 {
		font-size: 28px;
	}
	
	.robust-items .inner .left {
		width: 100%;
	}
	
	.robust-items .inner .right {
		width: 100%;
	}
	
	.robust-items .inner .right p {
		font-size: 16px;
		width: 85%;
		margin: 0 auto 15vw 0;
		line-height: 1.2;
	}
	
	.robust-items .inner .left hr {
		margin-bottom: 10vw !important;
	}
	
	.robust-items .inner .right hr {
		margin-bottom: 10vw !important;
		border: none;
		margin: 0;
	}

	.ch_bannar .statement-sec .right {
		width: 75%;
		margin: 30vw auto 10vw 0;
		position: relative;
	}
	
	.main_text .info {
		padding: 0 15vw 0 0;
	}
	
	.ch_bannar .statement-sec .left {
		width: 100%;
		padding: 0 5vw 20vw;
	}
	
	.main_text .vision_info {
		padding: 0 10vw 0 0;
	}
	
	.main_text .info p {
		font-size: 16px;
	}
	
	.ch_bannar .statement-sec .left .operating-head .inner h2 {
		font-size: 65px;
	}
	
	.ch_bannar .statement-sec .left .operating-head .inner h3 {
		font-size: 30px;
		padding-left: 15vw;
	}
	
	.main_text .head-info h2 {
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 5vw;
	}
	
	.main_text .head-info h3 {
		font-size: 36px;
	}
	
	.l_p {
		margin-bottom: 50px !important;
	}
	
	.yl_h3 {
		font-size: 20px;
		margin-bottom: 50px;
	}
	
	.rl_h4 {
		font-size: 20px;
		padding: 0;
	}
	
	.l_p {
		font-size: 18px !important;
	}
	
	.people_box .box h2 {
		font-size: 35px;
	}
	
	.people_box .box h2 .number h3 {
		font-size: 16px;
	}
	
	.people_box .box {
		padding: 5vw 2vw;
		grid-gap: 0;
	}
	
	.people_box .box .bt_box p {
		font-size: 12px;
	}
	
	.people_box .box h2 p {
		font-size: 12px;
	}
	
	.rl_h5 {
		font-size: 20px;
		margin-bottom: 50px;
	}
	
	.people_box .box .bt_box {
		margin-bottom: 12vw;
	}
	
	.box.br_box {}
	
	.trees_number h2 {
		font-size: 60px;
	}
	
	.main_text .vision_info p {
		font-size: 16px !important;
	}
	
	.rh_h2 {
		font-size: 36px;
	}

	.lite_name h2 {
		font-size: 24px;
		line-height: 1.2;
	}

	.ch_bannar .statement-sec .right > img {
		height: 100%;
	}

	.ch_bannar .statement-sec .right .main_info .next_btn a {
		font-size: 16px;
		padding: 15px 40px 15px 20px;
	}
	
	.ch_bannar .statement-sec .right .main_info .ch_innov .text h2 {
		font-size: 10px;
	}
	
	.ch_bannar .statement-sec .right .main_info .ch_innov .text p {
		font-size: 10px;
	}
	
	.ch_bannar .statement-sec .right .main_info .name_sec h2 {
		font-size: 16px;
	}
	
	.ch_bannar .statement-sec .right .main_info .name_sec p {
		font-size: 14px;
	}
	
	.ch_bannar .statement-sec .right .main_info .name_sec {
		width: 70%;
		bottom: 20vw;
		right: 20%;
	}
	
	.ch_bannar .statement-sec .right .main_info .ch_innov .text {
		padding: 4vw 2vw;
	}

	.ch_bannar .statement-sec .right .main_info .ch_innov {
		width: 45%;
		right: -30%;
		top: 5%;
	}

	.contribution_sec {
		padding: 0 4vw;
	}
	
	.contribution_sec .left .title_contrib h2 {
		font-size: 50px;
	}
	
	.contribution_sec .left .title_contrib h3 {
		font-size: 32px;
	}
	
	.contribution_sec .left .title_contrib h4 {
		font-size: 22px;
		margin-bottom: 15vw !important;
	}
	
	.contribution_sec .left {
		width: 100%;
		padding-top: 30vw;
		margin-bottom: 40px;
	}
	
	.contribution_sec .right {
		width: 25%;
	}

	.contribution_sec .left .img_sec {
		flex-direction: column;
		grid-gap: 20vw;
	}
	
	.contribution_sec .left .img_sec .img {
		width: auto;
	}
	
	.contribution_sec .left .img_sec p {
		font-size: 18px;
		width: 70%;
	}
	
	.contribution_sec .left .info {
		width: auto;
		margin-bottom: 20vw !important;
	}
	
	.contribution_sec .left p {
		font-size: 16px;
	}
	
	.contribution_sec .left > h2 {
		font-size: 22px;
		padding: 0 5vw;
	}
	
	.contribution_sec .left > h2::before {
		right: -5px;
		background-size: 25px;
	}
	
	.contribution_sec .left > h2::after {
		background-size: 20px;
		left: 11%;
		bottom: -20px;
	}
	
	.ceo_last {
		flex-direction: column;
		padding: 5vw;
		grid-gap: 15vw;
		padding-bottom: 10vw;
	}
	
	.furture_sec .left {
		width: 100% !important;
	}
	
	.furture_sec .right {
		width: 100% !important;
		padding: 20vw 15vw !important;
	}
	
	.para {
		font-size: 18px;
	}
	
	.furture_sec .right h2 {
		font-size: 24px;
	}
	
	.furture_sec .right h2::before {
		background-size: 25px;
		top: -15px;
		right: -45px;
	}
	
	.furture_sec .right h2::after {
		background-size: 25px;
		left: auto;
		right: 29%;
		bottom: -30px;
	}
	
	.vision_swiper .vision_head .left {
		width: 100%;
	}
	
	.vision_swiper .vision_head {
		flex-direction: column-reverse;
		padding: 15vw 5vw;
	}
	
	.vision_swiper .vision_head .left h2 {
		font-size: 34px;
		margin-bottom: 6vw;
	}
	
	.vision_swiper .vision_head .left h3 {
		font-size: 28px;
	}
	
	.vision_swiper .vision_head .right .img {
		width: 120px;
		margin-bottom: 5vw;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info {
		flex-direction: column;
		grid-gap: 25vw;
		padding: 10vw 5vw 20vw;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .left {
		width: 100%;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .right {
		width: 100%;
		flex-direction: column;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .left h2 {
		font-size: 40px;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .left .img {
		width: 100px;
	}
	
	.vision_swiper .nextPrev {
		bottom: auto;
		top: 47%;
		right: auto;
		left: 5vw;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .right .blc_box ul li {
		font-size: 16px;
		margin-bottom: 3vw;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .right .blc_box {
		width: auto;
		padding: 10vw 5vw;
	}
	
	.vision_swiper .programSwiper .swiper-slide .program_info .right .blc_box h2 {
		font-size: 24px;
		margin-bottom: 5vw;
	}

	.vision_swiper{
		background-image: url(../images/vision-bg-mbl.jpg);
	}

	.ch_bannar .statement-sec{
		display: flex;
		flex-direction: column-reverse;
	}
/* 	
	.main_time .slide-content {
		width: 100%;
		flex-direction: column-reverse;
		justify-content: center;
	}
	
	.main_time .timeline {
		width: 100%;
		height: 50%;
		flex-direction: inherit;
	}
	
	.main_time .timeline-months-wrapper {
		flex-direction: inherit;
	}

	.main_time .timeline-month {
		font-size: 30px;
		flex-direction: column;
		justify-content: center;
	} */

	.main_time .swiper.main_time .timeline {
		flex-direction: row;
		position: relative;
		width: 100%;
		overflow-x: auto;
		height: auto;
		top: 20%;
	}
	
	.main_time .timeline-months-wrapper {
	flex-direction: row;
	overflow-x: auto;
	gap: 20px;
	height: auto;
	}

	.main_time .timeline-month {
		flex-direction: column;
		font-size: 14px;
		align-items: center;
		height: 100%;
	}

	.main_time .dot {
	margin: 0 0 8px;
	}

	.main_time .dot-indicator {
	top: auto;
	/* bottom: -12px; */
	right: 11px !important;
	left: auto;
	transform: translateX(-50%);
	}

	.main_time .slide-content {
		width: 100%;
		justify-content: center;
	}
	.main_time .swiper-slide {
		display: flex;
	}
	.for-desktop{
		display: none;
	}

	.main_time .slide-content {
		width: 100%;
		justify-content: center;
	}

	.main_time .swiper-slide {
		display: flex;
	}

	.main_time .timeline {
		width: 100%;
		top: 30%;
	}
	.main_time .timeline-months-wrapper {
		flex-direction: row;
		overflow-x: auto;
		gap: 20px;
		height: auto;
		padding-top: 4vw;
		gap: inherit;
	}
	.main_time #timeline::after {
		width: 100%;
		height: 2px;
		left: 0;
		top: 6.5vw;
	}
	
	.for-mobile-tablet{
		display: block;
	}

	.horizontalScroller{
		height: auto !important;
	}

	.numericSwiper,
	.achievingSwiper {
		width: 94%;
		margin: 0 auto 0 0 !important;
	}
	
	.approach_wrap > h2 {
		padding: 0 6vw 0 0;
		font-size: 34px !important;
		margin-bottom: 10vw;
	}
	
	.swiper-infos .box .icon {
		width: 60px;
		margin-bottom: 6vw;
	}
	
	.swiper-infos .box h2 {
		font-size: 24px !important;
	}
	
	.swiper-infos .box {
		padding: 10vw 5vw;
		height: 250px;
	}
	
	.approach_wrap {
		padding: 20vw 0vw;
	}

	.different_sec .programSwiper .swiper-slide .strong_info {
		flex-direction: column;
		grid-gap: 10vw;
	}
	
	.different_sec .programSwiper .swiper-slide .strong_info h2 {
		width: auto;
		font-size: 28px !important;
	}
	
	.different_sec .programSwiper .swiper-slide .strong_info h3 {
		width: auto;
		font-size: 22px;
	}
	
	.different_sec .programSwiper {
		margin: 0;
	}
	
	.different_sec .programSwiper .swiper-slide .strong_info {
		padding-top: 5vw;
	}
	
	.different_sec {
		padding: 20vw 5vw !important;
		background-image: url(../images/different-img.jpg);
	}

	.different_sec .bank_text h2 {
		font-size: 26px;
	}
	
	.different_sec .bank_text .img {
		width: 50px;
	}
	
	.different_sec .nextPrev {
		top: 30%;
	}
	
	.different_sec .bank_text {
		margin-bottom: 25vw;
	}
	.accross_sec .grid_wrap .grid .img {
		width: 70px;
		margin-bottom: 15vw;
	}
	
	.accross_sec .grid_wrap .grid h2 {
		font-size: 21px;
	}
	
	.accross_sec {
		padding: 15vw 5vw;
	}
	
	.accross_sec h2 {
		font-size: 30px !important;
	}
	
	.accross_sec .grid_wrap {
		grid-template-columns: repeat(1, 1fr);
	}

	.service_sec .steak-engagement .steak-title {
		font-size: 32px !important;
		width: 100%;
	}
	
	.service_sec .steak-engagement {
		padding: 20vw 5vw;
	}
	
	.service_sec .steak-engagement .steak-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.service_sec .steak-engagement .steak-grid p {
		font-size: 20px;
	}
	.service_sec .steak-engagement .steak-title {
		font-size: 32px !important;
		width: 100%;
	}
	
	.service_sec .steak-engagement {
		padding: 20vw 5vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.service_sec .steak-engagement .steak-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.service_sec .steak-engagement .steak-grid p {
		font-size: 18px;
	}
	
	.service_sec {
	}
	
	.accross_sec .grid_wrap2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	
	.accross_sec .grid_wrap .grid h2 {
		font-size: 20px !important;
	}
	
	.accross_sec .grid_wrap .grid .img {width: 50px;}
	
	.steak-title {
		font-size: 28px !important;
		width: 100%;
	}
	
	.grid_fix {
		grid-template-columns: repeat(auto-fill,
		minmax(100px, 1fr)) !important;
	}
	
	.steak-grid li {
		padding-top: 2vw;
		font-size: 24px;
	}
	
	.steak-grid li p {
		line-height: 1.2;
	}
	
	.share_vlue {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10vw;
	}
	
	.share_vlue .value h2 {
		font-size: 24px !important;
		margin-bottom: 5vw;
	}
	
	.steak-engagement {
		margin-bottom: 15vw;
	}

	.inner_top_small h1 {
		font-size: 56px;
	}
	
	.steak-tabs {
		flex-direction: column;
	}
	
	.steak-tab-list {
		width: 100%;
		display: flex;
		overflow: scroll;
		grid-gap: 10vw;
	}
	
	.steak-tab-content-container {
		padding: 0;
	}
	
	.steak-grid {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
	
	.steak-tab {
		font-size: 18px;
		margin: 0;
		white-space: nowrap;
	}

	.steak {
		padding: 15vw 5vw;
	}

	.grid_wrap.grid_wrap4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	
	.grid_wrap.grid_wrap4 .grid .upper p {
		font-size: 18px;
		margin-bottom: 3vw;
	}
	
	.grid_wrap.grid_wrap4 .grid .upper h2 {
		font-size: 24px !important;
	}
	
	.accross_sec .grid_wrap4 .info img {
		width: 35px;
	}
	
	.accross_sec .grid_wrap4 .info > p {
		font-size: 14px;
	}
	
	.accross_sec .grid_wrap4 .info.flex p {
		font-size: 18px;
	}
	
	.accross_sec .grid_wrap4 .grid {
		padding: 5vw 2.5vw !important;
		height: 230px;
	}
	
	.accross_sec .grid_wrap4 .hrLine hr {
		height: 2px;
		width: 50px;
	}

	.fs64 {
		font-size: 30px !important;
	}
	
	.robut_box {
		flex-direction: column-reverse;
		padding: 0 5vw;
	}
	
	.robut_box .left {
		width: auto;
	}
	
	.robut_box .right {
		width: auto;
	}
	
	.robut_box .people_box .gray_box h2 {
		font-size: 50px;
	}
	
	.robut_box .people_box .red_box h2 {
		font-size: 50px;
	}
	
	.robut_box .people_box {
		margin-bottom: 50px;
	}
	
	.robut_box .right h2 {
		font-size: 36px;
		margin-bottom: 10vw;
	}
	
	.fs28 {
		font-size: 18px;
		line-height: 1.2;
	}
	
	.line_heading h2 {
		font-size: 28px;
	}
	
	.line_heading {
		margin-bottom: 10vw;
	}
	
	.non_sec {
		grid-gap: 10vw;
		flex-direction: column;
		padding: 15vw 5vw;
	}
	
	.fs32 {
		font-size: 20px;
	}
	
	.non_sec h2 {
		width: auto;
	}
	
	.neom_sec {
		padding: 15vw 5vw;
	}
	
	.neom_sec .info h2 {
		font-size: 26px;
		margin-bottom: 10vw;
	}
	
	.kingdom_sec .neom_sec .info h3 {
		width: 100%;
		font-size: 30px;
	}
	
	.neom_sec .info p {
		margin-bottom: 10vw;
	}

	.foreign_sec .bar_sec ul li .bar {
		width: 50%;
	}
	
	.foreign_sec .bar_sec ul li .box .red_bor {
		height: 10vw;
	}
	
	.foreign_sec .bar_sec ul li .bar .year {
		font-size: 18px;
		padding-right: 6vw;
	}
	
	.foreign_sec .bar_sec .yellow_box .bar {width: 45%;}
	
	.foreign_sec {
		width: 95%;
		margin-bottom: 15vw;
	}
	
	.foreign_sec .bar_sec ul li .box .st_number h2 .number p {
		font-size: 22px;
	}
	
	.foreign_sec .bar_sec ul li .yellow_box .brown_line {
		width: 65%;
	}
	
	.foreign_sec .bar_sec .yellow_box ul li .wt_line {
		width: 39%;
		left: 32%;
	}
	
	.foreign_sec .bar_sec ul li .wt_line {
		width: 34% !important;
		left: 46%;
	}
	
	.box.yellow_box .wt_line {width: 36% !important;left: 46% !important;}
	
	.box.yellow_box .brown_line {
		width: 45% !important;
	}
	
	.foreign_sec .bar_sec ul li .box .st_number p {
		font-size: 11px;
		margin-bottom: 2vw;
	}
	
	.foreign_sec .bar_sec ul li {
		margin-bottom: 5vw;
	}
	
	.foreign_sec .bar_sec ul li .box .st_number {
		width: 50%;
	}
	
	.foreign_sec .bar_sec ul li .box {
		justify-content: space-between;
	}
	
	.foreign_sec .bar_sec .yellow_box .st_number {
		width: 65% !important;
	}
	
	.foreign_sec .bar_sec ul li .box .st_number h2 {
		font-size: 20px;
	}
	
	.unoder_list ol li {
		font-size: 16px;
		margin-bottom: 3vw;
	}
	
	.unoder_list {
		width: 75%;
	}
	
	.sectorial_sec .line_heading {
		padding: 5vw 3vw 5vw;
	}
	
	.sectorial_sec 
	 .neom_sec {
		padding: 0 5vw;
	}
	
	.fl_text {
		flex-direction: column;
		padding-left: 20vw;
	}
	
	.fl_text .ml_box {
		width: auto;
	}
	
	.fl_text .ml_box p {
		font-size: 18px;
	}
	
	.fl_text .ml_box ul li {
		font-size: 16px;
		margin-bottom: 3vw;
	}
	
	.fl_text .people_box .box h2 {
		font-size: 75px;
		margin: 0;
	}
	
	.fl_text .people_box .box .bt_box p {
		font-size: 16px;
		margin: 0;
	}
	
	.people_box2 .box .bt_box {
		margin: 0;
	}
	
	.fl_text .people_box .box h2 p {
		font-size: 16px;
		margin: 0;
	}
	
	.fl_text .box.red_box {
		padding: 5vw !important;
	}
	
	.sticky_sec >div ul li a {
		font-size: 16px;
	}
	
	.over_wrap2 >div ul {
		width: 100%;
		overflow: scroll;
	}
	
	.sticky_sec >div ul li {
		white-space: nowrap;
	}
	
	.over_wrap .sticky_sec {
		top: -40px;
	}
	
	.performace_wrap {
		flex-direction: column;
		grid-gap: 10vw;
		padding: 5vw;
	}
	
	.fiancial_per .left {
		width: 60%;
	}
	
	.fiancial_per .left .per_box .top .box h2 {
		font-size: 24px;
	}
	
	.fiancial_per .left .per_box .top .box {
		padding: 5vw 2vw 20vw;
	}
	
	.performace_wrap .line_heading h2 {
		font-size: 24px;
	}
	
	.fiancial_per .left .per_box .bottom h2 {
		font-size: 14px;
	}
	
	.fiancial_per .right > h2 {
		font-size: 36px;
	}
	
	.fiancial_per .right {
		width: auto;
	}
	
	.foreign_sec2 .bar_sec ul li .wt_line {
		right: 19%;
	}
	
	.foreign_sec2 .bar_sec ul li .box .st_number h2 .number .img {
		margin: 0;
		width: 18px;
	}
	
	.foreign_sec2 .bar_sec ul li .box .st_number h2 .number {
		grid-gap: 2px;
	}

	.fiancial_per .right > h3 {
		width: 100%;
		font-size: 18px;
		line-height: 1.2;
	}
	
	.simple_slider {
		padding: 5vw !important;
	}
	
	.fin_position .simpleSwiper .swiper-slide .right p {
		font-size: 16px;
	}
	
	.simpleSwiper .swiper-slide {
		flex-direction: column;
	}
	
	.simpleSwiper .swiper-slide .left {
		width: auto;
		margin-bottom: 5vw;
	}
	
	.fin_position .simpleSwiper .swiper-slide .right {
		width: 100%;
	}
	
	.fin_position .simpleSwiper .swiper-slide {
		padding: 0;
	}
	
	.fin_position .nextPrev.simple {
		left: 5vw;
	}
	
	.fin_position .simpleSwiper .swiper-slide .right h3 {
		font-size: 24px;
	}
	
	.main_buld .marquee-container .img {}
	
	.main_buld .marquee-container .img svg {
		width: 80px;
		height: 80px;
	}
	
	.buld_sec .grid .zakat_number {
		flex-direction: column;
		grid-gap: 5vw;
		padding: 5vw 5vw;
	}
	
	.buld_sec .grid .zakat_number .left {
		width: auto;
	}
	
	.buld_sec .grid .zakat_number .right {
		width: auto;
		justify-content: start;
		align-items: center;
	}
	
	.buld_sec .grid .zakat_number .left h3 {
		font-size: 16px;
	}
	
	.buld_sec .grid .zakat_number .right h2 {
		font-size: 26px;
	}
	
	.main_buld {
		padding: 10vw 3vw 10vw;
	}
	
	.buld_sec {
		margin-bottom: 0;
		overflow: scroll;
		grid-gap: 2vw;
	}
	
	.all_bar h2 {
		font-size: 20px;
		margin: 0 !important;
	}
	
	.new_bar .red_bar {
		margin-bottom: 5vw;
		margin: 0;
		height: auto;
		width: 80vh;
		margin: 0 !important;
		padding: 2vw 2vw;
	}
	
	.new_bar .red_bar .left .rd_bar {
		height: 12vw;
	}
	
	.new_bar {
		transform: rotate(90deg);
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		grid-gap: 5vw;
		align-items: center;
	}
	
	.new_bar .red_bar .left .rd_bar {
	}
	
	.new_bar .new_line {
		/* width: 45% !important; */
	}
	
	.new_line {
    left: 20% !important;
    width: 68% !important;
}
	
	.new_bar .red_bar .st_number h2 {
		font-size: 24px;
	}
	
	.new_bar .red_bar .left .rd_bar:nth-child(1) {
	}
	
	.main_buld .marquee-container h3 {margin-left: 10px;}
	
	.new_bar .red_bar .left p {
		font-size: 12px;
	}
	
	.new_bar .red_bar .left {
	}

	.rd_bar.sd_yellow_box {
		width: 55% !important;
	}
		
	.rd_bar.sd_white_box {
		width: 60% !important;
	}
	
	.rd_bar.sizew45 {
		width: 60% !important;
	}
	
	.red_bar 
	 .new_bar .new_line {width: 0 !important;}
	
	.new_line.sizew47 {
		width: 42% !important;
	}
	
	.new_line.sizew54 {
		width: 52% !important;
	}
	
	.br_line.sizew42 {
		width: 57%;
	}
	
	.new_bar .red_bar .st_number h2 .img {
		width: 20px;
		margin-left: 2vw;
	}
	
	.new_bar .red_bar .st_number h2 .number p {
		font-size: 14px;
		margin-right: 6px;
	}
	
	.new_line.sizew63 {
		width: 65% !important;
	}
	
	.all_bar h2 br {
		display: none;
	}
	
	.simpleSwiper .swiper-slide .left {
		margin-bottom: 10vw;
		padding: 0;
	}
	
	.income_slider .swiper-slide .right {
		width: 100% !important;
	}
	
	.income_slider .swiper-slide .right h3 {
		font-size: 26px;
		line-height: 1.2;
	}
	
	.income_slider .swiper-slide .right h4 {
		font-size: 24px;
	}
	
	.income_slider .swiper-slide .left h2 {
		font-size: 44px;
	}
	
	.simple_slider.income_slider {
		padding: 15vw 5vw 30vw !important;
	}
	
	.income_slider .nextPrev {
		top: 10vw;
	}
	
	.branch_number {
		flex-direction: column;
		align-items: start;
		grid-gap: 30vw;
	}
	
	.branch_number .left {
		width: 100%;
		border-left: none;
		border-bottom: solid 2px;
		padding-bottom: 15vw;
	}
	
	.branch_number .right {
		width: 100%;
		padding: 0;
	}
	
	.main_branch {
		padding: 10vw 5vw 10vw;
		flex-direction: column;
		justify-content: center;
	}
	
	.main_branch .line_heading h2 {
		font-size: 36px;
		margin-bottom: 15vw;
	}

	.branch_number .left > span {
		font-size: 30px;
	}
	
	.branch_number .left > h2 {
		font-size: 120px;
		padding-bottom: 3vw;
	}
	
	.branch_number .right .all_branchs h2 {
		font-size: 70px;
	}
	
	.branch_number .left h3 {
		font-size: 32px;
	}
	
	.branch_number .right .all_branchs h3 {
		font-size: 20px;
	}

	.fs128 {
		font-size: 60px;
	}
	
	.micro_qualitative .left {
		width: 100%;
		position: relative;
		padding: 0;
	}
	
	.micro_qualitative .right {
		position: relative;
		width: 100% !important;
	}
	
	.micro_qualitative {
		padding: 15vw 5vw;
	}
	
	.micro_qualitative .left .left_line h2 {
		padding-right: 5vw;
	}
	
	.simpleSwiper .swiper-slide .right {
		width: auto;
	}
		
	.simpleSwiper .swiper-slide .left img {
		width: 60px !important;
	}

	.bab_table td, .bab_table th {
		font-size: 12px;
	}
	
	.micro_table {
		padding: 0 5vw;
		overflow-x: auto;
		margin-bottom: 20vw;
	}
	
	.bab_table table {
		width: 550px;
	}
	
	.bab_table {
		overflow-x: auto;
	}
	
	.bab_table thead th {
		padding: 16px 10px !important;
	}
	
	.bab_table tbody td {
		padding: 16px 12px !important;
	}
	
	.micro_table .left_line {
		margin-bottom: 10vw !important;
	}
	
	.micro_table .left_line h2 {
		padding: 3vw 5vw;
	}

	.transaction_first {
		flex-direction: column;
		width: 90%;
	}
	
	.transaction_first h2 {
		width: auto;
	}
	
	.transaction_first>div {
		width: auto;
	}
	
	.fs26 {
		font-size: 18px !important;
	}
	
	.tableh3 {
		font-size: 22px !important;
	}
	
	.bab_table {
	}
	
	.bab_table.sizew65 {
		width: 85% !important;
	}
	
	.fs36 {
		font-size: 24px !important;
	}
	
	.simple_slider.sizew80 {
		width: 100%;
	}
	
	.simpleSwiper.transaction .swiper-slide .right {
		width: 100%;
	}
	
	.trans_pin .left {
		position: relative;
		overflow: scroll;
		width: 100% !important;
		padding: 0;
	}
	
	.trans_pin .right {
		width: 100% !important;
	}
	
	.trans_pin .left ul {
		display: flex;
		overflow-x: scroll;
		width: 700px;
		grid-gap: 5vw;
	}
	
	.trans_pin .left ul li a {
		font-size: 18px;
	}
	
	.trans_pin .left ul li {
		white-space: nowrap;
		padding: 0 4vw 0 0;
	}
	
	.trans_pin .left ul li::before {right: -1vw;width: 5px;}
	
	.left_line>h2 i {
		width: 5px;
	}
	
	.credit-rating {
		padding-bottom: 15vw;
	}
	
	.bab_table.table_yellow table {
		width: 1000px;
	}

	.two-section {
		flex-direction: column;
		padding: 15vw 5vw;
	}
	
	.two-section h2 {
		width: 100%;
		margin-bottom: 5vw;
	}
	
	.two-section>div {
		width: 100%;
	}
	
	.fs42 {
		font-size: 20px;
	}
	
	.retail_ban >div {
		padding: 0;
	}
	
	.two-section>div>div::before {
		height: 3px;
	}
	
	.fs96 {
		font-size: 65px !important;
	}
	
	.treasury_wrap {
		flex-direction: column;
		padding: 15vw 5vw;
	}
	
	.treasury_wrap .tr_left {
		width: 100%;
		margin-bottom: 5vw;
	}
	
	.treasury_wrap .tr_right {
		width: 100%;
	}
	
	.treasury_wrap .tr_right p {
		font-size: 18px;
		line-height: 1.2;
	}

	.glanceSwiper .left .box > span {
		font-size: 22px;
	}

	.page-board-committees .bottom_line .para2 {
		margin-bottom: 15vw;
	}

	h2.fs30.relative.bold.cl {
		padding: 0;
	}
	
	.board_table td, .board_table th {
		font-size: 11px !important;
	}

	.board_text {
		padding: 0 5vw;
	}

	.board_pin .board_sec .right {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.board_pin .board_sec .left {
		width: 100%;
	}
	
	.board_pin .board_sec .left .text {
		width: 100%;
	}
	
	.board_pin {
		padding: 0 5vw;
	}
	
	.board_pin .board_table td, .board_pin .board_table th {
		font-size: 12px !important;
		padding: 16px 10px !important;
	}
	
	.bab_table.board_table  table {
		width: 1200px;
	}
	
	.board_pin .board_sec {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.board_pin .board_sec .right .img {
		margin-bottom: 15vw !important;
	}
	
	.penalties_imposed_sec .inner {
		padding: 0 5vw;
	}

	.member-section .swiper-thumbs {
		position: absolute;
		width: 100%;
		padding: 0;
		height: 100%;
		margin: 0;
	}
	
	.member-photo img {
		width: 100%;
	}
	
	.bod-infos {
		width: 70%;
		right: 5%;
		top: 12%;
	}
	
	.bod-infos .inner h2 {
		font-size: 32px !important;
	}
	
	.member-section .swiper-thumbs .swiper-wrapper {
		align-items: center;
		top: 17%;
	}
	
	.bodPagi {
		width: 95%;
		right: 5%;
		bottom: 4vw;
		z-index: 20;
	}
	
	.bodPagi .swiper-navi p {
		font-size: 14px;
	}
	
	.bodPagi .swiper-navi p:before {
		width: 8px;
		height: 8px;
	}
	
	.bodPagi .swiper-navi p.active,
	.bodPagi .swiper-navi p:hover {
	margin-right: 1vw;
	padding-right: 3vw;
	}

	.member-section .swiper-thumbs .swiper-slide {
	height: auto;
	}
	
	.member-section .swiper-main {
		padding: 0;
		width: 100%;
		z-index: 10;
	}

	.member-photo {
		border-radius: 0px 0 0 40px;
		position: relative;
		z-index: 39;
	}
	
	.bodPagi .swiper-navi {
		bottom: 0;
	}
	
	/* .member-section .swiper-slide {
		margin-top: -14vw;
	} */

	.bod-infos .inner p {
		font-size: 18px;
	}
	
	p.fs28.fml.mb10.pb10 {
		margin: 0;
	}

	.retail_wrap .retail-left div {
		padding: 0 5vw 0 10vw;
	}

	.retail_wrap .retail-right .bott p {
		padding: 0;
	}

	.ch_bannar .statement-sec .right >div {
		height: auto;
	}

	.fs48 {
		font-size: 22px;
	}
	
	.page-compliance-anti-financial-crimes .crimes_division_sec {
		padding: 10vw 5vw;
	}
	
	.page-compliance-anti-financial-crimes .crimes_division_sec .inner {
		padding: 0 0 0 5vw;
	}

	.crimes_division_sec .right h3 {
		font-size: 24px !important;
	}

	.box_inner i {
		height: 4px;
	}

	.customer_3 {
		flex-direction: column;
		grid-gap: 19vw;
	}
	
	.customer_3 .left {
		width: 100%;
	}
	
	.customer_3 .right {
		width: 100%;
		padding: 10vw 5vw;
	}
	
	.customer_3 .box_inner h2 {
		margin-bottom: 5vw !important;
	}
	
	.customer_3 .box_inner p {
		margin-bottom: 2vw;
		padding-top: 2vw;
	}

	.service_sec .steak-engagement .steak-grid.three {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.box_inline {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.micro_qualitative  .box_inline .box h2 {
		font-size: 44px !important;
	}
	
	.micro_qualitative {
		margin: 0;
	}

	.fiancial_per .right .foreign_sec2 ul {
		display: block;
	}
	
	.download-main {
		flex-direction: column;
	}
	
	.download-main .left {
		width: 100% !important;
		display: flex;
		justify-content: space-between;
	}
	
	.download-main .right {
		width: 100%;
	}
	
	.download-list li a, .filter-list li {
		font-size: 14px;
		margin-bottom: 3vw;
	}
	
	.download-main .left filter-section {
		width: 50%;
	}
	
	.download-main .left .filter-section {
		width: 60%;
	}
		
	.download-list li svg, .filter-list li svg {
		width: 12px;
		height: 12px;
	}
	
	.download-btn {
		font-size: 12px;
		padding: 4px 20px;
	}
	
	.download-main .left .download-section {
		width: 40%;
	}
	
	.ckeckbox-list label {
		font-size: 16px;
		padding-right: 10vw;
	}
	
	.ckeckbox-list label:before {
		width: 20px;
		height: 20px;
	}
	
	.ckeckbox-list li:first-child label {
		font-size: 16px;
		padding-right: 10vw;
	}
	
	.download-body .download-center .ckeckbox-list li {
		margin-bottom: 3vw;
	}

	.download-banner {
		padding-top: 40vw;
	}

	.advancing_last.futureBuiltMain h2 {
		font-size: 64px !important;
	}

	.actions_taken_main .inner {
		padding: 0 5vw;
	}

	.sticky_sec >div ul {
		padding: 3vw 3vw;
	}

	.vision_wrap .visionSwiper .vision_info .right {
		flex-direction: column;
		width: 100%;
	}
	
	.vision_wrap .visionSwiper .vision_info .right >div {
		margin: 0 0 10vw;
	}

	.trans_pin .right .flex {
		flex-direction: column;
	}
	
	.crimes_division_sec.brown {
		padding: 10vw 5vw;
	}
	
	.crimes_division_sec.brown .left h2 {
		margin: 0;
	}
	
	.crimes_division_sec.brown .left {
		margin: 0 !important;
	}

	.violation-table3 {
		width: 1800px;
	}


	.etfs_sec .right p {
		font-size: 18px;
	}
	
	.etfs_sec {
		padding: 10vw 5vw 15vw;
	}
	
	.include_list {flex-direction: column;padding-bottom: 10vw;}
	
	.include_list .left {
		width: 100%;
	}
	
	.include_list .left h2 {
		font-size: 22px;
		width: 90%;
		margin-bottom: 10vw;
	}
	
	.include_list .right {
		flex-direction: column;
		width: 100%;
	}
	
	.include_list .right ul {
		width: 100%;
		padding: 0 3vw;
	}
	
	.include_list .right ul li {
		font-size: 16px;
		margin-bottom: 1vw;
	}
	
	.include_list .right ul li::marker {
		font-size: 10px;
	}
	
	.trees_number {
		margin-bottom: 5vw;
	}
	
	.bt_box > p {
	}
	
	.trees_number h2 p {
	}
	
	.focus_sec .right p {
		font-size: 18px;
	}
	
	.payment_sec {
		flex-direction: column-reverse;
		margin-bottom: 15vw !important;
	}
	
	.payment_sec .left {
		width: 100%;
	}
	
	.payment_sec .left .line_head h2 {
		font-size: 22px;
	}
	
	.payment_sec .left h2 {
		font-size: 28px;
	}
	
	.payment_sec .right {
		width: 100%;
		margin-bottom: 10vw;
	}
	
	.payment_sec .left img {
		margin-bottom: 5vw !important;
	}
	
	.payment_sec .left p {
		font-size: 18px;
	}
	
	.red_box_text .yl_h3 {
		padding: 10vw 5vw;
	}
	
	.enjaz_text {}
	
	.sm_para {
		font-size: 18px;
	}
	
	.milestones_sec {
		flex-direction: column;
		padding: 10vw 5vw;
		margin-bottom: 10vw;
	}
	
	.milestones_sec .left h2 {
		font-size: 28px;
		margin-bottom: 5vw;
	}
	
	.milestones_sec .right .info p {
		font-size: 18px;
	}
	
	.enjaz_text {
		padding: 0 5vw;
	}
	
	.mbl_sec {
		flex-direction: column;
	}

	.page-sustainability .simpleSwiper .swiper-slide .right {
		width: 90%;
	}

	ul.slider-list {
		padding:  0 0 0 8vw;
	}

	.sus_last {
		margin-bottom: 15vw;
	}

	.trans_pin .left ul li a br {
		display: none;
	}

	.grid_wrap.grid_wrap2 {
		grid-gap: 5vw !important;
	}

	.branch_number .right .all_branchs {
		grid-gap: 15vw 10vw;
	}
	
	.audit_department_sec {
		padding-top: 10vw !important;
	}

	.rd_bar.sd_white_box {
		width: 45% !important;
	}
	
	.rd_bar.sd_lightgrey_box {
		width: 60% !important;
	}
	
	.rd_bar {
		width: 45% !important;
	}

	.buld_sec .grid {
		width: 160px;
	}

	.ckeckbox-list input:checked + label:after {
		top: 1px;
		right: 7px;
	}
	
	.steak-tab-content{
		width: 100%;
	}

	.page-stakeholders .steak-tabs .right {
		position: relative;
		width: 100%;
	}

	.next_page {
		width: 100%;
		height: 170px;
		margin: 0;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
		position: relative;
		top: 2vw;
	}
	
	.next_page a {
		font-size: 15px;
		padding: 0 3vw;
	}

	.next_page a h3 {
		width: 70%;
	}
	
	.next_page a svg {
		width: 50px;
		height: 50px;
	}

	.bt_new_bottom a {
		font-size: 4vw;
		width: 100%;
		justify-content: center;
		right: 10%;
		position: relative;
	}
	
	.bt_new_bottom {
		padding: 0;
		justify-content: center;
		width: 100%;
	}

	.chairmanSwiper {
        position: relative !important;
        height: auto;
        opacity: 1 !important;
        visibility: visible !important;
    }

	.bg_number .wt_bg h2 .number h3 {
		font-size: 12px !important;
		margin-left: 0;
	}

	.member-section .swiper-thumbs {
		display: none;
	}

	.ckeckbox-list li:first-child input:checked + label:after {
		top: 1px;
	}

	.page-compliance-corporate-governance-regulations .footer .right h2{
		font-size: 24px;
	}

	.bott.bg-red h2 {
		padding: 0 0 4vw 0;
	}

	.ch_bannar .statement-sec .right .main_info .next_btn a p {
		font-size: 16px;
	}

	.micro-banner .title h1 {
		margin-bottom: 4vw;
	}

	.people_box .box h2 .number img {
		width: 25px;
		height: 25px;
	}

	.main_time .cards .number b img {
		width: 20px !important;
	}
	
	.dasktop_video{
		display: none !important;   
	}

	.mbl_video{
		display: block !important;
	}

	.violation-table_small th, .violation-table_small td {
		font-size: 12px !important;
	}

}