@media only screen and (max-width:1199px) {
    .bannerItem .bannerSec img {
        height: auto !important
    }

    .topbandBg_New,
    ul.savings li div {
        height: auto
    }

    .newDesg .infoBox .newWrap {
        width: 60%
    }

    .callbackCharm .closeW,
    .locateUsBox .closeW,
    .offerMobBox .closeW,
    .topMenu .loginSectMob,
    .topMenuNewWrapper .checkRateBox .closeW {
        display: block
    }

    .axisGroupList ul {
        width: 100%;
        margin: 1rem auto;
        text-align: center
    }

    ul.savings li div span {
        font-size: 1.6rem;
        position: relative;
        bottom: 0
    }

    ul.savings li div a {
        font-size: 1.4rem;
        border-bottom: 1px solid #d8d8d8;
        position: relative;
        padding: 0;
        bottom: 0;
        margin: 10px 0
    }

    .topMenuNewWrapper .menuBody li {
        padding: .5rem 0 !important
    }

    .topMenuNewWrapper .menuBody {
        padding-top: 15px
    }

    .topMenuNewWrapper .menuHead {
        padding: 1rem 1.3rem;
        position: relative;
        font-family: Lato-Bold;
        background: 0 0;
        width: 90%
    }

    .checkRateBox .checkClose .closeW {
        top: 12px
    }

    .getACallBox .callbackCharm {
        border: none;
        margin: 0 auto
    }

    .getACallBox .callbackCharm ul li a {
        color: #fff
    }

    .topMenuNewWrapper .axisGropuGrid,
    .topMenuNewWrapper .locateUsGrid {
        padding: 10px 20px
    }

    .topMenuNewWrapper .menuHead.noStatic {
        margin-top: 15px;
        top: 0
    }

    .newComBox p,
    .topMenuNewWrapper .menuBody.spanSml span {
        font-size: 1.6rem
    }

    .topMenuNewWrapper .menuBody li p {
        font-size: 1.6rem;
        font-family: Lato-Bold;
        color: #fff
    }

    .topMenuNewWrapper .menuBody a {
        font-size: 1.4rem;
        border-bottom: 1px solid #d8d8d8;
        padding: 0;
        margin: 0 0 10px
    }

    .topMenuNewWrapper .menuHead.setPad {
        padding: 1rem 1.3rem;
        margin: 10px 0
    }

    .closeW {
        top: 10px
    }

    .exploreProd .expProd {
        padding-bottom: 0
    }

    .comBox h2 {
        font-size: 2.2rem
    }

    .hamburger {
        display: inline-block;
        padding-top: 1rem
    }

    .header-fixed .topMenu .logoSect {
        padding-top: .9rem
    }

    .maroontheme {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .maroontheme .topMenu .whitebg {
        width: 70%;
        height: 5.9rem
    }

    .maroontheme .topMenu .logoSect {
        margin-top: 0;
        padding-top: 0
    }

    .maroontheme .topMenu .loginDrpDown {
        right: 15px
    }

    .maroontheme .topMenu .hamburger {
        padding-top: .5rem
    }

    .topMenu .logoSect {
        margin-left: 1.2rem;
        padding-top: 1rem
    }

    .fdRatesBox,
    .getACallBox .callback,
    .topBand,
    .topMenu .loginSect,
    .topMenu .navbarSect {
        display: none
    }

    .topMenu .loginDrpDown {
        top: 5.5rem;
        right: 0
    }

    .topMenu .loginSectMob ul li {
        padding: 1.5rem .9rem;
        float: left
    }

    .middleFooterCon.midTitle .ftrHeading {
        width: 12%
    }

    .topMenuNewWrapper>div {
        background: #666;
        padding: 0;
        position: fixed;
        z-index: 10001;
        width: 300px;
        margin: 5.1rem auto;
        left: 0;
        right: 0;
        max-height: 500px;
        overflow-y: scroll
    }

    .topMenuNewWrapper>div .container {
        width: 100%
    }

    .topMenuNewWrapper>div .container .col-md-12 {
        padding: 0
    }

    .topMenuNewWrapper .searchBox {
        display: none;
        padding: 5rem 1.5rem 1.5rem;
        width: auto;
        position: relative;
        margin: 0
    }

    .exploreProd,
    .mobiNav,
    .mobileMenu {
        /* display: block; */
        width: 32rem
    }

    .ftLinks,
    .mobileMenu .topH {
        width: 32rem
    }

    .exploreProd .expProd {
        width: 32rem;
        cursor: pointer
    }

    .socialLinks li {
        margin-right: 0
    }

    .socialLinks li a {
        width: 2.9rem;
        height: 2.9rem
    }

    .mobLnk {
        display: block;
        position: relative;
        box-shadow: 0 1px 21px #e8e8e8;
        clear: both;
        margin-bottom: 30px
    }

    .stack {
        width: 260px;
        height: 260px
    }

    .charmWrapper {
        z-index: 10001
    }

    .productsView ul li {
        margin-left: 2.2rem
    }

    .calculatePlanBox ul li {
        width: 49%
    }
}

@media only screen and (max-width:991px) {

    .copyright,
    ul.cpDiscMap {
        text-align: center;
        display: block
    }

    .offerJustUwrap,
    ul.cpDiscMap {
        margin-top: 1rem
    }

    .copyright,
    .offersWrapper .owl-nav,
    ul.cpDiscMap {
        display: block
    }

    .comBox.ab_cardOffers {
        margin-block-end: 30px
    }

    .DICGC,
    .cenral_reg {
        padding: 0 1.5rem
    }

    .ab_searchmicBtn#micBtn {
        right: -20px
    }

    .maroontheme .topMenu .logoSect {
        margin-top: 0
    }

    .maroontheme .topMenu .hamburger {
        padding-top: 0
    }

    .footerMainUl .col {
        width: 33%
    }

    .footerMainUl .othLnk {
        padding-left: 0
    }

    .middleFooterCon.midTitle .ftrHeading {
        width: 15%
    }

    .middleFooterCon .links {
        width: 84%
    }

    .copyright {
        margin-bottom: 2rem
    }

    ul.cpDiscMap {
        float: none
    }

    .topMenuNewWrapper .searchInptBox {
        width: 100%
    }

    .stack {
        width: 225px;
        height: 260px
    }

    .offersWrapper ul li {
        width: 100%;
        margin-left: 0
    }

    .topMenu .logoSect img {
        width: 140px;
        height: auto
    }

    .productsView ul li {
        margin-left: .6rem;
        width: 24%
    }
}

