@media (max-width: 1366px) and (max-height: 700px){

    .section-two,

.section-three,

.section-five,

.section-six,

.section-seven,

.section-nine,

.section-ten{

        height: unset;

    }



    .section-eight,

    .scaling_up_area{

        height: 550px;

    }



    .section-one{

        height: 100vh;

    }

}



@media (max-width: 1199px){

    .creating_value_table{

        overflow-x: auto;

    }



    .creating_value_table::-webkit-scrollbar{

        height: 5px;

    }



    .angle_icon{

        left: 0;

    }



    .angle_icon.right_icon {

        right: 0px;

        left: unset;

    }



    .our_community_area .community_flex .community_box .txt{

        height: 100%;

    }



    .four_s_box .left_box{

        flex: 0 0 35%;

        max-width: 35%;

    }

    

    .four_s_box .right_box{

        flex: 0 0 62%;

        max-width: 62%;

        background: #f8f8f8;

        padding: 25px 40px;

    }



    .national_indicator_1,

    .national_indicator_2,

    .aym_brands{

        right: 50px;

    }



    .national_indicator_1 {

        top: 120px;

    }



    .creating_value_table .light_grey_area{

        flex: 0 0 60%;

        max-width: 60%;

    }



    .creating_value_table .dark_grey_area,

    .capital_area_2, .inputs_area_2{

        flex: 0 0 30%;

        max-width: 30%;

    }



.section-two,

.section-three,

.section-four,

.section-five,

.section-six,

.section-seven,

.section-nine,

.section-ten{

        height: unset;

    }



    .section-eight,

    .scaling_up_area{

        height: 550px;

    }



    .section-one{

        height: 100vh;

    }

}



