

@media (max-width:1024px) {


    .mobBannerImg{
        display: block;
    }
    .bannerVdo{
        display: none;
    }

    [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: 1024px) {

.differentiatorInner .aos-init{
    margin-bottom: 2rem;
}
}
@media (max-width: 991px) {
    .logo_wrap{
        width: 300px;
    }
    .logo_wrap a{
        display: block;
    }
    .bannerWrap{
        height: 60vh;
    }
    .bannerContent {
        width: 100%;
        position: absolute;
        left: 5%;
        bottom: 0 !important;
        height: 100%;
        display: none;
    }
    .bannerContentBox img{
        width: 100%;
    }
    .bannerContentMobile {
        margin-top: -100px;
    }
    .bannerTxt .col-md-8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bannerHeading {
        font-size: 44px;
    }

    .deskView {
        display: none !important;
    }

    .mobView {
        display: block !important;
    }

    .mobView .leftTab {
        width: 100%;
    }

    .mobView .tabContent {
        opacity: 1;
    }

    .bannerContentInner {
        height: 100%;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        gap: 20px;
    }

    .tabContent1,
    .tabContent2 {
        display: none;
    }

    .tabItem h2 {
        font-size: 20px;
    }
    .tabItem2 h2 {
        font-size: 20px;
    }

    .bannerContent::after {
        display: none;
    }

    .bannerTxt {
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
    }

    .footerWidget {
        margin-bottom: 30px;
    }

    .tabContentInner {
        display: flex;
        flex-direction: column;
    }

    .acContent {
        width: 100%;
        padding: 0 30px;
        padding-left: 0px;
        margin-bottom: 30px;
        color: white !important;
    }
    .mobView .acContent p{       
        color: white !important;
    }
    .tabItem1.show h2{
        display: none;
    }
}

@media (max-width: 767px) {
.mobile-text-digital-bank .corporateInfoBlock{
    margin-top:0;
  }
.ceoWrap .headingWrapright{
	margin-top: 18px;
}
}
@media (min-width: 992px) {
    .bannerContentMobile {
        display: none;
    }
}

@media (max-width: 776px) {
    .bannerContentMobile {
        position: relative;
        width: 100%;
        height: 25%;
        margin-top: -50px;
    }

    .bannerContentBox {
        margin-left: 5px;
        margin-right: 5px;
    }

    .managementInner1 {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .managementInner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .managementImg {        
        text-align: center;
        justify-content: center;        
        width: 100%;
        display: flex;
        align-items: center !important;
        border-bottom: 2px solid white;
        margin-bottom: 30px;
    }    

    .widgetHeading h4 {
        font-size: 20px !important;
    }
    .tabList{
        overflow-x: auto; 
    }
    .subheading {
        margin-top: 50px;
    }
    .mobView .tabItem1 h2 {
        font-size: 16px !important;
    } 
    .managementTxt{
        padding: 0px;               
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: center !important;
        justify-content: center;
        align-items: center !important;
        border-bottom: 2px solid white;        
      }
      .headingWrapleft{
        text-align: center;
      }
      .headingWrapright{
        text-align: center;
      }
      .quoteImg2{
        position: relative;
        text-align: left;        
      }
      .quoteImg2{
        display: flex;        
        align-items:end !important;
        width: 100%;
      }
      .quoteImg1{
        text-align: left;
      }
      .quoteImg::after{
        width: 100%;
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        background-color: #219e82;
        height: 4px;
      }
      .managementTxt .text-right{
        text-align: center !important;
    }
}


@media (max-width: 640px){
    .header-wrapper .container-max{
        max-width: 100%;
    }
    .logo_wrap {
        width: 215px;
    }
    .dwnAnnual img{
        width: 25px;
    }
    .dwnAnnual h6 {
        font-size: 12px;
    }
    .hamburgerIcon {
        width: 30px;
    }
    .hamburgerIcon a .line_3 {
        padding-left: 15px;
    }
}

@media (max-width: 500px) {
    .header-wrapper .container-max{
        flex-direction: column;
    }
    .logo_wrap{
        width: 100%;
        margin: 0 auto;
        max-width: 300px;
        margin-bottom: 10px;
    }
    .bannerHeading {
        font-size: 40px;
        font-weight: 500;
    }
    .dwnAnnual img {
        width: 30px;
    }
    .dwnAnnual h6 {
        font-size: 14px;
    }
    .hamburgerIcon {
        width: 32px;
    }

}