@media (max-width:767px) {
    .topMenuNewWrapper .searchInptBox input {
        width: 86%
    }

    .cardAnim .owl-nav {
        position: absolute;
        top: -42px;
        right: 0
    }

    .bannerWrapper .owlC2,
    .bannerWrapperMain .owlC2,
    .footerMainUl .pnoAfterDesk,
    .homeBanner .bannerWrapperMain .owlC2,
    .offerSec li:after,
    .subscribeBand,
    .tab-controller .scribe-show {
        display: none
    }

    .icon-whatsapp,
    .middleFooterCon .pnoAfterMob,
    .openFD,
    .topMenuNewWrapper .menuBody .depositBox {
        display: block
    }

    .digitalBank .imgBlock a img {
        margin-top: 10px;
        width: 100%
    }

    .calculatePlanBox ul,
    .footerMainUl .fScheme,
    .middleFooterCon .fScheme {
        padding-bottom: 1rem
    }

    .openFD {
        float: none;
        margin-top: .5rem
    }

    .controls {
        right: 20px
    }

    .relBlock {
        margin: 2rem auto 0;
        height: 292px;
        width: 100%;
        position: relative
    }

    .middleFooterCon .countryLinks,
    .relBlock.comBox h2 {
        padding: 0 1.5rem
    }

    .topMenu .loginDrpDown .accordian ul li .logLinks a.mobBr,
    .topMenu .loginDrpDown .accordian ul li .logLinks a.mobBr:first-child {
        border-left: none
    }

    .ab_searchmicBtn#micBtn {
        right: -65px
    }

    .wrapper-content {
        padding-bottom: 2rem
    }

    .ahaAxisBox {
        top: 80% !important;
        right: 0;
        z-index: 10 !important
    }

    .bar1,
    .bar2,
    .bar3 {
        width: 21px;
        height: 3px;
        margin: 4px 0
    }

    .header-fixed .topMenu .loginDrpDown {
        top: 4.5rem
    }

    .maroontheme {
        padding-bottom: 1rem;
        padding-top: 0
    }

    .maroontheme:after {
        height: 1rem
    }

    .maroontheme .topMenu {
        padding-top: 1.2rem
    }

    .maroontheme .topMenu .whitebg {
        height: 3.5rem;
        background-size: 34px
    }

    .maroontheme .topMenu .whitebg:after {
        min-height: 4rem;
        margin-left: -7px
    }

    .maroontheme .topMenu .whitebg .loginSectMob .navbar-right {
        padding-right: 0
    }

    .maroontheme .topMenu .whitebg .loginSectMob ul li,
    .topMenu .loginSectMob ul li {
        padding: 1rem .7rem
    }

    .footerMainUl .col ul li p a,
    .footerUpSec .container,
    .homeBanner,
    .homeBanner .container,
    .maroontheme .topBand .iconSectHindi .langList li,
    .maroontheme .topBand .langDropdown .langList li,
    .maroontheme .topBand .navbar-right .langList li,
    .maroontheme .topBand.topMenu .whitebg .loginSectMob ul li .langList li,
    .maroontheme .topMenu .iconSectHindi .langList li,
    .maroontheme .topMenu .langDropdown .langList li,
    .maroontheme .topMenu .navbar-right .langList li,
    .maroontheme .topMenu.topMenu .whitebg .loginSectMob ul li .langList li {
        padding: 0
    }

    .maroontheme .topBand.topMenu .navbar-right .langList,
    .maroontheme .topMenu.topMenu .navbar-right .langList {
        left: 7px
    }

    .topMenu .logoSect img {
        width: 100px;
        height: auto
    }

    .topMenu .loginDrpDown {
        top: 4.5rem;
        right: 1.6rem
    }

    .topMenu .loginSectMob ul {
        padding-top: 0;
        float: right;
        position: relative;
        right: -8px
    }

    .footerUpSec {
        padding: 0;
        background-color: #444
    }

    .footerBtmSec {
        border-top: 1px solid #7c7c7c
    }

    .footerMainUl {
        padding-bottom: 0
    }

    .footerMainUl .col {
        width: 100%;
        display: block;
        padding-left: 0;
        margin-bottom: 0
    }

    /* .footerMainUl .col ul {
        display: none;
        background: #616161
    } */

    .footerMainUl .col ul li a {
        padding: 1rem 0
    }

    .footerMainUl .col li {
        margin: 0 1.5rem
    }

    .footerMainUl .ftrHeading,
    .middleFooterCon.midTitle .ftrHeading {
        padding: 2rem 1.5rem;
        cursor: pointer;
        color: #e4e4e4
    }

    .footerMainUl .closeTab:before,
    .footerMainUl .openTab:before,
    .middleFooterCon .closeTab:before,
    .middleFooterCon .openTab:before {
        content: "\e9003";
        font-family: regional_icomoon !important;
        font-size: 1.2rem;
        font-weight: 600;
        color: #fff;
        position: absolute;
        right: 3rem;
        display: inline-block
    }

    .footerMainUl .ftrHeading a,
    .footerMainUl a,
    .middleFooterCon a,
    .middleFooterCon.midTitle .ftrHeading a {
        color: #e4e4e4
    }

    .footerMainUl .openTab:before,
    .middleFooterCon .openTab:before {
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .footerMainUl p,
    .middleFooterCon p {
        color: #e4e4e4;
        padding: 1rem 1.5rem
    }

    .middleFooterCon {
        border: none;
        padding: 0
    }

    .middleFooterCon.midTitle .appsFooter .ftrHeading {
        padding: 5px 0 0
    }

    .middleFooterCon.midTitle .ftrHeading {
        display: block;
        width: 100%
    }

    .middleFooterCon .links {
        margin-bottom: 1rem;
        display: none;
        padding-left: 1.5rem
    }

    .middleFooterCon p {
        color: #e4e4e4;
        padding-left: 1.5rem
    }

    .back-to-top {
        width: 3.6rem;
        height: 3.6rem;
        right: .5rem;
        bottom: 4.7rem
    }

    .back-to-top .icon-drop {
        font-size: 1.3rem;
        top: 5px
    }

    .reportFraudFtr {
        margin: left 15px !important
    }

    .topMenuNewWrapper>div {
        overflow-y: auto
    }

    .middleFooterCon .socialLinks {
        display: block;
        padding-left: 1.5rem;
        margin: 0
    }

    .socialLinks li {
        padding: 0 .5rem
    }

    .bannerItem.owl-carousel .owl-dots {
        right: unset;
        left: 50%;
        bottom: 0;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    .bannerItem.owl-carousel .owl-dots span {
        width: 6px;
        height: 6px
    }

    .offersWrapper ul li .offerCaption p {
        width: 99%
    }

    .offersWrapper ul li .offerInfo .offerShareBox .offerValidity {
        border-right: 1px solid #d2d2d2;
        width: 49%
    }

    .comBox.progressBlog.newDesg .infoBox,
    .offersWrapper ul li .offerInfo .offerShareBox .shareOn {
        display: inline-block
    }

    .offersWrapper ul li .offerInfo .offerShareBox .shareOn .icon-whatsapp {
        display: inline-block;
        font-size: 2.9rem;
        position: relative;
        left: 1.3rem;
        top: 5px;
        background-position: -379px -65px
    }

    .getACallBox {
        z-index: 99999;
        top: 0 !important;
        position: relative;
        left: 0
    }

    .callbackCharm {
        display: none;
        position: fixed;
        width: 300px;
        right: 0;
        left: 0;
        margin: 5.1rem auto;
        z-index: 10001;
        opacity: 1;
        background: #606060
    }

    .mob-apply-new,
    .mobfloatingBtn {
        position: fixed;
        text-align: center;
        background: #97144d
    }

    .productsView ul li {
        margin-left: 0;
        width: 49%;
        padding-top: .3rem
    }

    .productDealsPopup .modal-content {
        margin: 3rem auto
    }

    .getACallBox .callbackCharm,
    .getACallBox .ratesCharm {
        position: inherit
    }

    .homeBanner .bannerWrapperMain {
        position: relative
    }

    .appsFooter {
        margin: 0 15px
    }

    .appsFooter a {
        width: auto
    }

    .chrome .topMenuNewWrapper .searchInptBox input {
        width: 82%
    }

    .hidden-xs {
        display: none !important
    }

    .productsView ul li .productBox h4 {
        font-size: 1.5rem
    }

    .middleFooterCon .billboard img {
        padding: 1rem 1.5rem
    }

    .middleFooterCon .countryLinks a span {
        vertical-align: middle;
        margin-left: 5px
    }

    .middleFooterCon li.sds {
        border: none
    }

    .eclgsApplyPopup .productDealsPopup .modal-content {
        width: 100%;
        height: auto
    }

    .home .offersWrapper .buttonWrap {
        padding: 1.5rem 0
    }

    .ab_cardOffers .cardAnim {
        position: relative;
        top: 25px;
        width: 98%;
        margin-bottom: 31px
    }

    .ab_cardOffers .stack {
        width: 100%;
        height: 280px
    }

    .ab_cardOffers h2 {
        padding: 0 !important
    }

    .subscribeBand {
        z-index: 8
    }

    .maroontheme {
        z-index: 99
    }

    .subIframe .modal-content {
        width: 100%
    }

    .dealPopup,
    .dealPopupSecondary {
        width: 95%
    }

    .productDealsPopup .modal-content {
        width: 100%;
        padding: 1rem;
        height: 44rem;
        overflow-y: scroll
    }

    .noLink {
        pointer-events: none
    }

    .popupWrap {
        width: 100%;
        transform: none;
        left: 0
    }

    .cardAnim {
        top: 3.8rem
    }

    .stack {
        width: 85%;
        height: 237px
    }

    .chatImgWrapper {
        bottom: 50px !important
    }

    .mobfloatingBtn {
        right: 0;
        padding: 10px 5px;
        font-size: 13px;
        z-index: 1000;
        color: #fff !important;
        top: 340px;
        writing-mode: vertical-rl;
        -ms-writing-mode: bt-rl;
        direction: rtl;
        display: block;
        border-radius: 10px 0 0 8px
    }

    .mob-apply-new {
        display: none;
        bottom: 0;
        width: 100%;
        padding: 8px 0;
        z-index: 2
    }

    .mob-apply-new a {
        color: #fff;
        font-size: 1.6rem
    }

    .footerMainUl li,
    .middleFooterCon li {
        border-bottom: 1px solid #7c7c7c;
        padding-bottom: 0
    }

    .middleFooterCon {
        margin: 0 !important
    }

    .middleFooterCon .cont h3.cntrBr {
        border-bottom: 1px solid #7c7c7c
    }

    .middleFooterCon .cont h3.cntrBr.openTab {
        border-bottom: none
    }

    .middleFooterCon .links a {
        display: block;
        margin: 0 0 10px
    }
}

@media only screen and (max-width:640px) {
    .bannerSec img {
        height: 144px !important
    }

    .ab_searchmicBtn#micBtn {
        right: -45px
    }
}

