@media (max-width:1640px) {
    .unveilingKeyMilestonesImgLogo {
        width: 70px;
    }

    .bannerContent {
        position: absolute;
        right: 0;
        top: calc(100% - 340px);
    }

    .headText {
        font-size: 34px;
    }

    .bannerContent {
        width: 420px;
    }

    .bannerContent h3 {
        font-size: 18px;
    }

    .capitalSectionEach .headText {
        font-size: 79px;
        line-height: 1;
    }
}

.fancybox-slide--image .fancybox-content {
    background-color: #fff;
}

/* ----------home end----- */
@media (max-width:1400px) {
    .unveilingKeyMilestonesImgLogo {
        width: 64px;
    }

    .sideImgAbs {
        width: 380px;
        position: absolute;
        right: 0;
        top: -5%;
    }

}


@media (max-width:1366px) {
    .bannerText{
        bottom: 170px;
    }
    .bannerText h3{
        font-size: 18px;
    }

    h2, .mainHead1 h3 {
        font-size: 42px !important;
    }

    .footerDivImg {
        width: 35%;
    }

    .headText {
        font-size: 30px;
    }

    .bannerContent {
        width: 420px;
    }

    .bannerContent h3 {
        font-size: 18px;
    }
}

@media (max-width:1365px) {
    .managingDirectorSec1 .row1 .col_2{
        max-width: 1140px;
        margin: 0 auto;
    }
    .managingDirectorSec1 .subRow1{
        align-items: flex-end !important;
    }
    .mdMassage {
        padding: 50px 50px 100px;
    }
    .deskImg{
        display: none;
    }
    .mobImg{
        display: block;
    }
}

@media (max-width:1280px) {
    .homeSec1{
        height: auto;
    }
    .myVideo{
        top: 0px;
    }
    .bannerText {
        bottom: 50px;
    }
    .eachfedWrap::after {
        bottom: -100%;
    }

    .eachfedWrap::after {
        bottom: -100%;
    }
}

@media (max-width:1199px) {
    .thrivingDigitalEdgeImg3>img {
        height: 300px;
    }

    /* ----------------Sk---------------- */
    .mdMassage {
        width: 100% !important;
        /* padding: 50px; */
    }

    /* -------------xxx----------------- */

    .absImg {
        right: 0;
    }
}

@media (max-width:1024px) and (min-width: 992px) {
    .milestonesDiv > .row{
        align-items: center;
    }
}

