@media(min-width: 768px) and (max-width: 1300px) {
    .sld4 .sect1a > img{
        width: 70%;
    }
}

@media only screen and (max-width: 768px) {
    /**/
    :root {
        --base_font_size: 2vw;
        --base_lineheight: 2.8vw;
        --base_number: 2vw;
    }
    .fs-5 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs-6 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs-7 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs-8 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs-9 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs1 {
        font-size: calc( var(--base_font_size) * 2);
    }
    .fs1s {
        font-size: calc( var(--base_font_size) * 2.5);
    }
    .lh-5 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh-6 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh-7 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh-8 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh-9 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh1 {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .lh1s {
        line-height: calc( var(--base_lineheight) * 2);
    }
    .wrapper100,
    .wrapper95,
    .wrapper90,
    .wrapper85,
    .wrapper80,
    .wrapper75,
    .wrapper70,
    .wrapper65,
    .wrapper60,
    .wrapper55,
    .wrapper50,
    .wrapper45,
    .wrapper40,
    .wrapper35,
    .wrapper30,
    .wrapper25,
    .wrapper20,
    .wrapper15,
    .wrapper10 {
        width: 100vw;
    }
    .sizew100,
    .sizew95,
    .sizew90,
    .sizew85,
    .sizew80,
    .sizew75,
    .sizew70,
    .sizew65,
    .sizew60,
    .sizew55,
    .sizew50,
    .sizew45,
    .sizew40,
    .sizew35,
    .sizew30,
    .sizew25,
    .sizew20,
    .sizew15,
    .sizew10 {
        width: 100%;
    }
    .sizeh100,
    .sizeh95,
    .sizeh90,
    .sizeh85,
    .sizeh80,
    .sizeh75,
    .sizeh70,
    .sizeh65,
    .sizeh60,
    .sizeh55,
    .sizeh50,
    .sizeh45,
    .sizeh40,
    .sizeh35,
    .sizeh30,
    .sizeh25,
    .sizeh20,
    .sizeh15,
    .sizeh10 {
        height: auto;
    }
    .ht100,
    .ht95,
    .ht90,
    .ht85,
    .ht80,
    .ht75,
    .ht70,
    .ht65,
    .ht60,
    .ht55,
    .ht50,
    .ht45,
    .ht40,
    .ht35,
    .ht30,
    .ht25,
    .ht20,
    .ht15,
    .ht10 {
        height: auto;
    }
    .padded5 {
        padding: 5vw !important;
    }
    .padded5y {
        padding-top: 5vw !important;
        padding-bottom: 5vw !important;
    }
    .padded5x {
        padding-right: 5vw !important;
        padding-left: 5vw !important;
    }
    /**/
    *[data-scroll] {
        opacity: 1;
        transition: initial;
        transition-delay: unset !important;
        transform: none !important;
    }
    *[data-scroll].is-inview {
        opacity: 1;
    }
    /*loader text*/
    .mn_loader_text #ld_text {
        font-size: 4vw;
    }
    /*loader text*/
    /*header*/
    .header_wrapper {
        /* display: none; */
        position: relative;
        top: 0;
        right: 0;
        /*background: #000;*/
    }
    .header_logo img {
        width: 30vw;
        padding: 0;
    }
    .header_wrapper > div {
        padding: 3vw 3vw 3vw 5vw !important;
    }
    .header_wrapper .menu_links {
        position: fixed;
        top: 0;
        left: -100%;
        display: block;
        overflow: auto;
        z-index: 101;
        height: 100vh;
        padding: 5vw 0;
        width: 100%;
        background: #edeaea;
    }
    .header_wrapper .menu_links a {
        display: block;
        font-weight: bold;
        font-size: 6vw;
        line-height: 6vw;
        padding: 7vw 15vw 7vw 15vw;
        transition: color .2s ease-in;
    }
    .header_wrapper .menu_links a > i {
        float: right;
        font-size: 6vw;
        transition: all .2s ease-in;
        color: var(--color_purple);
        transform: rotateY(0);
    }
    .header_wrapper .menu_links a.active > i {
        transform: rotateY(180deg);
        color: var(--color_orange);
    }
    .header_wrapper .menu_links a span {
        position: relative;
        top: auto;
        width: 100%;
        border: 0;
    }
    .header_wrapper .menu_links a span i {
        font-size: 4.5vw;
        line-height: 5vw;
        font-weight: 600;
        color: var(--color_purple);
        border: 0;
        margin: 6vw 0 0 0;
        padding: 0;
        background-color: #edeaea;
    }
    .header_wrapper .menu_links a img {
        max-width: 40vw;
        margin-bottom: 5vw;
    }
    .header_wrapper .btn_menu_close {}
    .header_wrapper .header_menu_list > a.menu_search {
        width: auto;
        height: 13vw;
        font-size: 5vw;
        padding: 0 3vw;
    }
    .header_wrapper .header_menu_list > a.menu_lang {
        width: auto;
        height: 13vw;
        font-size: 5vw;
        padding: 0 3vw;
    }
    .header_wrapper .header_menu_list > a i {
        font-size: 8vw;
    }
    .header_wrapper .header_menu_list > a.menu_hamburg {
        width: auto;
        height: 13vw;
        font-size: 5vw;
        padding: 0 3vw;
    }
    .header_wrapper .menu_links a.active {
        color: var(--color_orange) !important;
    }
    .main_search_wrapper .search_field {
        position: absolute;
        right: 0;
        width: 93vw;
        top: calc( 4vw + 1px);
    }
    .main_search_wrapper .search_field input {
        font-size: 4vw;
        font-weight: 300;
        padding: 5vw 5vw 5vw 10vw;
    }
    .main_search_wrapper .search_field i {
        font-size: 8vw;
        top: 50%;
        transform: translateY(-50%) rotateY(180deg);
        right: 2vw;
    }
    .main_search_wrapper::before {
        display: block;
        width: 100%;
        height: 100%;
        background: #e4e4e4d9;
        content: "";
        top: 0;
        right: 0;
        position: fixed;
    }
    /*header*/
    /*main menu*/
    .main_menu_wrapper .menu_content_wrap {
        width: 80%;
        flex-direction: column;
        top: 10vw;
        transform: unset;
    }
    .menu_content_wrap > div > img {
        width: 30vw;
        margin-bottom: 5vw;
    }
    .main_menu_wrapper .menu_content_wrap > div {
        margin-bottom: 6vw;
    }
    .menu_content_wrap > div.float_right {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .menu_content_wrap > div > div {
        margin-bottom: 5vw;
    }
    .menu_content_wrap > div > div:last-child {
        margin: 0;
    }
    .menu_content_wrap > div > div h3 {
        font-size: 5vw;
        margin-bottom: 3vw;
    }
    .menu_content_wrap > div > div p a {
        font-size: 4vw;
        margin-bottom: 1vw;
        max-width: none;
        line-height: 6vw;
        overflow: visible;
    }
    .menu_content_wrap > div > h1 {
        width: 100%;
        font-size: 4vw;
        line-height: 6vw;
    }
    /*main menu*/
    /*homepage*/
    .watermark {
        display: none !important;
    }
    .hm_rw1 {
        height: auto;
    }
    .hm_rw1 .sizew10 {
        display: none !important;
    }
    .hm_rw1 .slider .swiper-slide > img,
    .hm_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .hm_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
    }
    .hm_rw1 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
        margin-top: 5vw;
    }
    .hm_rw1 .slider .swiper-pagination {
        left: 5vw;
        bottom: 10vw;
    }
    .hm_rw1 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-right: calc( var(--base_number) * 2.5);
    }
    .hm_rw1 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .hm_rw2 img {
        position: relative;
        width: 50%;
        object-fit: cover;
        object-position: center;
        margin-top: -10vw !important;
        float: right;
        /*margin-left: 10vw;*/
    }
    .hm_rw3 .sizew70 {
        margin: 5vw 0;
    }
    .hm_rw3 .sizew70 h1 {
        /*line-height: */
    }
    .hm_rw4 {
        padding: 10vw 0;
    }
    .hm_rw4 .swiper-container {
        top: auto !important;
        margin-top: 0;
    }
    .hm_rw4 .slider .swiper-slide {
        width: 90%;
        /*margin-bottom: 5vw;*/
        height: auto;
    }
    .hm_rw4 .slider .swiper-slide .slide_content {
        position: relative;
        width: 100%;
        right: 0;
        padding: 5vw;
        bottom: auto;
    }
    .hm_rw4 .slider .swiper-slide .slide_content h1 {
        margin: 5vw 0;
    }
    .hm_rw4 .slider .swiper-slide .slide_content > img {
        max-width: 30%;
    }
    .hm_rw4 .slider .swiper-slide > img,
    .hm_rw4 .slider .swiper-slide > video {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .hm_rw5 {
        padding-bottom: 5vw;
    }
    .hm_rw5 .slider .swiper-slide {
        background-color: #fff;
    }
    .hm_rw5 .swiper-container > a {
        position: relative;
        margin: 0 0 5vw 5vw;
    }
    .hm_rw5 .slider .swiper-slide .sizew50 > img {
        position: relative;
        width: 100%;
        height: 30vh;
        object-fit: cover;
        object-position: center;
        float: right;
    }
    .hm_rw5 .slider .swiper-slide .sizew55 {
        position: relative;
        float: right;
        padding: 5vw;
        /*margin: 0;*/
    }
    .hm_rw5 .slider .swiper-slide .sizew55 > a {
        font-size: 10vw;
    }
    .hm_rw5 .slider .swiper-pagination {
        position: relative;
        right: auto;
        padding-bottom: 5vw;
        padding-left: 6.5vw;
        bottom: 1px;
        background: #fff;
    }
    .hm_rw5 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-right: calc( var(--base_number) * 2.5);
    }
    .hm_rw5 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .hm_rw6 a.ml10 {
        margin: 0;
    }
    .hm_rw6 .sizew100 {
        padding: 0;
    }
    .hm_rw6 .slider .swiper-slide {
        width: 90%;
        height: auto;
        overflow: hidden;
        border: 0;
    }
    .hm_rw6 .slider .swiper-slide > img {
        position: relative;
        height: 35vh;
        object-fit: cover;
        object-position: center;
        opacity: 1;
    }
    .hm_rw6 .slider .swiper-slide::before {
        opacity: .7;
        height: 35vh;
    }
    .hm_rw6 .slider .swiper-slide .slide_content {
        padding: 5vw;
        background: #fff;
    }
    .hm_rw6 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
    }
    .hm_rw6 .slider .swiper-slide.active p,
    .hm_rw6 .slider .swiper-slide.active p,
    .hm_rw6 .slider .swiper-slide:hover p,
    .hm_rw6 .slider .swiper-slide:hover p {
        color: #3d3d3d;
    }
    .hm_rw7 {
        padding: 0;
        background-color: #f3f3f3;
    }
    .hm_rw7 > img {
        position: absolute;
    }
    .hm_rw7 .sizew65 {
        padding: 7vw 5vw;
        /*background-color: #1a1f40;*/
    }
    .hm_rw7 .sizew65 .sizew55 > h1 {
        margin: 5vw 0 0 0;
    }
    .hm_rw7 .sizew65 .sizew40 > a {
        font-size: 10vw;
        margin-top: 5vw;
    }
    .ft_logo a img {
        width: 50vw;
        margin-bottom: 10vw;
    }
    .ft_quick_link > a {
        font-size: 4vw;
        margin-bottom: 1vw;
        line-height: 5vw;
    }
    .footer_wrap .sizew25,
    .footer_wrap .sizew40,
    .footer_wrap .sizew45 {
        margin-bottom: 4vw;
    }
    .footer_wrap .offset30 {
        margin-left: 0;
    }
    .footer_wrap .offset30.df {
        flex-direction: column;
    }
    .newsletter_field {
        padding-bottom: 2vw;
        margin-top: 3vw;
        justify-content: space-around;
    }
    .newsletter_field input {
        font-size: 4vw;
    }
    .newsletter_field button {
        font-size: 5vw;
    }
    .ft_cta h3 {
        margin: 3vw 0;
        font-size: 6vw;
        border-top: 1px solid #424c9a;
        border-bottom: 1px solid #424c9a;
        padding-bottom: 3vw;
        padding-top: 3vw;
    }
    .ft_cta h3 em {
        display: none !important;
    }
    .ft_cta span {
        margin-bottom: 1vw;
        font-size: 4vw;
        font-weight: normal;
    }
    .ft_cta span i {
        font-size: 5vw;
        position: relative;
        top: 2.5vw;
        right: 0;
    }
    .ft_para p {
        display: flex;
        font-size: 4vw;
        line-height: 5vw;
        flex-direction: column-reverse;
    }
    .ft_para p a {
        margin: 0 0 2vw 0;
    }
    .ft_social {
        flex-direction: row;
        justify-content: space-evenly;
        position: relative;
        top: -5vw;
    }
    .ft_social > a {
        margin: 0 0 0vw 0;
    }
    .ft_social > a img {
        width: 6vw;
    }
    /*homepage*/
    /*about us*/
    .au_rw1 {
        height: auto;
    }
    .au_rw1 .sizew10 {
        display: none !important;
    }
    .au_rw1 .slider .swiper-slide > img,
    .au_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .au_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
    }
    .au_rw1 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
    }
    .au_rw1 .slider .swiper-pagination {
        right: 5vw;
        bottom: 10vw;
    }
    .au_rw1 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-left: calc( var(--base_number) * 2.5);
    }
    .au_rw1 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .au_rw3 ul {
        padding-bottom: 0;
    }
    .au_rw3 ul li .img_wrap {
        width: 100%;
    }
    .au_rw3 ul li {
        margin-bottom: 0;
    }
    .au_rw3 ul li .cnt_wrap {
        width: 100%;
    }
    .au_rw3 ul li > div {
        flex-direction: column;
    }
    .au_rw3 ul li:nth-child(even) > div {
        flex-direction: column;
    }
    .au_rw3 ul li .cnt_wrap > a {
        font-size: 10vw;
        margin: 6vw 0 6vw 0;
    }
    .au_rw4 .sizew70 h1 img {}
    .au_rw4 .sizew40 {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto;
    }
    .au_rw4 .sizew40 .sizew100 {
        padding: 5vw;
        margin: 0;
    }
    .au_rw4 .sizew40 .sizew100 * {
        margin: 0;
    }
    .au_rw4 .sizew45 {
        padding: 0 5vw;
    }
    /*about us*/
    /*career*/
    .career_rw1 {
        height: auto;
    }
    .career_rw1 .sizew10 {
        display: none !important;
    }
    .career_rw1 .slider .swiper-slide > img,
    .career_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .career_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
    }
    .career_rw1 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
        margin-top: 5vw;
    }
    .career_rw1 .slider .swiper-pagination {
        right: 5vw;
        bottom: 10vw;
    }
    .career_rw1 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-left: calc( var(--base_number) * 2.5);
    }
    .career_rw1 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .career_grid_wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2vw;
        padding: 0 5vw;
    }
    .career_grid_wrapper .grid_item {
        height: auto;
        padding: 5vw 0 0 0;
    }
    .career_grid_wrapper .grid_item > h1,
    .career_grid_wrapper .grid_item > span {
        padding: 0 5vw;
    }
    .career_grid_wrapper .grid_item h1 {
        margin: 2vw 0;
    }
    .career_grid_wrapper .grid_item > a {
        margin: 5vw 0 0 0;
        padding: 5vw;
        position: relative;
    }
    img.bodlogo {
        display: none;
    }
    img.bodlogomob {
        display: block;
    }
    /*career*/
    /*contact*/
    .contact_rw1 {
        height: auto;
    }
    .contact_rw1 .sizew10 {
        display: none !important;
    }
    .contact_rw1 .slider .swiper-slide > img,
    .contact_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .contact_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
    }
    .contact_rw1 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
    }
    .contact_rw1 .slider .swiper-pagination {
        left: 5vw;
        bottom: 10vw;
    }
    .contact_rw2 {
        flex-direction: column;
    }
    .contact_rw2 .sizew40 {
        padding: 5vw;
    }
    .contact_rw2 .ct_form_wrapper {
        margin-top: 0 !important;
        padding: 5vw;
    }
    .frm_wrapper span {
        margin-top: 3vw;
    }
    .frm_wrapper span input,
    .frm_wrapper span textarea {
        font-size: 4vw;
        padding: 3vw;
    }
    .frm_wrapper button {
        margin: 5vw 0;
    }
    .address_grid_wrapper .grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10vw;
    }
    .address_grid_wrapper .grid {
        padding: 5vw 5vw 0 5vw;
    }
    .address_grid_wrapper .grid .grid_item {
        /*margin-bottom: 10vw;*/
    }
    .address_grid_wrapper .grid .grid_item h1 {
        margin: 2vw 0;
        padding: 5vw 0;
    }
    /*contact*/
    /*media*/
    .media_rw1 {
        height: auto;
    }
    .media_rw1 .sizew10 {
        display: none !important;
    }
    .media_rw1 .slider .swiper-slide > img,
    .media_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .media_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        right: 10%;
    }
    .media_rw1 .slider .swiper-slide .sizew45 > a {
        font-size: 10vw;
    }
    .media_rw1 .slider .swiper-pagination {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: right;
    }
    .media_rw1 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-right: calc( var(--base_number) * 2.5);
    }
    .media_rw1 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .media_rw2 .pr10 {
        padding: 0 5vw;
    }
    .media_filters {
        flex-direction: column;
        margin: 5vw 0;
        float: right;
    }
    .media_filters > .sizew20 {
        padding-top: 5vw;
    }
    .media_filters > .sizew20 select {
        padding-bottom: 3vw;
    }
    .media_rw2 .grid {
        padding: 0 5vw;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5vw;
    }
    .media_rw2 .grid .grid_items {
        height: auto;
        margin-bottom: 5vw;
    }
    .media_rw2 .grid .grid_items > img,
    .media_rw2 .grid .grid_items > video {
        position: relative;
        height: 30vh;
        opacity: 1;
    }
    .media_rw2 .grid .grid_items.active::before,
    .media_rw2 .grid .grid_items:hover::before {
        opacity: 0 !important;
    }
    .media_rw2 .grid .grid_items.active p,
    .media_rw2 .grid .grid_items:hover p {
        color: #3d3d3d;
    }
    .media_rw2 .grid .grid_items .slide_content > a {
        font-size: 10vw;
    }
    .media_rw3 {
        padding: 0;
    }
    .media_rw3 .swiper-container {
        top: auto !important;
        margin-top: 10vw;
    }
    .media_rw3 .slider .swiper-slide {
        width: 90%;
        margin-bottom: 5vw;
        height: auto;
    }
    .media_rw3 .slider .swiper-slide .slide_content {
        position: relative;
        width: 100%;
        right: 0;
        padding: 5vw;
        bottom: auto;
    }
    .media_rw3 .slider .swiper-slide .slide_content > img {
        max-width: 30%;
    }
    .media_rw3 .slider .swiper-slide > img,
    .media_rw3 .slider .swiper-slide > video {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    /*media*/
    /*projects*/
    .proj_rw1 {
        height: auto;
    }
    .proj_rw1 .sizew10 {
        display: none !important;
    }
    .proj_rw1 .slider .swiper-slide {
        height: 70vh;
    }
    .proj_rw1 .slider .swiper-slide > img,
    .proj_rw1 .slider .swiper-slide > video {
        min-height: 50vh;
    }
    .proj_rw1 .slider .swiper-slide .slide_content {
        width: 80%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 10%;
    }
    .proj_rw1 .slider .swiper-slide .slide_content > a {
        font-size: 10vw;
        margin-top: 5vw;
    }
    .proj_rw1 .slider .swiper-pagination {
        left: 5vw;
        bottom: 10vw;
    }
    .proj_rw1 .slider .swiper-pagination .swiper-pagination-bullet {
        width: calc( var(--base_number) * .8);
        height: calc( var(--base_number) * .8);
        margin-right: calc( var(--base_number) * 2.5);
    }
    .proj_rw1 .slider .swiper-pagination .swiper-pagination-bullet::before {
        width: calc( var(--base_number) * 3);
        height: calc( var(--base_number) * 3);
    }
    .proj_rw2 > .sizew100 {
        padding: 0;
    }
    .proj_rw2 .proj_tabs_wrapper {
        padding: 5vw;
    }
    .proj_rw2 .proj_tabs_wrapper .grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5vw;
    }
    .proj_rw2 .proj_tabs_wrapper .grid_item {
        margin-bottom: 5vw;
    }
    .proj_rw2 .proj_tabs_wrapper .grid_item img {
        margin-bottom: 5vw;
    }
    .proj_rw2 .proj_tabs_wrapper .grid_item h1 {
        margin: 2vw 0;
    }
    .proj_rw2 .proj_tabs {
        position: relative;
        padding: 5vw;
    }
    .proj_rw2 .proj_tabs a {
        padding: 3vw 5vw;
        width: 90%;
    }
    .proj_rw2 .proj_tabs a i {
        top: 50%;
    }
    /*projects*/
    /*pagea*/
    .pagea_rw1 {
        height: auto;
    }
    .pagea_rw1 .sizew10 {
        display: none !important;
    }
    .pagea_rw1 .sizew90 .absolute {
        position: relative;
        top: auto;
        transform: unset;
    }
    .pagea_rw1 .sizew90 .absolute img {
        max-width: 150px;
        margin: 0 0 5vw 0;
    }
    .pagea_rw1 .sizew90 .absolute > a {
        margin-top: 3vw;
    }
    .pagea_rw1 .sizew90 .absolute > a i {
        font-size: 10vw;
    }
    .pagea_rw2 {
        padding: 0;
    }
    .pagea_rw2 > div {
        padding: 0 5vw;
    }
    .pagea_rw2 ul {
        padding-left: 5vw;
        margin-top: 5vw;
    }
    .pagea_rw2 ul li {
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 3vw;
    }
    .pagea_rw3 .sizew80 .absolute {
        position: relative;
        top: auto !important;
        bottom: auto;
        right: auto;
        left: auto;
        transform: unset;
    }
    .pagea_rw3 {
        padding: 0;
    }
    .pagea_rw4 {
        background: #001d25;
    }
    .pagea_rw4 .sizew100 .sizew90.absolute {
        position: relative;
        top: auto;
        right: auto;
        transform: unset;
        padding: 5vw;
    }
    .pagea_rw4 .sizew100 > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top: 0;
        right: 0
    }
    .pagea_rw4 .sizew100 .sizew90.absolute ul {
        padding-left: 5vw;
        margin-top: 5vw;
    }
    .pagea_rw4 .sizew100 .sizew90.absolute ul li {
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 3vw;
    }
    .pagea_rw5 .sizew100 {
        padding: 0;
    }
    .pagea_rw5 .ctab {
        position: relative;
        padding: 5vw;
    }
    .pagea_rw5 .ctab a {
        padding: 3vw 5vw;
        width: 90%;
    }
    .pagea_rw5 .ctab a i {
        top: 50%;
    }
    .pagea_rw5 .ctabs_wrapper {
        margin: 0;
    }
    .ctabs_wrapper .ctabs_content > .clearfix .sizew50 > h1 {
        font-size: 7vw;
        line-height: 7.5vw;
        margin: 3vw 0 0 0;
        padding-right: 5vw;
    }
    .ctabs_wrapper .ctabs_content > .clearfix .sizew50 > h2 {
        font-size: 4vw;
        line-height: 4.5vw;
    }
    .ctabs_wrapper .ctabs_content > .clearfix .sizew50 > a {
        margin-top: 3vw;
        /*font-size: 3vw;*/
    }
    .ctabs_wrapper .ctabs_content > .clearfix .sizew50 > img {
        max-width: 200px;
        margin: 3vw 0;
        float: right !important;
    }
    .pagea_rw5 .grida1 {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1vw;
    }
    .pagea_rw5 .cat_slider {
        padding: 12vw 5vw 0 5vw;
    }
    .pagea_rw5 .cat_slider .swiper-slide a {
        font-size: 6vw;
        line-height: 6vw;
        font-weight: normal;
        padding-bottom: 3vw;
    }
    .pagea_rw5 .cat_slider .swiper-navs {
        right: 5vw;
    }
    .pagea_rw5 .cat_slider .swiper-navs a i {
        display: block;
        font-size: 8vw;
    }
    .pagea_rw5 .cat_slider .swiper-pagination span {
        font-size: 5vw;
    }
    /*pagea*/
    /*privacy*/
    .privacy_rw2 {
        padding: 0 5vw 10vw 5vw;
    }
    /*privacy*/
    /*career details*/
    .career_details_rw1 {
        height: auto;
    }
    .career_details_rw1 .sizew10 {
        display: none !important;
    }
    .career_details_rw1 .slider .swiper-slide > img,
    .career_details_rw1 .slider .swiper-slide > video {
        min-height: 35vh;
    }
    .career_details_rw1 .slider .swiper-slide .slide_content {
        width: 80%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        right: 10%;
    }
    .career_details_rw1 .slider .swiper-slide .slide_content > a.absolute {
        margin-top: 10vw;
        position: relative;
        padding: 2vw 0;
    }
    .career_details_rw2 h2 {
        font-size: 5vw;
        font-weight: 600;
    }
    .career_details_rw3 h1 {
        font-size: 5vw;
        font-weight: 600;
        padding: 0 5vw;
    }
    .career_details_grid_wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2vw;
        padding: 0 5vw;
    }
    .career_details_grid_wrapper .grid_item {
        height: auto;
        padding: 5vw 0 0 0;
    }
    .career_details_grid_wrapper .grid_item > h1,
    .career_details_grid_wrapper .grid_item > span {
        padding: 0 5vw;
    }
    .career_details_grid_wrapper .grid_item h1 {
        margin: 2vw 0;
    }
    .career_details_grid_wrapper .grid_item > a {
        margin: 5vw 0 0 0;
        padding: 5vw;
        position: relative;
    }
    /*career details*/
    /*search*/
    .search_rw2 > .sizew70 {
        display: flex;
        flex-direction: column-reverse;
    }
    .search_field_wrapper h1 {
        font-size: 6vw;
        padding: 3vw 0;
    }
    .search_result_wrapper {}
    .search_field_wrapper {
        margin-bottom: 5vw;
    }
    .search_field_wrapper .search_field input {
        font-size: 5vw;
        padding: 3vw 3vw 3vw 10vw;
    }
    .search_field_wrapper .search_field {
        padding: 5vw;
    }
    .search_field_wrapper .search_field i {
        font-size: 8vw;
        top: 50%;
        transform: translateY(-50%) rotateY(180deg);
        right: 7vw;
    }
    .search_item {
        margin-bottom: 5vw;
    }
    .search_item .slide_content {
        padding: 5vw 5vw 5vw 10vw;
    }
    /*search*/
    /*404*/
    .pg404_rw1 h1.absolute {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        left: auto;
        text-align: center;
        margin: 10vw 0 5vw 0;
        font-size: 30vw !important;
    }
    .pg404_rw1 .pr10 {
        padding: 0 5vw;
    }
    .pg404_rw1 .search_field {
        padding: 0;
        margin-bottom: 5vw;
    }
    .pg404_rw1 .search_field input {
        font-size: 5vw;
        padding: 3vw 3vw 3vw 10vw;
    }
    .pg404_rw1 .search_field i {
        font-size: 8vw;
        top: 50%;
        transform: translateY(-50%) rotateY(180deg);
        right: 2vw;
    }
    /*404*/
    /*press details*/
    .press_details_rw1 {
        height: auto;
    }
    .press_details_rw1 .sizew10 {
        display: none !important;
    }
    .press_details_rw1 .slider .swiper-slide > img,
    .press_details_rw1 .slider .swiper-slide > video {
        min-height: 35vh;
    }
    .press_details_rw1 .slider .swiper-slide .slide_content {
        width: 70%;
        bottom: auto;
        transform: translateY(-50%);
        top: 50%;
        right: 10%;
    }
    .press_detail_rw3 {
        padding-bottom: 10vw;
    }
    .pg_navs_wrapper {
        display: flex;
        padding: 0 5vw;
        justify-content: space-between;
    }
    .pg_navs_wrapper > div {
        width: 50%;
    }
    .pg_navs_wrapper > div a > span {
        padding: 0 3vw;
        margin: 0;
    }
    /*press details*/
    /*Arslan's code*/
}