@media (max-width: 991px){

    .principle_column{

        flex: 0 0 50%;

        max-width: 50%;

    }



    /* .scaling_up_area{

        height: 650px;

    } */



    .continue_growth_area{

        flex-wrap: wrap;

    }



    .continue_growth_area .left_area, .continue_growth_area .right_area{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .number_define h3{

        text-align: center;

    }



    .company_numbers{

        -webkit-justify-content: center;

        -webkit-box-pack: center;

        justify-content: center;

    }



    .company_numbers .number_box{

        margin: 10px;

    }



    .review_area .review_box{

        flex: 48%;

        max-width: 48%;

    }



    .capabilities_area .capability_box .capability_name h2{

        font-size: 24px;

    }



    .empowering_people_area .employee_engagement .empower_flex .empower_box{

        flex: 0 0 47%;

        max-width: 47%;

    }



    .product_flex .product_box{

        flex: 0 0 33.33%;

        max-width: 33.33%;

    }



    .md_quote{

        top: 600px;

    }



    .national_indicator_1,

    .national_indicator_2,

    .aym_brands{

        right: 00px;

    }



    .national_indicator_1 {

        top: 100px;

    }



    .national_indicator_1 h3,

    .national_indicator_2 h3,

    .national_indicator_2 h3,

    .aym_brands h3{

        font-size: 18px;

    }



    .national_indicator_1 .corporate_office p,

    .national_indicator_1 .manufacturing_units p,

    .national_indicator_2 .marketing_office p{

        font-size: 14px;

    }



    .national_indicator_1 {

        top: 50px;

    }



    .national_indicator_2{

        bottom: 100px;

    }



    .national_graph .aym_brands{

        bottom: 50px;

    }



    .comp_num_inner_content{

        height: 200px;

        width: 200px;

    }



    .comp_num_inner_content::after{

        bottom: -40px;

    }



    .comp_numbering_box{

        height: 270px;

    }



    .comp_figure h2{

        font-size: 30px;

    }



    .sec_para p{

        line-height: 24px;

    }



    .cover_page .left_area .cover-yarn{

        object-position: revert;

    }



    .section-eight{

        background-size: cover;

    }



    .capabilities_area .capability_box .capability_content .sec_para{

        height: 200px;

    }

}



@media (max-width: 767px){



    .sec_title h2{

        font-size: 28px;

    }



    .scaling_box{

        height: 300px;

    }



    .scaling_new_height_section .sec_title p,

    .scaling_box .scaling_context h3{

        font-size: 20px;

    }



    .scaling_box .scaling_img img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



    .scaling_box .scaling_img{

        flex: 0 0 25%;

        max-width: 25%;

    }



    .scaling_box .scaling_context{

        flex: 0 0 73%;

        max-width: 73%;

    }



    .top_leadership_area .team_member_column,

    .independent_leadership_area .team_member_column{

        flex: 0 0 50%;

        max-width: 50%;

    }



    .sec_para p,

    .initiative_box .txt p,

    .empowering_people_area .empower_sec p,

    .our_community_area .community_flex .community_box .txt p,

    .four_s_box .right_box p,

    .capital_flex .cap_box .left_cap_box p,

    .capital_flex .cap_box .right_cap_box p,

    .net_zero_flex .right_area ul li,

    .strategy_flex .strategy_box p,

    .content_box_1 .left_message p, .content_box_1 .left_message ul li, .content_box_1 .right_message ul li, .content_box_2 .left_message p, .content_box_2 .left_message ul li, .content_box_2 .right_message ul li, .content_box_2 .right_message p,

    .md_quote p,

    .member_desription p,

    .info,

    .number_define_box .define_txt p{

        font-size: 16px;

        font-weight: 500;

    }



    .four_s_box .right_box h3,

    .capital_flex .cap_box .right_cap_box h2,

    .capital_flex .cap_box .left_cap_box h2,

    .strategy_flex .strategy_box h2{

        font-size: 24px;

    }



    .vision_principle_area,

    .section-three,

    .section-four,

    .section-five,

    .section-six,

    .section-seven,

    .section-nine,

    .creating_value_every_area,

    .digital_capability_area,

    .empowering_people_area,

    .empowering_people_area,

    .our_community_area,

    .capital_commitment_area,

    .netzero_commitment_area,

    .strategic_goals_area,

    .innovative_propuct_area,

    .scaling_new_height_section,

    .md_message_section,

    .number_define_section,

    .ourpresence_area,

    .quarter_results,

    .path_area{

        padding: 50px 30px;

    }



    .navbar_area{

        padding: 15px 30px;

    }



    .cover_page{

        flex-wrap: wrap;

        height: 100%;

    }



    /* .cover_page .left_area{

        height: 650px;

    } */



    .cover_page .left_area, .cover_page .right_area{

        flex: 0 0 100%;

        max-width: 100%;

    }



    /* .cover_page .right_area{

        padding: 10px 0;

    } */



    .scaling_up_area{

        flex-wrap: wrap;

        height: 100%;

        

    }



    .scaling_content{

        padding: 50px 20px 100px;

        flex: 0 0 100%;

        max-width: 100%;

        /* height: 600px; */

        -webkit-justify-content: flex-start;

        -webkit-box-pack: start;

        justify-content: flex-start;

    }



    .mobile-btn{

        display: block;

        background: #d11c26;

        color: #fff;

        margin-top: 20px;

    }



    .scaling_btn{

        display: none;

    }



    .number_define h3{

        font-size: 20px;

    }



    .core_values_area .value_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .core_values_area{

        flex-wrap: wrap;

    }



    .mobile-div{

        display: block;

    }



    .desktop-div{

        display: none;

    }



    .creating_value_area{

        flex-wrap: wrap;

    }



    .creating_value_area .creating_box{

        flex: 0 0 100%;

        max-width: 100%;

        margin-bottom: 25px;

    }



    .section-eight .left_area{

        padding: 50px 30px;

    }



    .section-eight{

        height: 100%;

        flex-wrap: wrap;

    }



    .section-eight .left_area,

    .section-eight .right_area{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .section-eight .right_area{

        height: 500px;

        overflow-y: hidden;

    }



    .download_link_area{

        flex-wrap: wrap;

    }



    .download_link_area .left_area, .download_link_area .right_area{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .download_link_area .left_area{

        padding: 0;

        margin-bottom: 50px;

    }



    .download_link_area .right_area{

        border: none;

    }



    .download_link_area .right_area h2{

        font-size: 24px;

    }



    .initiative_box .txt p{

        text-align: left;

    }



    .initiative_box .txt p br{

        display: none;

    }



    .empowering_people_area .empower_sec h2{

        font-size: 22px;

    }



    .empowering_people_area .empower_sec .empower_flex .empower_box{

        flex: 0 0 48%;

        max-width: 48%;

        margin-bottom: 30px;

    }



    .our_community_area .community_flex .community_box{

        flex: 0 0 40%;

        max-width: 40%;

    }



    .four_s_box .left_box,

    .four_s_box .right_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .four_s_box .left_box img{

        max-width: 100%; 

        display: block;

        height: 350px;

    }



    .net_zero_flex .right_area h3{

        font-size: 20px;

    }



    .net_zero_flex .left_area,

    .net_zero_flex .right_area{

        flex: 0 0 100%;

        max-width: 100%; 

    }



    .net_zero_flex .left_area{

        margin-bottom: 30px;

    }

    



    .content_box_1 .left_message, .content_box_1 .right_message, .content_box_2 .left_message, .content_box_2 .right_message{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .content_box_1 .right_message, .content_box_2 .right_message{

        padding-left: 0;

    }



    .national_indicator_1, .national_indicator_2, .aym_brands{

        position: unset;

    }



    .indicator_flex{

        display: -webkit-box;

        display: -moz-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        margin-top: 20px;

    }



    .arrow_sec p,

    .scale_exports .export_box p{

        font-size: 18px;

    }



    .scale_exports .export_box h2{

        font-size: 36px;

    }



    .quarter_flex .revenue_quarter,

    .quarter_flex .ebitda_quarter{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .quarter_flex .revenue_quarter{

        margin-bottom: 20px;

    }



    .progress_graphs .graph{

        flex: 0 0 100%;

        max-width: 100%;

        padding: 0px;

        margin-bottom: 30px;

      }



      



      .comp_numbering_box{

        flex: 0 0 50%;

        max-width: 50%;

      }



      #number_define_us .bg-img{

        bottom: -195px;

      }



      .number_define_box .define_no h2{

        font-size: 45px;

      }



      .number_define_box .define_heading h3{

        font-size: 18px;

      }



    

      .number_define_box {

        text-align: center;

        padding: 15px 0 ;

      }



      .number_define_box .define_txt p{

        text-align: center;

      }



      .navbar_title{

        right: 30px;

      }



      .cover_page .right_area{

        /* top: 100px; */

        left: 30px;

    }



    .creating_value_table .light_grey_area{

        flex: 0 0 80%;

        max-width: 80%;

    }



    .creating_value_table .dark_grey_area,

    .capital_area_2, .inputs_area_2{

        flex: 0 0 40%;

        max-width: 40%;

    }



    .scaling_content .sec_title,

    .scaling_content .sec_para{

        width: 100%;

    }



    .section-six{

        background-repeat: no-repeat;

        background-position: bottom;

    }

    .capabilities_area{

        flex-wrap: wrap;

    }



    .capabilities_area .capability_box{

        flex: 0 0 48%;

        max-width: 48%;

        margin-bottom: 25px;

    }

}



@media (max-width: 600px){

    .sec_title h2{

        line-height: 35px;

    }



    .menu_toogle{

        margin-left: 0px;

    }



    .vision_principle_area,

    .section-three,

    .section-four,

    .section-five,

    .section-six,

    .section-seven,

    .section-eight .left_area,

    .section-nine,

    .creating_value_every_area,

    .digital_capability_area,

    .empowering_people_area,

    .empowering_people_area,

    .our_community_area,

    .capital_commitment_area,

    .netzero_commitment_area,

    .strategic_goals_area,

    .innovative_propuct_area,

    .scaling_new_height_section,

    .md_message_section,

    .number_define_section,

    .ourpresence_area,

    .quarter_results,

    .path_area{

        padding: 50px 20px;

    }



    .scaling_box{

        flex-wrap: wrap;

        height: 100%;

    }



    .scaling_box .scaling_img{

        flex: 0 0 100%;

        max-width: 100%;

        height: 300px;

    }



    .scaling_box .scaling_context{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .top_leadership_area .team_member_column,

    .independent_leadership_area .team_member_column{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .principle_column{

        flex: 0 0 100%;

        max-width: 100%;

    }



    /* .scaling_content{

        height: unset;

    } */



    .md_message{

        flex-direction: column;

        padding: 25px 0;

        -webkit-align-items: center;

    -webkit-box-align: center;

    align-items: center;

    }



    .message_content p{

        text-align: justify;

    }



    .continue_growth_area .right_area,

    .continue_growth_area .left_area{

        padding: 10px 0;

    }



    .continue_growth_area .right_area{

        margin-top: 30px;

    }





    .company_numbers{

        flex-direction: column;

    }



    .company_numbers .number_box{

        flex-basis: unset;

        max-width: unset;

        width: 170px;

        height: 170px;

    }



    .readmore{

        font-size: 14px;

        width: 100%;

        padding: 15px 0;

        font-weight: 500;

    }



    .right_area .readmore{

        width: 100%;

    }



    .core_values_area .value_box .value_content .value_text p:nth-child(1){

        font-size: 18px;

    }



    .section-four .right_area .title::after, .section-four .right_area .title::before{

        width: 50px;

    }



    .section-four .right_area .title::before{

        left: -55px;

    }



    .section-four .right_area .title::after{

        right: -55px;

    }



    .review_area .review_box{

        flex: 100%;

        max-width: 100%;

    }



    



    



    .initiative_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    #digital_capability .bg-img,

    #empowering_people .bg-img,

    #our_community .bg-img,

    #capital_commitment .bg-img,

    #netzero_commitment .bg-img,

    #strategic_goals .bg-img,

    #create_value .bg-img,

    #ourpresence .bg-img{

        bottom: -250px;

    }



    .empowering_people_area .empower_sec h2{

        font-size: 18px;

    }



    .empowering_people_area .empower_sec .empower_flex .empower_box,

    .empowering_people_area .empower_sec .empower_flex .empower_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .our_community_area .community_flex .community_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    #our_community .bg-img{

        background-position: center;

    }



    .capital_flex .cap_box .left_cap_box,

    .capital_flex .cap_box .right_cap_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .capital_flex .cap_box .right_cap_box{

        margin-top: 15px;

    }



    .capital_flex .cap_box{

        margin-bottom: 0;

        padding: 20px 0;

    }



    .capital_flex .cap_box:not(:last-child){

        margin-bottom: 0;

        border-bottom: 1px solid #e6e6e6;

    }



    .strategy_flex .strategy_box{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .indicator_flex{

        flex-wrap: wrap;

    }



    .indicator_flex div{

        flex: 0 0 100%;

        max-width: 100%;

    }



    .indicator_flex div:nth-child(1){

        margin-bottom: 20px;

    }



    .scale_exports{

        flex-direction: column;

        webkit-align-items: center;

    -webkit-box-align: center;

    align-items: center;

    }



    .arrow_sec{

        margin: 25px 0;

    }



    .arrow_sec img{

        transform: rotate(90deg);

        margin-top: 25px;

    }



    .path_area .card:nth-child(odd) {

        padding: 20px 0 20px 20px;

      }

      .path_area .card:nth-child(even) {

        padding: 20px 20px 20px 0;

      }



      .path_area .card:nth-child(odd) > .info > .title::before {

        left: -32px;

      }

      .path_area .card:nth-child(even) > .info > .title::before {

        right: -32px;

        top: 5px;

      }

      .path_area .timeline{

        padding: 20px 0;

      }

      .number_define_box:not(:last-child){

        border-bottom: 1px solid #e6e6e6;

      }



      .cover_logo h2{

        font-size: 60px;

      }



      .empowering_people_area .employee_engagement .empower_flex .empower_box .emp_img{

        height: 200px;

      }



      .creating_value_table .light_grey_area{

        flex: 0 0 90%;

        max-width: 90%;

    }



    .creating_value_table .dark_grey_area,

    .capital_area_2, .inputs_area_2{

        flex: 0 0 45%;

        max-width: 45%;

    }



    @keyframes move{

        from{

            margin-left: 0;

        }

        to{

            margin-right: 0;

        }

    }



    .scaling_content .thread_collection .thread{

        width: 45px;

    }



    .navbar_area{

        padding: 15px 20px;

    }



    .navbar_title{

        right: 0px;

      }



      



      .cover_page .right_area {

        left: 20px;

    }



    .cover_cloud_2{

        top: 185px;

    }



    .cover_cloud_5{

        top: 330px;

    }



    .navbar_area{

        height: 80px;

    }



    .logo_area img {

        max-width: 65px;

    }



    .cover_page .right_area{

        padding-top: 120px;

    }

}



@media (max-width: 480px){

    .capabilities_area .capability_box{

        flex: 0 0 100%;

        max-width: 100%;

    }





    #digital_capability .bg-img,

    #empowering_people .bg-img,

    #our_community .bg-img,

    #capital_commitment .bg-img,

    #netzero_commitment .bg-img,

    #strategic_goals .bg-img,

    #create_value .bg-img,

    #ourpresence .bg-img{

        bottom: -150px;

    }



    #innovative_propuct .bg-img{

        bottom: -50px;

    }



    .operation_table::-webkit-scrollbar{

        height: 5px;

    }



    .operation_table .table{

        width: 100%;

    }



    .product_flex .product_box{

        flex: 0 0 50%;

        max-width: 50%;

    }



    .comp_numbering_box {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .comp_numbering_box {

        height: 240px;

    }



    #number_define_us .bg-img {

        bottom: -200px;

    }



    .inputs_box,.capital_box{

        height: 480px;

    }



    .revenue_quarter .progress_bar_area .progress_bar_column .fy{

        font-size: 8px;

    }



    .revenue_quarter:nth-child(2) .quarter_graph .progress_bar_area .progress_bar_column:nth-child(1) .fy{

        bottom: 82px;

    }



    .capabilities_area .capability_box .capability_content .sec_para {

        height: unset;

    }

    

    .revenue_quarter:nth-child(1) .quarter_graph .progress_bar_area .progress_bar_column .figures,

.revenue_quarter:nth-child(2) .quarter_graph .progress_bar_area .progress_bar_column .figures{

    font-size: 10px;

}

}