@media (max-width: 1199px) {
    .csrLogo3 {
        position: relative;
        bottom: -22px;
        left: 25px;
    }

    .director,
    .milestones {
        overflow-x: hidden;
    }

    .strategkeyFocusMDiv::before {
        width: 38.8%;
    }
}

@media (max-width:1024px) {

    [data-aos^=fade][data-aos^=fade],
    [data-aos^=zoom][data-aos^=zoom] {
        opacity: 1 !important;
    }

    [data-aos=flip-up],
    [data-aos=fade-up],
    [data-aos=fade-down],
    [data-aos=fade-left],
    [data-aos=fade-right],
    [data-aos=zoom-in],
    [data-aos=zoom-out],
    [data-aos=zoom-in-up],
    [data-aos=zoom-in-down],
    [data-aos=zoom-in-left],
    [data-aos=zoom-in-right],
    [data-aos=zoom-out-in],
    [data-aos=zoom-out-up],
    [data-aos=flip-up],
    [data-aos=flip-down],
    [data-aos=flip-left],
    [data-aos=flip-right],
    [data-aos=zoom-out-right],
    [data-aos=zoom-out-left] {
        transform: translate(0) !important;
    }

    [data-aos^=fade][data-aos^=fade].aos-animate,
    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        transform: translate(0) !important;
    }
}

@media (max-width: 991px) {
    .deskView {
        display: none !important;
    }
    

    .mobView {
        display: block !important;
    }

    .csrImg8 {
        width: 100%;
        height: 300px;
    }

    .csrImg8 img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        background-position: center center;
    }

    .educationInitiativesP {
        padding-left: 0;
    }

    .csrImg12 {
        padding-left: 15px;
    }

    .plantationInitiative::before {
        height: 300px;
    }

    .csrLogo3 {
        position: relative;
        bottom: -45px;
        left: 25px;
        margin-top: 0;
    }

    .csrImg7 {
        padding-top: 0px;
    }

    .directorDiv2 {
        margin-top: 30px;
    }

    .directorDiv2::after {
        right: 0%;
    }

    .strategkeyFocusMDiv::before {
        content: normal;
    }

    .strategkeyFocusMDiv::after {
        content: normal;
    }

    .strategkeyFocusMDiv {
        padding-left: 0;
    }

    .strategicimperativesLogo {
        width: 40px;
        height: 40px;
    }

    .strategicimperativesLogoText {
        width: calc(100% - 40px);
    }

    .strategicimperativesLogoText h5::before {
        bottom: -9px;
        left: -30px;
    }

    .milestonesWrapDIv {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .milestonesWrapInner,
    .milestonesWrapInner1 {
        width: 100%;
    }

    .milestonesWrapInner::before {
        top: 20px;
        left: -64px;
        transform: rotate(266deg);
    }

    .milestonesWrapInner1::before {
        top: 20px;
        left: auto;
        right: -63px;
        transform: rotate(266deg);
    }

    .milestonesMilestonesWrap {
        flex-direction: column-reverse !important;
    }

    .milestonesLogoRes {
        position: relative;
    }

    .milestonesLogoRes::after {
        position: absolute;
        bottom: -50px;
        right: -12px;
        width: 50px;
        height: 50px;
        content: "";
        background-image: url(../image/milelogo.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .milestones .milestonesLogo::after {
        content: normal;
    }

    .description1 {
        margin-bottom: 100px;
    }

    .description11 {
        margin-bottom: 10px;
    }

    .description2::before {
        position: absolute;
        top: 150px;
        left: 48%;
        transform: rotate(90deg);
    }

    .responsibilityImg3::before {
        bottom: 0;
        left: 5%;
        width: 90%;
        height: 2px;
    }

    .description3::before {
        content: normal;
    }

    .tableSlide {
        width: 100%;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }
    .IndicateProducCategory{
        margin-bottom: 80px;
    }
    .IndicateProducCategory11::after {
        content: "Products - alloy steel castings";

    }
    .IndicateProducCategory::after {
        content: "0";

    }
    .IndicateProducCategory13::after {
        content: "Not Applicable";

    }
    .IndicateProducCategory14::after {
        content: "YES , FULL COMPLIANT";

    }
    .IndicateProducCategory15::after {
        content: "-";

    }
    .IndicateProducCategory16::after {
        content: "No issues related to anti-competitive conduct by the entity";

    }
    .IndicateProducCategory17::after {
        content: "No";

    }
    .responsibilityAbb2Ficci {
        transform: rotate(359deg);
    }

    .ficciDiv {
        flex-direction: column;
    }

    .ficciDiv h6 {
        padding-bottom: 20px;
        text-align: center;
    }

    .ficciDiv .ficci {
        width: 100%;
    }

    .currentFinancialYearCol2::before {
        position: absolute;
        top: auto; 
        bottom:-45px;
        right: auto;
        left: 48%;
        width: 25px;
        height: 30px;
        transform: rotate(359deg);
    }

    .currentFinancialYearCol3::before {
        position: absolute;       
        top: auto; 
        bottom:-45px;
        right: auto;
        left: 48%;
        width: 25px;
        height: 30px;
        background-image: url(../image/business-responsibility/business-responsibilityAbb2.png);
        transform: rotate(358deg);
    }
    .po101{
        padding-bottom: 0;
    }
    .thanPermanentWorkers{
        margin-top: 0px;
    }
    .responsibilityLogo30 {
        position: relative;
        bottom: -34px;
        right: -10px;  
        justify-content: end !important;      
    }
    .responsibilityLogo121 img{
        height: 30px;
        width: 60px;
        object-fit: cover;
    }
    .responsibilityLogo122 img{
        height: 30px;
        width: 40px;
        object-fit: cover;
    }
    .IndicateProducCategory113 {
        margin-bottom: 125px;
    }
}


@media (max-width: 776px) {
    .aiaHead {
        font-size: 40px;
        line-height: 45px;
        font-weight: 700;
    }

    .aiaHead2 {
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
    }

    .description2::before {
        position: absolute;
        top: 150px;
        left: 48%;
        transform: rotate(90deg);
    }

    .immm {
        display: none;
    }


}

@media (max-width: 575px) {
    .aboutLogo {
        margin-top: 180px;
        position: relative;
        top: -200px;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .aboutLogo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .aboutLogoText {
        position: absolute;
        bottom: 20%;
        left: 50%;
        transform: translateX(-50%);
    }

    .plantationInitiative::before {
        height: 200px;
    }
}