@media(max-width: 1200px)
{
.business-secsl .owl-stage-outer, .look .owl-stage-outer,
.initiativesplannedsl .owl-stage-outer 
 {
    overflow: hidden;
}

.table-tabs
{
    width: 100%;
    overflow-x:scroll;
}
.banner-btn
{
    left:210px;
    bottom: 150px;
}
}

@media(max-width:1024px)
{

.esg-tabs ul {
    width: 100%;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
}
.esg-tabs ul.nav>li>a {
    width: 260px;
}
.ch-text p
{
    margin-bottom: 40px;
}
.ch-message
{
    padding-bottom: 50px;
}
.esg-tab-content p {
    font-size: 22px;
    line-height: 28px;
}
.shotlife
{
    right: 0px;
}
.the-year .esg-tabs ul.nav>li>a
{
width: auto;
}
.banner-btn
{
    left:160px;
    bottom:130px;
}
.md-message
{
    overflow:hidden;
    padding-bottom:0px;
}
.md-img {
    position: relative;
    right: 0;
    bottom: 0;
    float: right;
}
}

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


.b-blue-text h5
{
    margin-bottom: 30px;
}
.employee {
    margin-top: 0px;
}

.my-sidenav {
    width: 0px;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    overflow-x: hidden;
    z-index: 999999999;
    height: 100vh;
    max-width: 0px;
    width: 100%;
    background-color: rgba(0, 71, 138, 1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.my-sidenav>ul {
    padding: 0px 20px 0px;
}
    .my-sidenav>ul>li>ul {
        margin-top: 0px;
        display: none;
    }
    .my-sidenav ul.submenu li ul.submenu {
        display: none;
        position: static;
        width: 100%;
    }
    .my-sidenav ul {
        list-style-type: none;
        padding-left: 15px;
    }
    .my-sidenav ul li
    {
        border-bottom: 1px solid #ffffff;
        padding: 15px 0px;
    }
    .my-sidenav > ul > li > ul >li
    {
        border-bottom: 1px solid #ffffff;
        padding: 10px 0px;
    }
    .my-sidenav > ul > li > ul >li:last-child, .my-sidenav ul.submenu li ul.submenu li:last-child
    {
        border-bottom: 0px;
    }
    .my-sidenav ul.submenu li ul.submenu li {
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .my-sidenav ul.submenu li ul.submenu li a {
        color: #ffffff;
        font-size: 16px;
    }
.cross-btn1 {
    text-align: right;
    padding: 16px 14px 0px 0px;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
}
    .my-sidenav .submenu-indicator-minus .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .my-sidenav .submenu-indicator {
        font-size: 30px;
        position: absolute;
        line-height: 25px;
        right: 15px;
    }
    .my-sidenav>ul>li>a {
        color: #ffffff;
        font-size:18px;
        display:block;
    }
    .my-sidenav>ul>li>ul>li>a {
        color: #ffffff;
        font-size: 14px;
    }
    .my-sidenav>ul>li>ul>li>a img
    {
        padding-right: 10px;
        float: right;
    }

.growing-reach
{
    margin-top: 30px;
}
.grow-reach-inner
{
    min-height: auto;
    margin-bottom: 30px;
}
.gri
{
    margin-bottom: 30px;
}
.ch-text:after {
    content: '';
    position: relative;
    top: 0px;
    right: 0;
    background-image: none;
    height: auto;
    width: auto;
}
.md-message .ch-text:after {
    content: '';
    position: relative;
    top: 0px;
    left: 0;
    background-image: none;
    height: auto;
    width: auto;
}
.ch-text
{
    padding-right: 0px;
}
.md-message .ch-text
{
    padding-left: 0px;
}
.dha-img
{
    margin-top: 30px;
}
.ch-message.md-message
{
    padding-bottom: 0px;
}
.mandigi
{
    position:initial;
}
.innerdigitalbd
{
    padding: 20px 20px 0px;
}
.innerdigitalbd p
{
    padding-bottom: 30px;
}
.digitalbnkborder
{
        margin: 45px 0px;
    max-width: 100%;
}
.aboutus p
{
    padding-bottom: 20px;
}
.ourtimelineservice p
{
    padding-right: 0px;
}
.ourtimelineservice .digitalbnkborder
{
    max-width: 100%;
    margin-left: 0px;
    margin-top: 30px;
}
.growingreachpre .col-md-2,.federalbackfamily .col-md-4
{
    padding-bottom: 30px;
}
.growingreachpre
{
    padding: 45px 0px 30px;
}
.mt-30
{
    margin-top: 0px;
    margin-bottom: 20px;
}
.federalbackfamily .digitalbnkborder
{
    max-width: 100%;
    margin-top: 45px;
}
.federalbackfamily .innerdigitalbd
{
    padding: 30px 30px 0px;
}
.ourvisionmission
{
    padding: 30px 0px 40px;
}
.embracingdigital h3,.aboutus h3,.performacedashbd h3
{
    font-size: 28px;
}
.greaterheights .col-md-3 img
{
    padding-bottom: 30px;
}
.aboutus,.performacedashbd,.embracingdigital
{
    padding: 45px 0px 25px;
}
.volumegrowth
{
    padding: 45px 0px 20px;
}
.ceoshareholder .col-md-4 img
{
    padding: 20px 0px 0px;
}
.ceoshareholder .col-md-6 img
{
    padding-bottom: 20px;
}
.faddycooler .sanjeevanishdt
{
    max-width: 100%;
    margin-left: 0px;
}
.feddaychildimg
{
top:auto;
bottom: 0px;
right: 0px;
}
.saninnerdata,.sanjeevanish .saninnerdata
{
    padding:15px 15px 300px;
}
.performancehighlights
{
    height: auto;
    padding-bottom: 45px;
}
.performancehighlights h4
{
    padding: 45px 0px 25px;
}
.saninnerdata h6
{
    padding-right: 0px;
}
.humancore
{
    padding: 15px 0px 45px;
}
.humancore h3,.nesgoals h3
{
    font-size: 28px;
}
.bordermodue
{
    margin-bottom: 30px;
}
.humancore p
{
    padding-bottom: 20px;
}
.faddycooler img
{
    padding-left: 0px;
}
.nesgoals
{
    padding: 45px 0px;
}
.nesgoals h6
{
    padding-bottom: 10px;
    font-size: 20px;
}
.nesgoals .row
{
    padding: 20px 0px;
}
.nesgoals .row h6
{
    padding-bottom: 20px;
}
.nesgoals h3
{
    padding-bottom: 20px;
}
.corporate-information h3
{
    font-size: 28px;
}
.corporate-information
{
    padding: 45px 0px;
}
.corporate-informationdata
{
    max-width: 100%;
    padding: 0px 15px 30px 0px;
}
.corporate-information .container
{
    padding-bottom: 0px;
}
.corporate-information .container img.cptmimg {
    position: absolute;
    bottom: 0px;
    right: 0px;
    max-width: 110px;
    z-index: 9;
    width: 100%;
}
.empowerment h2,.csragenda h3
{
    font-size: 28px;
}
.csragenda
{
    padding-top: 45px;
}
.console-full
{
    padding: 45px 0px;
}
.othercsrini h4
{
    font-size: 20px;
}
.env-n1 .society-bg
{
    min-height: auto;
}
.othercsrini ul
{
    display: block; 
}
.othercsrini ul li
{
    max-width: 100%;
    float: none;
}
.csragenda .col-md-6 img
{
    padding-bottom: 20px;
}
.csragenda .row
{
    margin-top: 0px;
}
.ensuringpromo .container .col-md-6:last-child h3
{
    text-align: left;
    font-size: 20px;
}
.ensuringpromo .container .col-md-6 {
    margin-top: 20px;
}
.sanjeevanish
{
    padding-top: 0px;
    margin: 30px 0px;
}

.sanjeevanish .col-md-12
{
    padding: 45px 15px;
}
.sanjeevanishdt
{
    max-width: 100%;
}
    .shotlife
{
    right: auto;
    bottom: 50px;
    top: auto;
    max-width: 148px;
    left: 35px;
    margin: auto;
}
.bodimgde
{
    margin-bottom: 0px;
}
.bodofdirctors
{
    padding: 45px 0px 20px;
}
.bodofdirctors h3,.strengthframe h3
{
    font-size: 28px;
}
.strengthframe
{
    padding: 45px 0px;
}
.ourtimelineservice .innerdigitalbd
{
    padding-bottom: 0px;
}
.sss .society-bg
{
    min-height: auto;
    padding: 30px 15px;
}
.blue-strip h5
{
    line-height: 20px;
}
.empowerment p
{
    font-size: 20px;
    line-height: 24px;
}
.society-bg
{
    min-height: auto;
    margin-top: 30px;
    padding: 30px 15px;
}
.dse-content p
{
    padding-top: 30px;
}
.so-icon
{
    padding-top: 30px;
}
.sss h5
{
    padding-bottom: 20px;
    padding-top: 20px;
}
.empp-n1 .society-bg,.empp-n2 .society-bg,.empp-n3 .society-bg
{
    min-height: auto;
}
.img-btm
{
    margin-top: 15px;
}
.society-icon
{
    padding-top: 0px;
}
.top-heading h2
{
    font-size: 28px;
    margin-bottom: 30px;
}
.aoc-full
{
    padding:45px 0px;
}
.notable-list
{
    padding: 30px 0px 0px;
}
.details-content
{
    padding: 0px;
}
.banner-btn
{
    left:60px;
}
.n-mdl-inner .modal-body {
    padding-top: 60px;
    padding-left: 0px;
    padding-right: 0px;
}
.modal-man
{
    display:none;
}
.s-wd
{
    margin-left:0px;
}
.insideyearws
{
    padding: 45px 0px 30px;
}
.ourrewardingjour li:before
{
    top: 15px;
    bottom: auto;
}
.ourrewardingjour .sanjeevanishdt 
{
    max-width: 100%;
    margin-top: 30px;
}
.ourrewardingjour  .saninnerdata
{
padding: 15px 15px 350px;
}
.ourrewardingjour .sanjeevanishdt h6
{
    padding-right: 0px;
}
.ourrewardingjour {
    padding-bottom: 45px;
}
.insideyearws h3
{
    padding: 30px 0px 20px;
}
.the-year {
    padding: 20px 0px;
}
}

@media (max-width: 767px){
    .progress_sliders {
      display: block;
      width: 100%;
      height: 10px;
      border-radius: 0px;
      overflow: hidden;
      background-color: #f5f5f5;
      background-image: linear-gradient(to right, #004a8d, #004a8d);
      background-repeat: no-repeat;
      background-size: 0 100%;
      transition: background-size 0.4s ease-in-out;
      margin-top:0px;
    }
    /**/
    .rmovetop {
    margin-top: 0px!important;
}
    /**/

.award-slider .owl-nav, .dashboard-slider .owl-nav
{
    display: none;
}
.award-slider .owl-dots, .dashboard-slider .owl-dots
{
    margin-top: 20px;
}
.designed.text-right
{
    text-align: left;
}
.scroll-btn
{
    display: none;
}
.md-message .ch-img
{
    padding-top:30px;
}
.banner-btn {
left: 15px;
bottom: 120px;
}
/*.home-banner .container*/
/*{*/
/*    position:absolute;*/
/*    top:40%;*/
/*    left:180px;*/
/*}*/
}
@media (max-width: 580px)
{
.portfolio-wrap {
	max-width: 100%;
	margin: 50px;
}
.padding-bottom {
    padding-bottom: 20px;
}
.padding-left-zero {
padding-left: 15px;
}
.move-top {
	margin-top: 0px;
}
.main_head, .main_head2  {
	width: 90%;
}
.logo a.logo-text
{
    display:none;
}
}
@media (max-width: 420px)
{
.main-heading
{
    font-size: 28px;
}
.ch-text p {
    font-size: 22px;
    line-height: 28px;
}
.ch-message h2
{
    margin-bottom: 100px;
}
.embracing p {
    font-size: 22px;
    line-height: 28px;
}
.esg-tab-content h3
{
    font-size: 22px;
}
}
@media (max-width: 380px)
{

}
@media (max-width: 360px)
{

}
@media (max-width: 320px)
{

}

@media screen and (max-width: 767px) and (orientation: landscape) {
 
}
@media  (width: 731px) and (orientation: landscape) {

}
@media  (width: 667px) and (orientation: landscape) {

}
@media  (width: 640px) and (orientation: landscape) {

}
@media  (width: 568px) and (orientation: landscape) {

}