@media only screen and (max-width:425px) {
    .ab_searchmicBtn#micBtn {
        right: -8px
    }
}

@media only screen and (max-width:600px) {
    .maroontheme .topMenu .whitebg {
        width: 58%
    }

    .preapprovedOffers p img {
        left: -5.5rem;
        top: .3rem
    }

    .preapprovedOffers {
        padding: 1.15rem 1.2rem 1.15rem 6rem
    }

    a.item .bannerSec img {
        width: 100% !important
    }

    .preapprovedOffers .viewAll {
        float: left
    }
}

@media only screen and (max-width:480px) {

    .otherInfoBlocks .digitalBank .imgBlock img,
    a.lnksearchlink {
        width: 100%
    }

    .comBox h2 {
        font-size: 2rem;
        padding: 2rem 0 1rem
    }

    .maroontheme .topMenu .whitebg .loginSectMob ul li {
        padding: 1rem .4rem
    }

    .maroontheme .topMenu .whitebg .loginSectMob ul li.lang-wrap {
        background: 0 0;
        padding: .7rem
    }

    .maroontheme .topBand .iconSectHindi a.js-changeLanguage,
    .maroontheme .topBand .langDropdown a.js-changeLanguage,
    .maroontheme .topBand .navbar-right a.js-changeLanguage,
    .maroontheme .topMenu .iconSectHindi a.js-changeLanguage,
    .maroontheme .topMenu .langDropdown a.js-changeLanguage,
    .maroontheme .topMenu .navbar-right a.js-changeLanguage {
        padding: 1px 3px 2px;
        margin-top: 0;
        font-size: 1.3rem;
        min-width: 50px
    }

    .maroontheme .topBand .iconSectHindi a.js-changeLanguage .reg-down-arrow,
    .maroontheme .topBand .langDropdown a.js-changeLanguage .reg-down-arrow,
    .maroontheme .topBand .navbar-right a.js-changeLanguage .reg-down-arrow,
    .maroontheme .topMenu .iconSectHindi a.js-changeLanguage .reg-down-arrow,
    .maroontheme .topMenu .langDropdown a.js-changeLanguage .reg-down-arrow,
    .maroontheme .topMenu .navbar-right a.js-changeLanguage .reg-down-arrow {
        margin-left: 3px
    }

    .maroontheme .topBand .iconSectHindi .langList li,
    .maroontheme .topBand .langDropdown .langList li,
    .maroontheme .topBand .navbar-right .langList li,
    .maroontheme .topMenu .iconSectHindi .langList li,
    .maroontheme .topMenu .langDropdown .langList li,
    .maroontheme .topMenu .navbar-right .langList li {
        margin: 0
    }

    .maroontheme .topBand .iconSectHindi .langList li a,
    .maroontheme .topBand .langDropdown .langList li a,
    .maroontheme .topBand .navbar-right .langList li a,
    .maroontheme .topMenu .iconSectHindi .langList li a,
    .maroontheme .topMenu .langDropdown .langList li a,
    .maroontheme .topMenu .navbar-right .langList li a {
        font-size: 1.2rem;
        padding: 5px
    }

    .copyright {
        font-size: 1.1rem
    }

    ul.cpDiscMap li {
        font-size: 1rem
    }

    ul.cpDiscMap li a {
        padding: 0 .5rem
    }

    .cardAnim {
        width: 361px;
        right: 0;
        margin: 0 auto;
        top: 3.8rem
    }

    .offerJustUwrap h2 br {
        display: block
    }

    .preapprovedOffers p {
        width: 100%;
        margin-bottom: .5rem;
        padding-top: 0
    }
}