@media (max-width:1024px) {
    .brdGreyY{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .brdGreyY .fz_36 {
        font-size: 24px !important;
        margin-bottom: 5px;
    }
    
    [data-aos^=fade][data-aos^=fade],
    [data-aos^=zoom][data-aos^=zoom]{
       opacity: 1;
    }
    [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-in-up],
    [data-aos=zoom-in-down],
    [data-aos=zoom-in-left],
    [data-aos=zoom-in-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;
    }

    header{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .Asset21 {
        padding-top: 70px;
        max-width: 50%;
        margin: 0 auto;
    }

    .eachfedWrap::after {
        right: -25px;
    }

    .eachFed {
        transform: none;
    }

    .fedHead {
        transform: none;
    }

    .eachFed p {
        transform: none;
    }

    .eachfedWrap::after {
        right: -15px;
    }

    .thrivingDigitalEdgeImg {
        background-position: bottom;
    }

    .unveilingKeyMilestonesImgLogo {
        width: 48px;
    }

    
    .bcumbNav {
        padding-top: 90px;
    }
    .aboutCont{
        flex: 0 0 auto;
        width: 100%;
    }
    .aboutSec1:after {
        content: normal;
    }

}


@media (max-width:991px) {
    .mt_20_mobile{
        margin-top: 20px !important;
    }
    .managingDirectorSec1 .pt_100{
		padding-top: 50px !important;
	}

	.homeSec2 .pt_100{
		padding-top: 50px !important;
	}
	.homeSec2 .pb_100{
		padding-bottom: 50px !important;
	}
	.homeSec2 .whiteText.mt_50{
		margin-top: 20px !important;
	}
	.homeSec3 .parajustify{
		padding: 50px 15px !important;
	}
	.homeSec4 .mt_50 {
		margin-top: 0px !important;
	}
	.homeSec5 .row.pb_20{
		padding-bottom: 0 !important;
	}
    .rishtaAapSeHaiSec2_1 .borderLW1::before{
		content: normal;
	}
	.rishtaAapSeHaiSec2_2 .pb_50.pt_30{
		padding-top: 0 !important;
	}

	.chairmanSec1 .pt_100 {
		padding-top: 50px !important;
	}
	.chairman {
		width: 100%;
	}

	.chairmanSec1 .p-5{
		padding: 30px 15px 50px!important;
	}
	.mdMassage {
		width: 100% !important;
		padding: 50px 15px 80px;
	}
    .mobImg{
        margin: 0 auto !important;
    }

	.empoweringLivesSec1 .pt_100 {
		padding-top: 50px !important;
	}
	.empoweringLivesSec1 p.pb_90 {
		padding-bottom: 30px !important;
	}

	.homeSec7MAin{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.homeSec7MAinImg + .borderLY{
		margin-top: 20px !important;
	}
    .governanceImg {
        padding-left: 25px;
        width: 80px;
    }
    .innerPage.enviornment .sideImgAbs{
        display: none;  
    }
    .headingIc {
        margin-left: 25px;
        width: 80px;
    }
    .patterBgBlue::before {
        bottom: -49px;
    }

    .patterBgBlue::after {
        bottom: -51px;
    }

    .missues1 {
        margin-bottom: 70px !important;
    }

    .eachFed::after {
        border-radius: 70px 0 0 0;
    }

    .achievingNewHeightsConterMain.wid_25b,
    .achievingNewHeightsConterMain.wid_20b {
        width: calc(50% - 10px);
    }

    .eachFed {
        border-radius: 50px 0 50px 0;
    }

    .eachfedWrap::after {
        bottom: -40%;
        right: -20px;
        height: 50%;
    }

    .thrivingDigitalEdgeImg3::after {
        right: 0;
        width: 300px;
        height: 300px;
        background-size: contain;
    }

    /* ----------------Sk---------------- */
    .livesimg1 {
        display: flex;
        justify-content: center;
        /* padding-top: 50px; */
    }



    .rishtaAapSeHaiSec2_1 .borderLW1::before {
        position: absolute;
        left: 10%;
        width: 80%;
        height: 2px;
        top: 100%;
        ;
        content: "";
        background-color: #FFD830;

    }

    .footerMAin::before {
        background-size: 50% !important;
    }

    body {
        overflow-x: hidden !important;
    }

    .btnHomeDiv1 {
        justify-content: start !important;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .mdMassage {
        justify-content: center;
    }

    .patterBgBlue .jce {
        justify-content: center !important;
    }

    .chairman {
        border-bottom: 1px solid #004e96;
    }



    .empoweringLivesBanner2 {
        /* margin-top: 100px; */
    }

    .livesimg3 {
        display: flex;
        justify-content: center;
    }

    .empoweringLives .brdRightDotted:after {
        display: none;
    }

    .achievingNewHeightsConterMain {
        display: flex;
        justify-content: start !important;
    }

    .esgDashboardSec2Box1 {
        display: flex;
        justify-content: start !important;
    }

    .governanceImg3 {
        margin-top: 20px;
    }

    .governanceImg2 {
        display: none;
    }

    .manImg {
        display: flex;
        justify-content: center !important;
    }

    .subheadYellow {
        margin-top: 20px !important;
    }

    .patterBgYellowWrap {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .graphBox1 .df {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .graphBox1 .brdRightDotted:after {
        display: none;
    }

    .graphBox1 .wid_1b2 {
        width: 100%;
    }

    .teamImg18 {
        margin-top: 50px;
    }

    .mainHead1 {
        width: 100%;
    }

    /* .milestonesSec2Head {
        padding-bottom: 50px;
    } */

    /* --------xxx--------------- */


    .footerDiv {
        padding: 40px 15px !important;
    }

    .footerDivImg {
        width: 100%;
        max-width: 50%;
    }

    .homeSec7MAin.mt_100 {
        margin-top: 0 !important;
    }

    .absImgRow {
        flex-direction: column;
    }

    .absImg {
        bottom: 0;
        width: 100%;
        text-align: center;
        position: relative;
    }

    .empoweringLivesBanner2 {
        display: inline-block;
    }

    .mainHead1 {
        transform: none;
    }

    h2, .mainHead1 h3 {
        font-size: 36px !important;
        transform: none;
    }

    .chairman {
        margin-bottom: 20px;
        /* width: 50%; */
        border-bottom: 1px solid #faa519;
    }

    .chairmanSec .brdBottomYellow {
        border: none;
    }

    .manIc {
        display: none;
    }

    .bod .bodImg11 {
        display: none !important;
    }

    /* .achievingNewHeightsConterMain{
        padding-left: 0;
    } */
    .amplifyingBrandLogo6,
    .amplifyingBrandLogo5 {
        left: inherit;
        right: inherit;
    }

    .amplifyingBrandSec3 .col-lg-6.mt_50 {
        margin-top: 0 !important;
    }

    .federalStandard1 .rightTxt h5 {
        text-align: center;
    }

    .federalStandardDiv1 {
        margin-bottom: 10px;
    }

    .federalStandardWrap,
    .federalStandard1 {
        flex-direction: column;
        align-items: center;
    }

    .federalStandardWrap,
    .federalStandardWrap1 {
        margin-bottom: 25px;
    }

    /* .achievingNewHeightsSec1_2  {
    padding-left: 0 !important;
} */

    .amplifyingBrandBanner2Wrap {
        padding-bottom: 150px;
    }

    .blueHeadTableWrap {
        overflow-x: scroll;
        scroll-behavior: smooth;
    }


    .milestones .row_2 .col_left{
        margin-bottom: 30px;
    }
}


@media (max-width:768px) {
    .esgDashboardSec3 .counterWrap{
        justify-content: space-between;
    }
    .esgDashboardSec3 .counterWrap .totalBoardMembers{
        width: calc(33.33% - 10px);
        padding-left: 0 !important;
    }
    /* ----------------Sk---------------- */
    .homeSec7MAin {
        height: 100% !important;
    }

    .homePage .container-fluid {
        padding-left: auto;
        padding-right: auto;
    }

    .footerMAin::before {
        background-size: 70% !important;
    }

    /* -------------xxx----------------- */

    .thrivingDigitalEdgeImg3::after{
        width: 250px;
    }


    .manIc {
        display: none;
    }

    .iconWrapBodGov figure {
        align-items: center;
        display: flex;
        width: 100px;
    }

    .storiesimg {
        height: 100%;
    }

    .amplifyingBrandMicroRetail {
        display: flex;
        flex-direction: column;

    }

    .amplifyingBrandMicroRetailDiv {
        margin-top: 10px;
        margin-left: 0px !important;
    }

}


/* ----------------Sk---------------- */
@media (max-width:767px) {
    .amplifyingBrandLogo5,
    .amplifyingBrandLogo6{
        position: static;
        margin-bottom: 15px;
    }
    .amplifyingBrandSec4ObjectiveMain{
        border-radius: 30px;
    }
    .amplifyingBrandSec4Objective1,
    .amplifyingBrandSec4Objective{
        height: auto;
        border-radius: 30px;
        padding: 50px 15px;
        width: calc(100% - 20px);
    }
    .amplifyingBrandSec4Objective{
        margin-left: 0 !important;
    }
    .rightTxt{
        padding: 20px 0;
    }
    .tableWarp {
        overflow-x: scroll;
    }
    .rightRingBr {
        padding: 20px;
    }
    .patterBgBlue {
        padding: 20px !important;
    }

    .thrivingDigitalEdgeImg3::after {
        content: normal;
    }

    .unveilingKeyMilestonesImgLogo3 {
        width: 48px;
    }

    .counterGreen {
        margin-top: 20px;
    }

    .eachFed {
        transform: skew(0deg);
    }

    .eachFed::before,
    .eachfedWrap::after {
        content: normal;
    }

    .eachFed p,
    .fedHead {
        transform: skew(0deg);
    }
}

/* -------------xxx----------------- */


@media (max-width:575px) {
    .brdGreyY .fz_36 {
        font-size: 20px !important;
    }
    .esgDashboardSec3 .counterWrap .totalBoardMembers{
        width: calc(50% - 10px);
        padding-left: 0 !important;
    }
    .homeSec2 .mainHead2 img{
		width: 330px;
	}
	.homeSec4 .mainHead2 img{
		width: 80% !important;
	}
    .empoweringLives {
        overflow-x: hidden;
    }
    .patterBgYellow{
        padding: 25px !important;
    }
    .achievingNewHeightsConterMainDiv {
        /* display: flex; */
        flex-direction: column;
    }

    .achievingNewHeightsConterMain.wid_25b,
    .achievingNewHeightsConterMain.wid_20b {
        width: 100%;
    }

    .eachFed {
        padding: 25px;
        padding-top: 35px;
    }

    .totalBoardMembers {
        padding-left: 0 !important;
    }
    .governanceImg{
        padding-left: 0;
    }
    .headingIc {
        margin-left: 0;
    }
    .mob-reverse {
        flex-direction: column-reverse;
    }

    .governanceImg {
        margin-bottom: 25px;
        width: 64px;
    }

    .chairmanArrow {
        width: 48px;
    }

    .digitalArtisSohuman h2 {
        font-size: 36px;
    }

    .digitalBanner1 {
        padding: 20px !important;
        background-color: #004e95;
        background-image: url(../images/digital/digitalattheForeImg.png);
        background-repeat: no-repeat;
        height: 860px;
        background-size: 100%;
        object-position: center;
        background-position: 100% 0;

    }

    .digitalBanner2 {
        padding: 20px !important;
    }

    .digitalBanner1 h4 {
        line-height: 1.5 !important;
        font-size: 20px;
    }

    /* .charPadding {
        padding-bottom: 50px !important;
    } */

    .chairmanMsg1 {
        padding-top: 50px !important;
    }

    .establish .fs_60 {
        font-size: 42px !important;
    }

    .chairmanSec4 {
        height: 1000px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .chairman {
        margin-bottom: 20px;
        /* width: 70%; */
        border-bottom: 1px solid #faa519;
    }
}


/* ----------home----- */
@media (max-width:500px) {

    /* .amplifyingBrandSec4Objective {
        height: 100%;
        width: 100%;
        margin-left: 0px !important;

    } */

    .amplifyingBrandBanner2 .p-5 {
        padding: 10px !important;
    }

    .recognitionsImg {
        position: absolute;
        /* top: -75px; */
        left: 50%;
        transform: translateX(-50%);
    }

}


@media (max-width:480px) {
    .esgDashboardSec3 .counterWrap .totalBoardMembers{
        width: calc(100%);
        padding-left: 0 !important;
    }
    .milestones .milestonesSec2 .row_3 .col_1{
        margin-bottom: 50px;
    }
    .milestones .milestonesSec2 .row_3 .mt_20{
        margin-top: 70px !important;
    }
    .homeSec4 .mainHead2 img {
		width: 100% !important;
	}
    .eachFed {
        margin-bottom: 100px !important;
    }

    .fedHead img {
        width: 100%;
    }

    .fedHead figure {
        width: 80px !important;
    }

    .fedHead h3 {
        font-size: 16px !important;
        width: calc(100% - 80px);
        left: -18px;
        padding-left: 38px !important;
    }

    .digitalBanner1 {
        height: 810px;
    }

    .milestonesSec2 .recognitions {
        height: auto;
        margin-bottom: 30px;
    }

    .patterBgBlue::before {
        bottom: -48px;
    }

    .patterBgBlue::after {
        bottom: -51px;
    }

    .borderLY .pl_40 {
        padding-left: 20px !important;
    }

    h2, .mainHead1 h3 {
        font-size: 28px !important;
    }

    .achievingNewHeightsConter {
        font-size: 28px;
    }

    .bankingSolutionsBanner1 {
        padding: 20px !important;
    }

    .bankingSolutionsBanner1 h4 {
        line-height: 1.5 !important;
        font-size: 21px !important;
    }
}


@media (max-width:420px) {

    .recognitionsImg {
        top: -45px;
    }

    .footerMAin::before {
        background-size: 80% !important;
    }

    .digitalBanner1 {
        background-position: 100% 290px;
    }
}





@media (max-width:500px) {

    /* .amplifyingBrandSec4Objective{
        margin-left: 0 !important;
    } */
    /* .amplifyingBrandSec4Objective {
        height: 100%;
        width: 100%;
        margin-left: 0px !important;
    } */

    .amplifyingBrandBanner2 .p-5 {
        padding: 10px !important;
    }

}
@media (max-width:360px) {
    .digitalBanner1 {
        height: 880px;
        background-position: 100% 280px;
    }
    h2, .mainHead1 h3 {
        font-size: 20px !important;
    }
    .patterBgBlue p{
        font-size: 18px !important;
    }
    .borderLY h4{
        font-size: 18px !important;
    }
}