@media only screen and (max-width: 767px) {
    .ipc_wrapper .sizew55.sizeh100.pr10 {
        margin-top: 15vw;
    }
    .inner_submenu_wrapper {
        display: none;
    }
    .fs2 {
        font-size: calc( var(--base_font_size) * 4);
        line-height: 1.2;
    }
    .tbc2 {
        padding: 8vw 4vw;
    }
    .tbc1 {
        padding: 8vw 4vw;
    }
    .fh_rw1 .sizew25.px3 {
        padding: 0 15vw;
    }
    .hr_rw3 .sizew55.sizeh100.pr10.fr.z5 {
        margin-top: 0vw;
        width: 90%;
    }
    .hr_rw3 h1.sizew100.fs1s {
        width: 80%;
        margin-left: 10%;
        line-height: 1.2;
        padding: 6vw;
    }

/*new code*/

/*    .cf_grid_wrapper > div{
      width: 100%;
    }

    .sidemenu_wrapper {
      border-left: none;
      width: 100vw;
    }
    .sm_link {
      border-left: 1px solid var(--tc4);
      background: #fff;
      display: flex;
      flex-direction: row;
      width: 100%;
      align-items: center;
    }
    .sm_link > a {
      height: 16vw;
    }
    .sm_link > a > img {
      width: 25% !important;
    }
    .sm_link > a > img.sizew25.mx-auto.db {
      width: 18% !important;
    }*/

    /*arslan's code*/
    .ceo_rw1 p.sizew100 {
        left: 0% !important;
        width: 90% !important;
    }
    .wrapper5 {
        width: 13vw;
    }
    .sidemenu_wrapper {
        border-left: none;
        width: 100vw;
    }
    .sm_link {
        border-left: 1px solid var(--tc4);
        background: #fff;
        display: flex;
        flex-direction: row;
        width: 100%;
        align-items: center;
    }
    .sm_link > a {
        height: 16vw;
    }
    .sm_link > a > img {
        width: 25% !important;
    }
    .sm_link > a > img.sizew25.mx-auto.db {
        width: 18% !important;
    }
    .bod_rw1 .sizew87.ht100.fr.pr10.clearfix {
        display: flex;
        flex-direction: column-reverse;
        padding-left: 0;
        margin-top: 8vw;
    }
    .bod_img_wrapper {
        height: 60vh;
    }
    .bod_rw1 .fl.tbc4 {
        /*margin-top: 20vw;*/
    }
    .bod_item {
        height: 20vw;
    }
    .bod_item img {
        width: 10vw;
    }
    .bod_rw1 .my5.relative {
        left: 0 !important;
    }
    .bod_rw1 .sizew50.ht100.fr.relative {
        padding: 10vw 0 10vw 5vw;
    }
    .ceo_rw1 .wrapper30.z5 {
        left: 0 !important;
        transform: translateY(0%) !important;
        top: auto !important;
    }
    .chairman_rw1 .sizew60.sizeh100.pr10 {
        padding-left: 10vw;
        margin-top: 70vw;
    }
    .chairman_rw1 p.sizew100 {
        left: 0 !important;
        width: 90% !important;
    }
    .chairman_rw1 p b {
        display: flex !important;
        flex-direction: column;
    }
    .chairman_rw1 .wrapper20.z5 {
        left: 0 !important;
        bottom: auto !important;
        height: auto !important;
    }
    .chairman_rw1.sizew100.clearfix {
        display: flex;
        flex-direction: column-reverse;
    }
    .ceo_rw1.sizew100.clearfix {
        display: flex;
        flex-direction: column-reverse;
    }
    /*.ceo_rw1.sizew100.clearfix .sizew60 {
        margin-top: 20vw;
    }*/
    .body_wrapper .ipc_wrapper {
        padding: 0;
    }
    .conclution_rw1 .wrapper40 {
        right: 0 !important;
        bottom: auto !important;
    }
    .conclution_rw1 .sizew60.relative {
        margin: 19vw 0 10vw;
        padding: 6vw;
    }
    .cf_rw1 .cf_grid_wrapper {
        padding-left: 0;
    }
    .cf_rw1 .cf_grid_wrapper .cf_gi {
        width: 80% !important;
        margin-left: 0 !important;
        margin-bottom: 5vw !important;
        height: 16vw !important;
        /*overflow: hidden;*/
        padding: 5vw 0 5vw 2vw;
        float: left;
    }
    .cf_rw1 .cf_grid_wrapper .cf_gi p {
        font-size: 3.2vw;
    }
    html { overflow-x: hidden; }
    body{
    position:relative;
    max-width: 100vw;
      overflow-x: hidden;
      -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
      overflow-y: scroll !important;
    }
    .cf_rw1 .cf_grid_wrapper .cf_gi a {
        right: 1vw !important;
        left: auto !important;
        width: 10vw;
        height: auto;
        padding: 0;
    }
    .hr_rw1 .sizew100.ht100.pr3 {
        padding: 0;
    }
    .hr_rw3 .sizew100.ht100.pr3 {
        padding: 0;
    }
    .cf_rw1 .cf_grid_wrapper .cf_gi a img {
        width: 80% !important;
        padding: 2vw;
    }
    .divd_rw1 .sizew100.pr3 {
        padding: 0;
    }
    .cf_rw1 .sizew25.px3 {
        padding: 5vw 15vw;
    }
    .cf_rw1 .cf_grid_wrapper .mt10 {
        margin: 0;
    }
    .cf_rw1 .sizew75 {
        margin-top: 16vw;
    }
    .divd_rw1 .dn.sizew60 {
        top: auto !important;
        position: relative;
        margin-left: 3vw;
    }
    table.mob_tab_scroll {
        overflow-y: scroll;
        overflow: scroll;
        display: block;
    }
    ::-webkit-scrollbar {
      display: block !important;
    }

    ::-moz-scrollbar {
      display: block !important;
    }

    ::-ms-scrollbar {
      display: block !important;
    }
    table.mob_tab_scroll::-webkit-scrollbar {
      display: block !important;
    }

    table.mob_tab_scroll::-moz-scrollbar {
      display: block !important;
    }

    table.mob_tab_scroll::-ms-scrollbar {
      display: block !important;
    }
    table.table tbody tr th {
        font-size: 4vw;
    }
    table.table tbody tr td {
        font-size: 4vw;
    }
    table.table thead tr th {
        font-size: 4vw;
        line-height: 1.5;
    }
    .divd_rw1 .sizew55 {
        margin-top: 15vw;
    }
    .sizew50 {
        margin-bottom: 5vw;
    }
    .sizew45 {
        margin-bottom: 5vw;
    }
    .sizew55 {
        margin-bottom: 5vw;
    }
    .fh_rw1 .py2.pr8 {
        padding-right: 2vw;
    }
    .fh_rw1 .clearfix.pr8 {
        padding-left: 0;
    }
    .fh_rw1 .pg_headers {
        margin-top: 16vw;
    }
    .intro_rw1 .sizew55 {
        padding: 0 10vw;
    }
    .intro_rw1 .sizew60.pin-right {
        top: auto !important;
        position: relative;
        width: 97vw !important;
        margin-left: 3vw;
    }
    .ipc_wrapper .mt10.mr5.sizew60 {
        margin-left: 0;
        width: 95% !important;
    }
    .investment_rw1 .sizew50.sizeh100 {
        margin-top: 15vw;
    }
    .investment_rw1 .mt10.mr5 {
        width: 95% !important;
        margin-left: 0;
    }
    .members_rw1 .sizew55.sizeh100 {
        margin-top: 15vw;
        padding: 0 10vw;
    }
    .opr_grid.sizew100 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .operations_rw1 {
        position: relative;
    }
    .operations_rw2 h1.sizew100 {
        padding: 5vw;
    }
    .value_item .sizew20.fr {
        float: left !important;
        width: 100%;
        margin: 0;
    }
    .value_item .sizew25.fr.pr1 {
        width: auto;
        float: right !important;
        display: flex;
    }
    .value_item .sizew25.fr.pr1 span {
        margin-left: 4vw;  
    }
    .sizew55.fr.relative .elem_anim_mask {
        width: 80%;
        float: left;
    }
    .sizew55.fr.relative i {
      top: 30px !important;
      width: 20% !important;
      right: 0 !important;
    }
    .menstik {
        width: 80vw;
        right: 0vw;
        height: 12vw;
        top: auto;
        bottom: 0;
    }
    .mousescrol {
        width: 13vw;
        height: 12vw;
        right: auto;
        left: 3vw;
        top: auto;
        bottom: 0;
    }
    .mousescrol img {
        width: 4vw;
    }
    .operations_rw1 .sizew55.sizeh100 {
        margin-top: 15vw;
    }
    .who_rw1 p.sizew75 {
        padding-left: 18vw !important;
        padding-right: 16vw !important;
    }
    .who_rw1 p.sizew75 img {
        width: 20vw !important;
        top: 3vw !important;
        left: -5vw !important;
    }
    .absolute.tbc1.pin-bottom {
        width: 90vw !important;
        height: 30vw !important;
        bottom: 5vw !important;
        right: calc( 100% - 90vw)!important;
        position: relative;
        padding-right: 2vw;
    }
    .absolute.tbc1.pin-bottom .ofh.wrapper7 {
        position: relative;
        width: 40vw;
    }
    .who_rw1 .sizew50 {
        margin-top: 15vw;
    }
    .who_rw1 .sizew50.sizeh100.fl.py5.px5 {
        margin-bottom: 0 !important;
    }
    .strategy_rw1 p.sizew70 {
        width: 92% !important;
    }
    .strategy_rw1 p.fs1s.lh2s.tc1 {
        padding-left: 0 !important;
    }
    .strategy_rw1 {
        min-height: auto;
    }
    .strategy_rw1 .sizew50.sizeh100.pr10 {
        margin-top: 15vw;
    }
    .who_rw1 .sizew60.sizeh100.fr {
        margin-top: 15vw;
    }
    .who_rw1.sizew100 p.sizew50 {
        margin-top: 5vw;
    }
    .who_rw1.sizew100 .sizew40.sizeh100.fl {
        margin: 0;
        padding: 0;
        padding-bottom: 5vw;
        margin-top: 15vw;
    }
    .who_rw1.sizew100 .sizew40.sizeh100.fl p {
        padding: 15vw 6vw;
    }
    .ceo_rw1.sizew100.clearfix img.wrapper4 {
        width: 15vw;
    }
    .ipc_wrapper .sizew40.ht100 .sizew100 {
        padding: 0;
    }
    .ipc_wrapper .sizew40.ht100 .sizew60 {
        padding: 15vw;
        width: 100% !important;
        margin: 0;
    }

    .hm_navs {
        display: flex !important;
        align-items: center;
        flex-direction: row;
        background: #fff;
        height: 16vw;
    }
    .hm_navs > div {
        width: 10vw;
        height: 10vw;
    }
    .hm_navs .hm_navs_labels {
        font-size: 2vw;
        display: none !important;
    }
    .sld1 .elm1sld1 {
        top: 30vw;
        left: 0;
    }
    .pg_headers {
        padding: 35vw 0 0 5vw;
        text-align: left;
    }
    .chapters_slides {
        overflow: scroll;
    }
    .swiper-container .sizew70.sizeh100.fr {
        width: 95% !important;
    }
    .chapters_slides .sizew100.ht55.clearfix {
        width: 100%;
        padding-left: 5%;
    }
    .sld4 .sect1a {
        width: 80vw;
        position: relative;
        margin: auto;
        right: 0;
        transform: perspective(1000px) rotateX(0deg) rotateY(0deg) !important;
    }

.sld4 .sect1b {
    width: 100vw;
    display: block;
    position: relative;
    left: 0;
    margin-bottom: 32vw;
}

.sld4 .sect2 {
    position: relative;
    left: 0vw;
    width: 100vw;
    display: block;
    top: -38px
}

.sld4 .sect1b > div {
    margin-left: 20vw;
    padding: 5vw;
    position: relative;
    top: -8vw;
    width: 75%;
}
.mb_hm_icn_wrp{
    top: -15% !important;
}
.sld4 .sect2 .clearfix p{
    font-size: calc( var(--base_font_size) * 2);
}

.chapters_slides .sizew50.sizeh100.ofh {
    width: 100%;
    padding: 15vw 6vw;
    float: right !important;
    margin-bottom: 0;
    position: relative;
}

.chapters_slides .relative.mt5 img {
    width: 15vw;
}

span.icn_wrp {
    width: 20vw !important;
    position: relative !important;
    bottom: 0 !important;
    left: 0vw !important;
    height: 20vw !important;
    align-items: center;
    justify-content: center;
    top: -8vw;
}

span.icn_wrp img {
    width: 70%;
}

.main_menu_wrapper {
    height: 100vh !important;
    padding: 0 !important;
    /*overflow-y: scroll;*/
    overflow: hidden;
}
.sidemenu_wrapper_inner.open img.purp {
  display: block;
}
.sidemenu_wrapper_inner img.purp {
  display: block;
}
.sidemenu_wrapper_inner.open img.wht {
  display: none;
}
.sidemenu_wrapper_inner img.wht {
  display: none;
}
.sidemenu_wrapper_inner {
    width: 100vw !important;
    border-left: 0 !important;
    opacity: 1 !important;
    top: 0;
}

.main_menu_slider .swiper-slide img {
    width: 60vw;
    animation: auto;
    /*transform: scale(0);*/
    margin-left: 7%;
}

.main_menu_slider .swiper-slide.swiper-slide-active img {
    /*transform: scale(0);*/
}

.main_menu_slider .swiper-slide h1 {
    left: 10vw;
    z-index: 999;
    top: 20%;
}

.main_menu_slider .swiper-slide .ms_content {
    /*top: 137%;*/
    left: 2%;
    width: 85%;
    position: relative;
    transform: translate(10px, 10px);
}

.main_menu_slider .swiper-slide .ms_list a {
    width: 100%;
    margin-bottom: 1vw;
    font-size: calc( 2* var(--base_font_size));
}

.sidemenu_wrapper_inner .sm_link {
    z-index: 10000;
    opacity: 1 !important;
}

.sidemenu_wrapper .inner_page_navs span {
    display: none;
}
.values_rw1 .sizew35.sizeh100 {
    padding: 0 5vw;
}
.value_item {
    display: block;
    padding-right: 5vw;
}

.value_item>div {
    margin-bottom: 5vw;
}
.vision_rw1 .sizew50.sizeh100.fr {
    margin-top: 16vw;
}
.vision_rw1 .sizew50.sizeh100.fr h1 {
    padding: 0;
}
.vision_rw1 .sizew50.sizeh100.fr p img {
    width: 20vw !important;
}
.value_item span {
    line-height: 1.5;
}
.vision_rw1 .sizew50.sizeh100.fr p span {
    font-size: 5vw;
    display: block;
    width: 60%;
    margin-left: 20vw;
    padding-top: 15vw;
}
.vision_rw1 .sizew50 .absolute.tbc1 {
    bottom: 0 !important;
    margin-top: 5vw;
    right: 0 !important;
}
.vision_rw1 .sizew50 .absolute.tbc1 .ofh.wrapper7 {
    width: 16vw !important;
    padding: 0vw;
}
.values_rw1 .sizew35.sizeh100 {
    padding: 0;
}
.pilgrim_rw1 .sizew100.ofh p.sizew100.fs1s {
    padding: 5vw;
    left: auto !important;
    right: 5%;
}
.pilgrim_rw1 .sizew100.ofh {
    width: 100%;
    padding: 0 0vw 0vw 6vw !important;
}
.pilgrim_rw1 .sizew60.sizeh100.pr10 {
    margin-top: 16vw;
}
.pilgrim_rw1 .sizew40.ht100.fl.relative {
    padding: 0 6vw;
}
.values_rw1 .sizew65.sizeh100 h1 {
    margin-left: 0vw;
}
.social_responsiblity_rw2 h1.sizew100 {
    padding: 5vw;
}
.strategy_rw1 .sizew50 p.sizew70.fs1s {
    padding: 5vw;
    width: 80% !important;
    margin-left: 10%;
}
.strategy_rw1 .tbc1.py5.elem_anim_mask p b {
    padding-right: 7vw;
}
.strategy_rw1 .tbc1.py5.elem_anim_mask p {
    padding: 0;
}
.strategy_rw1 .tbc1.py5.elem_anim_mask {
    padding: 10vw;
}
.strategy_rw1 .sizew50 p {
    padding-right: 2vw;
}
.values_rw1 .sizew65.sizeh100.fr {
    margin-top: 18vw;
}
.sustainability_rw1 .sizew60.sizeh100 {
    margin-top: 16vw;
}
.sustainability_rw1 .relative.sizew100 p.sizew100 {
    width: 80%;
    left: 10% !important;
}
.who_rw1 p.sizew65.fs2.lh3.bold {
    margin-left: 5vw;
    font-size: calc( var(--base_font_size) * 3);
    width: 80%;
}
.social_responsiblity_rw1 .sizew55.sizeh100.pr10 {
    margin-top: 16vw;
}
.who_rw1 .sizew60.sizeh100.fr .elem_anim_mask {
    width: 90%;
    padding: 4vw 4vw;
    border-left: 15vw solid var(--tc2);
}
.who_rw1 .sizew60.sizeh100.fr .elem_anim_mask i {
    display: none !important;
}
.who_rw1 .sizew60.sizeh100.fr .elem_anim_mask p {
    font-size: 6vw;
    margin: 0;
    padding-left: 6vw;
}
/*.ipc_wrapper .sizew55.sizeh100.pr10 {
    margin-top: 15vw;
  }*/

h1.sizew100.fs1s.lh2.tc1.bold600.mt5.mb5.p1.bor1.bctc2 {
    padding: 6vw;
    width: 80%;
    margin-left: 10%;
    line-height: 1.2;
}

.sizew100.ht100.tbc2.pr3.tar.ofh.relative {
    padding: 6vw;
}

.fh_rw1 .sizew70.sizeh100.fr {
    width: 95% !important;
}

.fh_rw1 .pg_headers {
    padding: 4vw 0 0 5vw;
}

.inner_page_navs {
    display: none !important;
}

.sld1 .sizew100.dif.jcsb {
    flex-direction: column;
    bottom: 40vw;
    position: relative;
    padding: 0 !important;
}

.sld1 .sizew100.dif.jcsb h2 {
    font-size: 6vw;
    margin-bottom: 9vw;
}

[data-home-screen='1'].sidemenu_wrapper .lw {
    display: none;
}

[data-home-screen='1'].sidemenu_wrapper .lp {
    display: block;
    width: 50% !important;
}

.chapters_slides .py2.elm2sld2 {
    padding-top: 7vw;
    padding-bottom: 7vw;
}

.hm_chapter_slider .relative .clearfix.pr8 {
    padding: 0;
}

.hm_chapter_slider .sizew25.px3.sizeh100.tbcw {
    padding: 0 15vw;
    margin-top: 5vw;
    margin-bottom: 10vw;
}

.pg_headers h1.pgt {
    margin: 0;
}

.pg_headers .relative.mt5 {
    margin-left: 0;
    margin-bottom: 5vw;
}

.wrapper3 {
    width: 15vw;
}

.hm_chapter_slider .relative .sizew55 .sizew100.ht55.clearfix {
    padding: 0 10vw;
}

.hm_chapter_slider .relative .sizew55 .sizew100.ht55.clearfix p.df.aife {
    justify-content: space-between;
}

.mimg_wrap {
    transform: perspective(1000px) rotateX(0deg) rotateY(0deg)!important;
}

.menu_frpg::before {
    display: none;
}

.menu_frpg span,
.menu_frpg em,
.menu_frpg b {
    font-size: calc( var(--base_font_size) * 2);
}

.bod_list_wrapper {
    margin-top: 16vw;
    width: auto;
}
.bod_rw1 .sizew13.tbc1 {
    padding: 0;
}
.page_inner *[data-lining=end] .line {
    opacity: 1;
    transform: none;
    transition: none;
}
.ceo_rw1 h1.pgt.fs3 {
    margin-top: 22vw;
}
.wrapper4 {
    width: 13vw;
}
.ceo_rw1 .sizew40.fl.relative {
    margin-top: 16vw;
}
.chairman_rw1 .sizew50.sizeh100.fl.tbc2 {
    margin-bottom: 0;
}
.sm_link > a > img.sizeh40.mx-auto {
    width: 55% !important;
}
.chairman_rw1 .sizew40.ht100 {
    margin-top: 16vw;
}

.cf_grid_wrapper > div {
    width: 100%;
    margin-left: 0;
}
.chapters_slides .py2.elm2sld2 i {
    padding: 0;
}
.ceo_rw1 .wrapper30.elem_anim_mask .sizew100.py1 {
    padding: 10vw;
}
.hm_chapter_slider {
    overflow: hidden;
}
.chapters_slides_wrapper{
  height: auto;
}
.des_logo{
    display: none;
}
.mob_logo{
    display: block;
}
.conclution_rw1 .wrapper40 p {
    padding: 8vw !important;
    position: relative !important;
}
.divd_rw1 .sizew70.mt3 {
    width: 90% !important;
}
.er_rw1 .sizew70.mt3 {
    width: 90% !important;
}
.sld2 .elm2sld2 em{
    background: none;
}
.fh_rw1 .py2.pr8 i.absolute.pin-top {
    display: none !important;
}
.hr_rw1 .sizew70.mt3 {
    width: 90% !important;
}
.operations_rw1 .sizew70.mt3 {
    width: 90% !important;
}
.social_responsiblity_rw1 .sizew70.mt3 {
    width: 90% !important;
}
.mdb{
    display: block !Important;
}
.mdn{
    display: none !Important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.acad_red_box{
  position: relative !important;
}
[data-home-screen='1'].sidemenu_wrapper .hm_track{
  fill: var(--tc1);
}
[data-home-screen='2'].sidemenu_wrapper .hm_track,
[data-home-screen='3'].sidemenu_wrapper .hm_track,
[data-home-screen='4'].sidemenu_wrapper .hm_track{
  fill: var(--tc1);
}
[data-home-screen='1'].sidemenu_wrapper .hm_progress{
  stroke:var(--tc1);
}
.sidemenu_wrapper .active .hm_track{
  fill: var(--tc2);
}
.video_wrapper.main{
    display: none;
}
.video_wrapper.mobile{
    display: block;
}
.relative.vidmobile {
    width: 100vw !important;
    left: 0;
}
.chapters_slides.sld1 {
    padding: 0 !important;
}
.video_wrapper.mobile video {
    margin-top: 20vw;
}
}