@media only screen and (max-width:360px) {
    .controls {
        right: 1.2rem
    }

    .cardAnim {
        width: 100%
    }

    .productDealsPopup .modal-content {
        margin: 10px auto;
        height: 50rem;
        overflow-y: scroll
    }
}

@media only screen and (max-width:320px) {
    .maroontheme .topMenu .whitebg {
        width: 62%
    }

    .ab_searchmicBtn#micBtn {
        right: 0
    }

    .maroontheme .topMenu .logoSect {
        max-width: 50px;
        margin-left: .2rem
    }

    .maroontheme .topBand .iconSectHindi a.js-changeLanguage,
    .maroontheme .topBand .langDropdown a.js-changeLanguage,
    .maroontheme .topBand .navbar-right a.js-changeLanguage,
    .maroontheme .topMenu .iconSectHindi a.js-changeLanguage,
    .maroontheme .topMenu .langDropdown a.js-changeLanguage,
    .maroontheme .topMenu .navbar-right a.js-changeLanguage {
        padding: 4px 3px;
        font-size: 1.2rem;
        min-width: 50px
    }

    .calculatePlanBox ul {
        text-align: center
    }

    .calculatePlanBox ul li {
        width: 49%
    }

    .calculatePlanBox ul li a span {
        padding: 0 10px
    }
}

@media (max-width:359px) {
    .ab_cardOffers .stack {
        height: 250px
    }

    .newNotify {
        left: -240px
    }

    .newNotify .notifyBox .notifyText {
        width: 76%
    }
}

@media (min-width:385px) and (max-width:767px) {
    .ab_cardOffers .stack {
        height: 300px
    }
        .cntUs {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
}

@media (min-width:530px) and (max-width:767px) {
    .productDealsPopup .modal-content {
        margin: 10px auto;
        height: 35rem;
        overflow-y: scroll
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1199px) {

    .maroontheme .bar1,
    .maroontheme .bar2,
    .maroontheme .bar3 {
        width: 35px;
        height: 4px;
        margin: 6px 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}