@media screen and (max-width: 320px) {
    .table-csr {
        font-size: 14px;
    }

    .txt-update {
        font-size: 14px !important;
    }

    .banner-tab-berkah-mobile {
        position: relative;
        top: -27rem;
    }

    .text-white-cms-mobile {
        color: #fff !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
	.title-kalk-depo {
        padding: 2em;
        position: relative;
        left: -4em;
    }

    .boxCalc-depo-home {
        position: relative;
        /* background: red; */
        padding-left: 10em;
        padding-right: 10em;
        margin-bottom: 2em;
    }

    .boxcal_btn-deposito {
        left: 0;
        top: -3em;
    }

    .title-kalk-depo h3 {
        margin: -3.9em 0 0 3em;
        padding: 0;
    }
    
    .text-deposito-selengkapnya {
        color: #42306B;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        top: -2em;
        margin: auto 4em;
    }
    
    .text-simulasi-deposito {
        font-size: 12px;
        top: -10em;
        left: 0;
    }
    
    .title-kalk-zakat h3 {
        margin: -5rem 0 0 -7rem;
    }
    
     .boxcal_btn-zakat {
        width: -webkit-fill-available;
    }
    
    .boxcal_btn-zakat-produk {
    	width: -webkit-fill-available;
    }

	.title-deposito h2 {
      text-align: center !important;
      padding: 0 !important;
    }
	
	.text-setoran-dp-ib {
    	text-align: center; 
    }

	.btn-succsess {
        background: #661861;
        border-radius: 50px;
        height: 54px;
        padding-top: 0;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        width: 100%;
        text-align: center;
        position: relative;
        left: 3.4em;
    }

	.text-position-mobile {
        position: relative;
        top: -48rem;
        padding: 0 20px;
    }

	/* reksadana */
    .accordion-button-produk-reksadana {
    	background-size: 12vw;
        width: -moz-available;
    }
    
    .text-head-faq-reksadana {
    	margin: -10em 0 1em 0;
    }

    .reksadana-tab-link {
        border-radius: 30px;
        padding: 0;
        color: #fff;
        background: #E9E9E9;
        position: relative;
        left: 1em;
        /*top: -20em;*/
    }

    .sidenav-reksadana {
    	margin: 0 auto 1em auto;
    }

    /*.content-produk-reksadana-head, .accordion {
    	margin: -18em auto 0 auto !important;
    }*/

    .nav-link-reksadana {
        font-size: 12px;
    }

    .col-head-filter {
        margin: 0;
    }

    .card-produk-reksadana {
          width: 100%;
          max-width: 150%;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          border-radius: 35px;
          background: linear-gradient(206.36deg, #661861 3.36%, #2B2928 95.78%);
      }
      
      /*.card-produk-reksadana {
        width: fit-content;
        margin: 1.5em;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 35px;
        background: linear-gradient(206.36deg, #661861 3.36%, #2B2928 95.78%);
    }*/

    .text-head-reksadana {
        font-family: "OpenSans", sans-serif;
        font-size: 16px;
        font-style: normal;
        line-height: normal;
    }

    .accordion {
        margin-bottom: 1em;
    }

    .accordion-button-reksadana {
        border-radius: 20px;
        background-color: #E9E9E9;
        color: #000;
        margin-top: 2em;
        height: auto;
    }

    .text-nab {
        font-size: 12px;
        font-weight: 700;
    }

    .text-aum {
    	font-size: 12px;
        font-weight: 700;
    }
	
    .text-idr {
        padding: 0 0 1.3em 0;
        font-size: 12px;
        font-weight: 700;
    }

    .text-idr-unit {
    	color: red;
    }

    .text-idr-aum {
    	padding: 0 0 1.3em 0;
        font-size: 12px;
        font-weight: 700;
    }

    .text-percentage {
    	padding: 0 0 1.3em 0;
        font-size: 12px;
        font-weight: 700;
    }

    .text-return {
    	padding: 0 0 1.3em 0;
        font-size: 12px;
        font-weight: 700;
    }

    .body-border-reksadana {
        width: -webkit-fill-available;
        border-bottom-left-radius: 27px;
        border-bottom-right-radius: 27px;
        margin: 1em;
    }

    .accordion-body-reksadana {
        background: #F2F2F2;
        border-radius: 35px;
    }

    /* end reksadana */

    .navbar {
        background: none;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
        transition: 0.3s;
        height: 90px !important;
        background: white !important;
    }

    .carousel-control-prev {
        left: 0;
        top: 19em;
    }

    .carousel-control-next {
        right: 0;
        top: 19em;
    }

    /*banner haji umrah */
    .tabungan-haji-individu-mobile {
        position: relative;
        top: -12.5rem;
    }

    /* end banner */

    .text-magenta {
        position: relative;
        top: -25em;
    }

    .text-gold {
        position: relative;
        top: -13em;
    }

    .text-platinum {
        position: relative;
        top: -18em;
    }

    .card-gold {
        position: relative;
        top: -10em;
    }

    .card-magenta {
        position: relative;
        top: -10em;
    }

    .card-platinum {
        position: relative;
        top: -10em;
    }

    .tab-berkah-rencana-title {
        position: relative;
        text-align: center;
        top: -14em;
    }

    .bg-cr-1 img {
        width: 100%;
        margin-left: 0em;
        /*margin-top: 5em;*/
        margin-top: 25%;
    }

    .tab-berkah-haji-title {
        position: relative;
        text-align: center;
        top: -14em;
    }

    /*.tab-berkah-title {
        position: relative;
        text-align: center;
        top: 0em;
    }*/

    /*.icon-tab-berkah-title {
        margin-top: -100%;
    }*/

    .text-white-cms-mobile {
        color: #fff !important;
    }

    .kat-1 li {
        position: relative;
        top: 1em;
    }

    .img-logo-cc-mob {
        width: 85%;
        position: relative;
        top: -10%;
    }

    .carousel-indicators {
        display: none;
    }

    .btn-call-center a {
        color: white;
        font-size: 12px;
        position: relative;
        top: -15px;
    }

    .btn-call-center {
        margin-left: 2.5em;
    }

    .back-to-home {
        width: 100%;
        border-radius: 27px;
        padding: 0 1em;
        height: 55px;
        position: relative;
        left: 3em;
    }

    /* reksadana styling - 18-12-2023 */
    .accordion-body-reksadana {
        background: #F2F2F2;
        border-radius: 35px;
    }

    .reksadana-tab-link {
        border-radius: 30px;
        padding: 0;
        color: #fff;
        background: #E9E9E9;
        position: relative;
        left: 1.6em;
    }

    .nav-link-reksadana {
        font-size: 12px;
    }

    .col-head-filter {
        margin: 0.5em;
    }

    .text-head-reksadana {
        font-family: "OpenSans", sans-serif;
        font-size: 16px;
        font-style: normal;
        line-height: normal;
    }

    .accordion {
        margin-bottom: 1em;
    }

    .accordion-button-reksadana {
        border-radius: 20px;
        background-color: #E9E9E9;
        color: #000;
        margin-top: 2em;
    }

    /* styling text mobile banner - 16-1-2024*/
    .text-position-loyalty-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-position-gold-mobile {
        position: relative;
        top: -43rem;
        padding: 0 20px;
    }

    .text-position-magenta-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-platinum-mobile {
        position: relative;
        top: -52rem;
        padding: 0 20px;
    }

    .text-position-deposito-ind-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-tabungan-simpel-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-simpanan-mobile {
        position: relative;
        top: -42rem;
        padding: 0 20px;
    }

    .text-tabunganku-position-mobile {
        position: relative;
        top: -40rem;
        padding: 0 20px;
    }

    .text-position-tabungan-investasya-ind-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-tabungan-investasya-mobile {
        position: relative;
        top: -42rem;
        padding: 0 20px;
    }

    .text-position-pembiayaan-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-position-berkah-bisnis-ib-mobile {
        position: relative;
        top: -58rem;
        padding: 0 20px;
    }

    .text-position-pengaduan-mobile {
        position: relative;
        top: -65rem;
        padding: 0 20px
    }

    .text-wakaf-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-infaq-mobile {
        position: relative;
        top: -65rem;
        padding: 0 20px;
    }

    .text-bancasurrance-position-mobile {
        position: relative;
        top: -80rem;
        padding: 0 20px;
    }

    .text-individu-mobile {
        position: relative;
        top: -42rem;
        padding: 0 20px;
    }

    .text-position-syariah-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-position-mobile {
        position: relative;
        top: -48rem;
        padding: 0 20px;
    }

    .text-tab-berkah-utama-mobile {
        position: relative;
        top: -70rem;
        padding: 0 20px;
    }

    .text-tabungan-berkah-rencana-position-mobile {
        position: relative;
        top: -39rem;
        padding: 0 20px;
    }

    .text-tabungan-haji-position-mobile {
        position: relative;
        top: -36rem;
        padding: 0 20px;
    }

    .text-kartu-debit-position-mobile {
        position: relative;
        top: -39rem;
        padding: 0 20px;
    }

    .title-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 14px;
        text-shadow: 1px 1px 3px black;
    }

    .title-haji-mob {
        font-size: 14px;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-gold {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 4%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-platinum {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-deposito-ind-mob {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-tabungan-investasya-ind-mob {
        font-size: 16px;
        text-indent: 1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 0em;
    }

    .desc-tabungan-investasya-mob {
        font-size: 16px;
        text-indent: 1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 0em;
    }

    .desc-mob-pembiayaan {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 16px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-giro-bisnis-mob {
        font-size: 16px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-inves-bisnis-mob {
        font-size: 16px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 1em;
    }

    .desc-haji-mob {
        font-size: 16px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-individu {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-flexi {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-syariah-card {
        position: relative;
        left: 0.5em;
        top: 1em;
        font-size: 16px;
        text-indent: 0em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-pengaduan {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-privasi {
        position: relative;
        left: 0;
        top: 1em;
        font-size: 16px;
        text-indent: 23%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-karir {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: -8%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-profil-manajemen {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 16px;
        text-indent: -12%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tentang-kami {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 16px;
        text-indent: -3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-atm {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 16px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-skbdn {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 16px;
        text-indent: 5em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bank-garansi {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bifast {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 26%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-sknbi {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-rtgs {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 16px;
        text-indent: 3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-cms {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-m-syariah {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 16px;
        text-indent: -4em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bisnis {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 4%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-berkah-rencana {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-nowrap {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-loyalty {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 16px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tabunganku-ib {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 18%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 10%;
        text-shadow: 1px 1px 3px black;
    }

    /* end styling text mobile banner - 16-1-2024*/

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    button,
    a {
        font-family: "OpenSans", sans-serif;
        font-weight: 500;
        line-height: 1.3;
        font-size: 16px;
    }

    .text-center h2 {
        font-size: 21px;
    }

    body {
        zoom: 1;
    }

    .text-carousel-home {
        top: -2em;
        position: relative;
    }

    #margin-small {
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 2%;
        margin-top: 2%;
    }

    #margin-medium {
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 2%;
    }

    .navbar-nav {
        padding-right: 50px;
        padding-left: 50px;
    }

    .btn-cms-sc-bms {
        position: relative;
        /*left: -18em;*/
        top: 0;
    }

    .nav-mobile-show {
        display: block;
    }

    .nav-mobile-hide {
        display: none;
    }

    .body {
        zoom: 1.0;
    }

    /*.bg-cr-1 {
		height:60em;
	}
	.bg-cr-1 img {
		width: 17%;
		margin-left: 2em;
		margin-top: 5em;
	}*/

    .text-cr {
        margin-top: 10em;
        margin-left: 0em;
    }

    .text-cr-home {
        margin-top: 2em;
        margin-left: 0em;
        width: 100%;
        text-align: center;
    }

    .navfloat {
        box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
        bottom: 0;
        top: auto;
        border-radius: 40px 40px 0px 0px;
        right: 0;
        height: auto;
        width: 100%;
        /* border-radius: 0; */
        padding: 0px 40px;
        display: flex;
        align-items: center;

    }

    .navfloat-item {
        padding: 8px !important;
        height: 100%;
        width: 100px;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        border-radius: 0px;
        box-shadow: none;
    }

    .floating-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .box {
        padding-left: 3em;
        padding-right: 3em;
        top: 8em;
    }

    .navfloat-icon {
        margin: 0;
    }

    .floating-text {
        display: none;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        display: flex;
        align-items: flex-end;
        text-align: center;
        color: #FFFFFF;
        box-shadow: none;
        border-radius: 0px;
    }

    .navfloat-item:hover {
        transform: translateX(0px);
        box-shadow: 0px;
        border-radius: 0px;
    }

    .navigate-slide {
        left: 3.5em;
    }

    .produk-unggulan-bms {
        height: 45em;
        padding: 0em 0em 0em 0em;
    }

    .temp-showcase {
        position: relative;
        left: 1em;
        height: 345px;
    }

    .temp-showcase-desc {
        height: 100%;
        top: 0;
    }

    .promo-terbaru .text-center h2 {
        position: relative;
    }

    .swiper {
        margin-left: 0em;
    }

    .swiper-button {
        display: none;
    }
    
    .swiper-slide img {
      height: 17em;
      width: 19em;
      padding: 0em 4em 0em 4em;
    }

    /*.swiper-slide img {
        height: 17em;
        width: 18em;
        padding: 0em 4em 0em 4em;
    }*/

    .promo-selengkapnya a {
        position: relative;
        top: 3em;
        left: -3em;
        display: inline-block;
        text-align: right;
        width: 100%;
        right: 0px;
    }

    .andremasuk img {
        display: none;
    }

    .hisyammasuk-dollar img {
        display: none;
    }

    .hisyammasuk-rupiah img {
        display: none;
    }

    .tab-4 {
        left: 0em;
        width: 115%;
        height: auto;

    }

    .tab-4 button {
        padding: 0px;
        font-size: 12px;
        color: black;
    }

    .tab-5 {
        left: 0em;
    }

    .depo-all-nisbah-table {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .text-update-nisbah-rupiah {
        left: 0em;
        width: 100%;
        text-align: right;
    }

    .section-kurs p {
        width: 100%;
        top: -7em;
    }

    .text-update-nisbah-dollar {
        left: 0em;
        width: 100%;
        text-align: left;
    }

    .hisyammasuk-counter img {
        display: none;
    }

    .hisyammasuk-notes img {
        display: none;
    }

    .tab-6 {
        width: 100%;
        left: 0em;
        display: flex;
    }

    #counter-notes {
        left: 0px;
        width: 100%;
    }

    .slick-slider {
        max-width: 50em;
        left: -10em;
        margin-left: 9em;
    }

    .section-artikel h2 {
        left: 1em;
    }

    .artikel-bms {
        left: 0.5em;
    }

    .tab-header-2 {
        left: -1em;
        width: 100%;
    }

    #bgmbut-3 {
        height: 42em;
    }

    .artikel-selengkapnya a {
        top: 0em;
        left: 1em;
    }

    .section-kurs h2 {
        width: 100%;
        font-size: 14px;
        margin-left: 0em;
    }

    .pprImg img {
        display: none;
    }

    .tab-header-3 {
        width: 120%;
        left: -3em;
    }

    .boxCalc {
        margin-top: -3em;
        width: 90%;
    }

    .title-kalk {
        margin-bottom: 12em;
    }

    .kalkulator-bms {
        left: 0em;
    }

    .section-kalkulator h2 {
        left: 1em;
        top: 1.2em;
    }

    .kalk-selengkapnya a {
        top: 3em;
        font-size: 10px;
    }

    .slider2 {
        width: 100%;
    }

    .slider1 {
        width: 100%;
    }

    /*.slider1 {
        width: 90%;
    }
    .slider2 {
        width: 90%;
    }*/

    .kalkulator-bms .tab-body-3>span.active {
        width: 100%;
    }

    #bgmbut-4 {
        height: 50em;
    }

    .boxcal_btn {
        width: 90%;
    }

    .footer {
        height: 60em;
    }

    .button-navbar-top a {
        position: relative;
        top: 1em;
    }

    /*individu*/
    .tab {
        width: 94%;
        display: flex;
        padding: 0px;
    }

    .tab button {
        width: 100%;
        color: black;
        padding: 0px;
    }

    .tab button.active {
        width: 100%;
    }

    .icon-syarat-tabungan-berkah {
        text-align: center;
    }

    .icon-syarat-tabungan-berkah p {
        left: 0px;
    }

    .title-nisbah-tab-berkah h2 {
        text-align: center;
    }

    .biaya-tarif-tab-berkah-title h2 {
        text-align: center;
    }

    #margin-large {
        margin: 0%;
    }

    .br-135 {
        border-radius: 0px;
    }

    .icon-syarat-tabunganku {
        left: 0px;
        text-align: center;
    }

    .icon-syarat-tabunganku p {
        left: 0px;
    }

    .title-tabunganku-berkah h2 {
        text-align: center;
    }

    .icon-syarat-tabungan-investasya {
        text-align: center;
        left: 0px;
    }

    .icon-syarat-tabungan-investasya p {
        left: 0px;
    }

    .icon-syarat-tabungan-haji {
        left: 0px;
        text-align: center;
    }

    .icon-syarat-tabungan-haji p {
        left: 0px;
    }

    .icon-syarat-tabungan-simpel {
        text-align: center;
    }

    .icon-syarat-tabungan-simpel p {
        text-align: center;
        left: 0px;
        width: 100%;
    }

    .icon-syarat-tabungan-berkah-rencana {
        left: 0px;
        text-align: center;
    }

    .icon-syarat-tabungan-berkah-rencana p {
        left: 0px;
        text-align: center;
    }

    .tab-deposito-table {
        left: 0em;
    }

    .table-overflow-rupiah {
        overflow-x: scroll;
        overflow-y: hiddem;
    }

    .table-overflow-dollar {
        overflow-x: scroll;
        overflow-y: hiddem;
    }

    .icon-syarat-deposito {
        left: 0em;
        text-align: center;
    }

    .icon-syarat-deposito p {
        left: 0em;
        text-align: center;
    }

    .icon-syarat-giro {
        width: 100%;
        left: 0em;
        text-align: center;
    }

    #desc-giro-self p {
        left: 0em;
        text-align: center;
    }

    #icon-giro-self img {
        margin-left: 0px;
    }

    .tab-ppr-table {
        left: 0em;
    }

    .desc-jenis-program-ppr {
        width: 100%;
    }

    .icon-pta-title {
        text-align: center;
    }

    .icon-pta-title h3 {
        text-align: center;
    }

    .icon-pta-title p {
        text-align: center;
        width: 100%;
    }

    .list-desc-pta {
        padding-left: 2em;
        padding-right: 2em;
    }

    .desc-pta {
        width: 100%;
    }

    .icon-syarat-pta {
        text-align: center;
    }

    .icon-syarat-pta p {
        text-align: center;
    }

    .icon-syarat-pta-2 {
        text-align: center;
    }

    .icon-syarat-pta-2 p {
        text-align: center;
    }

    .desc-icon-syarat-pta ul {
        text-align: left;
    }

    .body-desc-pkm {
        width: 100%;
        border-radius: 0px;
    }

    .list-desc-pkm {
        padding-left: 1em;
        padding-right: 1em;
        margin-bottom: 4em;
    }

    .debit-card-sec-1 {
        text-align: center;
    }

    #info-sec-1-debitcard h2 {
        text-align: center;
    }

    #info-sec-1-debitcard p {
        width: 100%;
        text-align: left;
    }

    #list-debit-card-limit-biaya-table td,
    #list-debit-card-limit-biaya-table th {
        padding-left: 2em;
        padding-right: 2em;
    }

    .icon-bancassurance-title {
        text-align: center;
    }

    .background-bancassurance {
        height: auto;
    }

    .title-desc-bancassurance {
        left: 0px;
    }

    .manfaat-desc-bancassurance {
        left: 0px;
    }

    .syarat-dan-ketentuan-bancassurance {
        left: 0px;
        text-align: center;
    }

    .icon-syarat-bancassurance {
        left: 0px;
        text-align: center;
    }

    .icon-syarat-bancassurance-2 {
        left: 0px;
        text-align: center;
    }

    .bg-btn-bans {
        left: 0px;
        width: 100%;
    }

    .title-desc-bancassurance p {
        width: 100%;
    }

    .pict-ba-bancassurance img {
        left: 0em;
        width: 100%;
    }

    .desc-bancassurance-new {
        margin: 2em;
    }

    .brand-table {
        margin-bottom: 28em;
    }

    .test-tempat {
        width: 100%;
    }

    .mpc-margin {
        margin: 1em;
    }

    .body-desc-membership {
        width: 100%;
    }

    .icon-mpc-point {
        text-align: center;
    }

    .icon-mpc-point p {
        text-align: center;
        width: 100%;
    }

    .pict-ba-mpc img {
        width: 100%;
        left: 0px;
        display: none;
    }

    .manfaat-mpc-point {
        text-align: center;
    }

    .desc-manfaat-mpc p {
        width: 100%;
    }

    .border-keuntungan-mpc {
        top: 0px;
        left: 0px;
        width: 100%;
        margin-bottom: 3em;
    }

    .desc-border-keuntungan-mpc p {
        left: 0px;
        width: 100%;
        padding: 2em;
        text-align: center;
    }

    .icon-point-mpc {
        text-align: center;
    }

    .penggunan-produk-tabungan {
        width: 100%;
        left: 0px;
    }

    .penggunan-produk-tabungan-2 {
        width: 100%;
        left: 0px;
    }

    .penggunan-produk-tabungan-3 {
        width: 100%;
        left: 0px;
    }

    .keutamaan-ct-arsa-title {
        position: relative;
        padding-left: 1em;
        padding-right: 1em;
    }

    .donasi-ct-arsa {
        margin-bottom: 4em;
    }

    .detail-new-body {
        margin-top: 0em;
        margin-bottom: 0em;
        margin-left: 0em;
        margin-right: 0em;
    }

    .list-detail-ct {
        /*padding-left: 3em;
    	padding-right: 3em;*/
        padding-left: 0em;
        padding-right: 2em;
    }

    .desc-zakat-title {
        top: 0px;
        left: 0px;
    }

    .kalkulator-zakat-sec {
        top: 0px;
    }

    .body-fitur-individu {
        width: 100%;
        border-radius: 46px 46px 0px 0px;
    }

    .body-fitur-individu ul {
        padding-left: 3em;
        padding-right: 3em;
    }

    .tabcontent-4 {
        padding: 0px;
    }

    .tabcontent-5 {
        padding: 0px;
    }

    .pos-mobile-depo-home {
        position: relative;
        left: 1em;
    }

    .search-place {
        width: 100%;
        top: 22em;
    }

    .keutamaan-infaq {
        top: 0px;
    }

    .desc-infaq-sec-1-title {
        left: 0px;
        width: 100%;
    }

    .logo-donwload-m-syariah img {
        width: 100%;
    }

    .note-new-body {
        padding-bottom: 1em;
    }

    .note-new-body p {
        line-height: 18px;
        margin-bottom: 0em;
    }

    .accordion {
        margin-left: 0em;
        margin-right: 0em;
        width: 100%;
        margin-bottom: 3em;
    }

    .m-syariah-sec-4 {
        margin-bottom: 20em;
    }

    .m-syariah-sec-5 {
        margin-bottom: 0em;
    }

    .table-digital {
        width: 100%;
    }

    .p-120 {
        padding-top: 1em;
        padding-bottom: 0.5em;
        padding-left: 0em;
        padding-right: 0em;
    }

    .pd-zero {
        padding-top: 2em;
        padding-bottom: 1em;
        padding-left: 0em;
        padding-right: 0em;
    }

    .ml-mr-mb-35 {
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 5%;
    }

    .bg-content-layanan-individu {
        position: relative;
        width: 100%;
        left: 0px;
        background: none;
        background-repeat-x: no-repeat;
    }

    .bg-content-layanan-individu-skn {
        position: relative;
        width: 100%;
        left: 0px;
        background: none;
        background-repeat: no-repeat;
    }

    .bg-content-layanan-individu-bifast {
        position: relative;
        width: 100%;
        left: 0px;
        ;
        background: none;
        background-repeat: no-repeat;
    }

    #tb-fitur-bisnis {
        top: 0em;
        width: 100%;
        left: 0em;
    }

    .desc-bank-garansi {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .desc-lcskbdn {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .desc-new-layanan {
        position: relative;
        left: 0px;
        top: 0px;
        ;
    }

    .table-overflow {
        overflow-x: scroll;
        overflow-y: hidden;
        margin: auto;
    }

    .m-table-cms {
        margin-bottom: 10%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 0%;
    }

    .digital-sec-4-atm {
        margin-top: 1em;
    }

    .table-new-atm {
        padding-top: 0em;
        padding-bottom: 4em;
        padding-left: 4em;
        padding-right: 4em;
    }

    #list-new-kategori {
        margin-bottom: 5%;
        margin-right: 0%;
    }

    .breadcrumb-web-bms {
        margin-bottom: 1%;
        margin-top: 33%;
    }

    .promo-menarik {
        display: none;
    }

    .promo-menarik-bottom {
        display: block;
        background: #F2F2F2;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 43.5px;
        line-height: 44px;
        transition: 1s all ease-in-out;
    }

    .tab-header-tab-berkah {
        margin-bottom: 13em;
    }

    .pict-ba-tab-berkah img {
        display: none;
    }

    .biaya-tarif-tab-berkah-table-wadiah {
        margin-bottom: 14em;
    }

    .biaya-tarif-tab-berkah-table-2 {
        top: 14em;
        left: 0em;
        margin-bottom: 3em;
    }

    tab-3 {
        top: 35em;
        margin-bottom: 30em;
    }

    /*.tab-3 {
		top: 26em;
		margin-bottom: 20em;
	}*/
    #margin-xx-small {
        margin-left: 14%;
        margin-right: 14%;
        margin-bottom: 5%;
    }

    .pict-ba-tabunganku img {
        display: none;
    }

    .table-tabunganku-hasil {
        margin-bottom: 20em;
        width: 100%;
    }

    /*.boxcal_btn #kalkulasiPPR {
        width: 60%;
        font-size: 12px;
        margin-top: -12.4em;
    }*/

    .boxcal_btn #kalkulasiPPR {
        width: 63%;
        font-size: 12px;
        margin-top: -12.4em;
    }

    #text-nav {
        display: none;
    }

    .pict-ba-tabungan-investasya img {
        display: none;
    }

    .biaya-tarif-tab-investasya {
        margin-bottom: 10em;
    }

    .biaya-tarif-tab-investasya-table {
        width: 100%;
    }

    .pict-ba-tabungan-haji img {
        display: none;
    }

    .table-tabungan-haji {
        width: 100%;
        margin-bottom: 10em;
    }

    .pict-ba-tabungan-simpel img {
        display: none;
    }

    .table-tabungan-simpel {
        width: 100%;
        margin-bottom: 10em;
    }

    .pict-ba-tabungan-berkah-rencana img {
        display: none;
    }

    .biaya-tarif-tab-berkah-rencana-table {
        width: 100%;
        margin-bottom: 10em;
    }

    .note-nisbah-tab-berkah-rencana {
        top: -3.5em;
    }

    .note-nisbah-tab-berkah-rencana p {
        line-height: 14px;
    }

    .list-desc-ppr li {
        left: 0px;
    }

    .table-ppr {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 5em;
    }

    .pict-ba-ppr img {
        display: none;
    }

    .body-kalk-ppr-site {
        border-radius: 0px;
    }

    .sec-kalk-ppr {
        padding-left: 0em;
        padding-right: 0em;
    }

    .input-group-ppr .form-control-ppr {
        left: 36px;
        top: -4em;
    }

    .input-group-ppr #yrDrg {
        width: 250%;
    }

    .input-group-ppr #basic-addon2 {
        top: -27.5px;
    }

    .btnSty-ppr {
        border-radius: 25px 0px 0px 25px;
    }

    .desc-pta {
        border-radius: 46px 46px 0px 0px;
    }

    .pict-ba-pta img {
        display: none;
    }

    .table-pta {
        width: 100%;
        margin-bottom: 10em;
    }

    .pict-ba-pkm img {
        display: none;
    }

    .table-pkm {
        margin-bottom: 10em;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .debit-card-sec-4 img {
        display: none;
    }

    .debit-card-limit-biaya-table {
        width: 100%;
    }

    #c-body-debit {
        background-color: #D9D9D9;
        max-width: 100%;
        border-radius: 0px 0px 46px 46px;
        height: auto;
    }

    .img-social-coming img {
        width: 60%;
    }

    .download-button-bancassurance {
        left: 0em;
    }

    .icon-mpc-point img {
        width: 20%;
    }

    .ct-new-body {
        border-radius: 0px 0px 46px 46px;
    }

    .card-keunggulan {
        text-align: center;
    }

    .card-body-bisnis {
        width: 100%;
        border-radius: 46px 46px 0px 0px;
    }

    .syart-body-bisnis-fix img {
        display: none;
    }

    .table-bb-biaya-tarif {
        margin-bottom: 3em;
    }

    .icon-bisnis-syarata {
        text-align: center;
    }

    .syart-body-bisnis-fix-payroll img {
        display: none;
    }

    .syart-body-bisnis-fix-investasya img {
        display: none;
    }

    .syart-body-bisnis-fix-giro img {
        display: none;
    }

    .desc-pmk-new {
        position: relative;
        width: 100%;
        left: 0em;
    }

    /*.table-fitur-bisnis-2 {
		margin-bottom: 8em;
	}*/
    .m-syariah-sec-3 {
        text-align: center;
    }

    .digital-sec-1-va p {
        width: 100%;
    }

    .digital-sec-2-va {
        text-align: center;
    }

    .list-va-new {
        width: 100%;
        margin-left: 0%;
    }

    .syarat-va {
        left: 0em;
    }

    .digital-sec-2-cms {
        height: auto;
        text-align: center;
    }

    .table-biaya-cms {
        width: 100%;
        display: block;
        max-width: -moz-fit-content;
        /* max-width: fit-content; */
        padding: 1rem;
        overflow-x: auto;
        white-space: nowrap;
    }

    .digital-sec-4-cms {
        margin-bottom: 4em;
    }

    .pb-desc-sec-1 {
        left: 0em;
    }

    .pb-sec-2 {
        text-align: center;
    }

    .table-pb {
        width: 90%;
        margin-bottom: 6em;
    }

    .img-pb-new {
        display: none;
    }

    .new-pb-carousel {
        padding: 40px;
        width: 100%;
    }

    .tab-carousel .btn-tab-9 {
        width: 10em;
        font-weight: 600;
    }

    .tab-carousel .btn-tab-10 {
        position: relative;
        width: 10em;
        /* left: -35px; */
        font-weight: 600;
    }

    .tab-carousel .btn-tab-11 {
        position: relative;
        width: 10em;
        /* left: -65px; */
        font-weight: 600;
    }

    .text-simpanan {
        padding-left: 2em;
        padding-right: 2em;
        text-align: center;
    }

    .text-cr p {
        margin-left: 0em;
    }

    .body-form-contact-us {
        background-color: #CFCECE;
        border-radius: 20px;
        width: 95%;
    }

    .check-hub {
        margin-left: 0px;
    }

    .tab-jaringan {
        height: 15em;
    }

    .tab-jaringan .btn-tab-atm {
        margin-bottom: 1em;
    }

    .tab-jaringan .btn-tab-kantorcabang {
        left: 0em;
        margin-bottom: 1em;
    }

    .tab-jaringan .btn-tab-prioritylounge {
        left: 0em;
        margin-bottom: 1em;
    }

    .tab-jaringan .btn-tab-jaringanlainnya {
        left: 0em;
        margin-bottom: 1em;
    }

    .overflow-jaringan {
        overflow-x: scroll;
        overflow-y: scroll;
    }

    .list-fitur-m-syariah img {
        display: none;
    }

    .desc-artikel {
        padding: 0px 0px 0px 26px;
    }

    .list-promosi {
        padding: 0px 0px 0px 0px;
    }

    .panel {
        width: 100%;
        margin: 1em 0;
    }

    .panel p {
        color: white;
    }

    .accordion-zakat {
        padding: 18px 18px 18px 18px;
    }

    .tab-7 .btn-tab-7 {
        font-size: 14px;
    }

    .tab-7 .btn-tab-8 {
        font-size: 14px;
    }

    .boxCalc-zakat {
        padding-left: 0em;
        padding-right: 0em;
    }

    .boxCalc-zakat h5 {
        position: relative;
        left: 0.5em;
        color: white;
    }

    .input-group-zakat {
        width: 100%;
        position: relative;
        right: 0.8em;
    }

    /*.input-group-zakat .form-control-zakat {
        top: -3.9em;
        left: 3em;
    }*/

    .input-group-zakat .form-control-zakat {
        top: -3.9em;
        left: 2.1em;
    }

    .input-group-kadar #kadarDrg {
        width: 86px;
        position: relative;
        left: 0.5em;
    }

    .tab-7 .btn-tab-7 {
        height: 4em;
    }

    .tab-7 .btn-tab-8 {
        height: 4em;
    }

    .boxcal_btn-zakat {
        padding-left: 0em;
        padding-right: 0em;
    }

    .body-mitra-zakat {
        width: 100%;
        border-radius: 0px;
    }

    #p-banner-desc-2 {
        color: #661861;
        font-weight: 800;
        font-size: 33px;
        margin-left: 3em;
    }

    #bgmbut {
        height: 33em;
    }

    .pb-sec-1 img {
        width: 100%;
    }

    .pb-sec-1 p {
        width: 100%;
    }

    #bifast img {
        position: relative;
        top: 0%;
        margin-bottom: 0%;
        width: 100%;
    }

    #bifast p {
        position: relative;
        top: 0%;
    }

    .depo-all-nisbah-table {
        width: 100%;
    }

    .tab-header-2>div>i {
        font-size: 10px;
    }

    .tab-header-3>div>i>a {
        font-size: 10px;
    }

    .kurs-selengkapnya {
        top: -1em;
    }

    /* update for spacing between banner and content inside submenu kategori page - 15/2/24 */

    .icon-ppkb {
        text-align: center;
        position: relative;
        top: -1em;
    }

    .icon-pta {
        text-align: center;
        position: relative;
        top: -1em;
    }


    .tab-ppkb-title {
        position: relative;
        top: -1em;
        text-align: center;
    }

    .tab-pta-title {
        position: relative;
        top: 1em;
        text-align-center;
    }

    .icon-tabungan-berkah-rencana-title {
        text-align: center;
        position: relative;
        top: 1em;
    }

    .section-simpanan {
        position: relative;
        top: 0;
    }

    /*.section-simpanan {
    	position: relative;
        top: -12em;
    }*/

    .section-kartu-debit {
        position: relative;
        top: -15em;
    }

    .section-pembiayaan {
        position: relative;
        top: -28em;
    }

    .ppr-sec-1 {
        position: relative;
        top: 1em;
    }

    .ppr-mt {
        margin-top: 1em;
        height: auto;
        position: relative;
        top: 1em;
    }

    .icon-ppr-title {
        height: auto;
        text-align: center;
        position: relative;
        top: 1em;
    }

    .icon-ppr-title-2 {
        height: auto;
        text-align: center;
        position: relative;
        top: 1em;
    }

    .box-individu {
        position: relative;
        top: -15em;
    }

    .box-bisnis {
        position: relative;
        top: -23em;
    }

    /* end update for spacing between banner */

    /*.section-simpanan { margin-top: 2em; }*/

    .content-box {
        width: 335px;
    }

    .note-nisbah-tab-berkah p {
        line-height: 18px;
        margin-bottom: 0em;
    }

    .text-update-tt-counter {
        top: 0px;
        left: 0px;
        text-align: right;
    }

    .tab-body-3 h3 {
        width: 100%;
        height: auto;
        padding-right: 1em;
        font-size: 24px;
    }

    .kalk-bodey-new {
        padding-left: 1em;
    }

    .body-pengaduan-sec-1 {
        border-radius: 46px;
    }

    .pengaduan-overflow {
        overflow-x: scroll;
    }

    .tab-pengaduan .btn-tab-pengaduan {
        width: 50%;
        border-radius: 30px 0px 0px 30px;
        color: black;
    }

    .tab-pengaduan .btn-tab-bantuan {
        width: 50%;
        border-radius: 0px 30px 30px 0px;
        color: black;
    }

    .btnSty:hover {
        color: white;
    }

    #counter-notes {
        margin-bottom: 2em;
    }

    .text-update-bank-notes {
        top: 0px;
        left: 0px;
        text-align: right;
    }

    .note-nisbah-hompage {
        top: 0em;
    }

    .kurs-selengkapnya a {
        font-weight: 700;
        top: -1em;
    }

    .tab-3 .btn-tab-1 {
        width: 50%;
    }

    .tab-3 .btn-tab-2 {
        width: 50%;
    }

    .tab-3 button {
        color: black;
    }

    .check-pos {
        margin-left: 0px;
    }

    #biaya-tarif-dollar li {
        line-height: 17px;
    }

    .note-nisbah-tab-berkah {
        left: 0px;
        padding-left: 1em;
        padding-right: 1em;
    }

    .title-tabungan-investasya {
        text-align: center;
    }

    .biaya-tarif-tab-investasya-title {
        text-align: center;
    }

    .note-nisbah-tab-investasya p {
        top: 0em;
        line-height: 15px;
        margin-bottom: 0em;
        padding-left: 1em;
        padding-right: 1em;
    }

    .title-tabungan-haji {
        text-align: center;
    }

    .title-tabungan-simpel {
        text-align: center;
    }

    .title-tabungan-berkah-rencana {
        text-align: center;
    }

    .biaya-tarif-tab-berkah-rencana-title {
        text-align: center;
    }

    .note-nisbah-tab-berkah-rencana p {
        margin-bottom: 0em;
    }

    .title-deposito {
        text-align: center;
    }

    .bagi-hasil-deposito-title {
        text-align: center;
    }

    .bagi-hasil-deposito-dollar-title {
        text-align: center;
    }

    .table-deposito-biaya-tarif {
        width: 100%;
    }



    .table-nisbah-bagi-hasil-giro {
        width: 100%;
    }

    .note-nisbah-giro p {
        line-height: 15px;
        margin-bottom: 0em;
        padding-right: 1em;
        top: -2em;
        left: 1em;
    }

    .biaya-tarif-giro-table {
        width: 100%;
    }

    #biaya-tarif-giro td {
        padding-left: 34px;
    }

    .title-nisbah-tab-giro {
        text-align: center;
    }

    .biaya-tarif-giro-title {
        text-align: center;
    }

    .desc-icon-syarat-tabungan-simpel ul {
        margin-left: 0em !important;
    }

    .note-table-ppr p {
        line-height: 15px;
        top: -2em;
        margin-bottom: 0em;
    }

    #biaya-tarif-ppr {
        margin-bottom: 8em;
    }

    .note-table-ppr {
        top: -10em;
    }

    .boxcal_btn-ppr #kalkulasiPPR {
        padding-left: 11em;
        font-size: 13px;
        ;
    }

    .title-pkm {
        text-align: center;
    }

    .img-hub-kami {
        text-align: center;
    }

    .text-social-kami {
        text-align: center;
        font-weight: 700;
    }

    .form-hubungi-kami-new {
        width: 88%;
    }

    .banner-brand-table {
        width: 90%;
    }

    /*.boxcal_btn-zakat #kalkulasipenghasilan {
        font-size: 13px;
        padding-left: 8em;
    }*/

    .boxcal_btn-zakat #kalkulasipenghasilan {
        font-size: 12px;
        padding-left: 10em;
    }

    .input-group-kadar {
        width: 70%;
    }

    .desc-mitra-zakat {
        width: 100%;
    }

    .download-msyariah-zakat p {
        width: 100%;
    }

    .body-mitra-infaq {
        width: 100%;
        border-radius: 0px;
    }

    .desc-infaq-sec-1-title p {
        width: 100%;
    }

    .desc-infaq-sec-1-title li {
        width: 100%;
    }

    .keutamaan-infaq-title {
        padding: 2em;
    }

    .desc-mitra-infaq p {
        width: 100%;
    }

    .download-msyariah-infaq p {
        width: 100%;
    }

    .desc-shodaqah-sec-1-title li {
        width: 100%;
    }

    .desc-mitra-shodaqah p {
        width: 100%;
    }

    .body-mitra-shodaqah {
        width: 100%;
        border-radius: 0px;
    }

    .download-msyariah-wakaf p {
        width: 100%;
    }

    .body-mitra-wakaf {
        width: 100%;
        border-radius: 0px;
    }

    .desc-mitra-wakaf p {
        width: 100%;
    }

    #tb-bb-biaya-tarif p {
        line-height: 17px;
    }

    .syart-body-bisnis-fix h4 {
        text-align: center;
    }

    .syart-body-bisnis-fix-payroll h4 {
        text-align: center;
    }

    syart-body-bisnis-fix-investasya h4 {
        text-align: center;
    }

    .pb-ketentuan-desc {
        width: 100%;
    }

    #p-banner-desc-1 {
        margin-left: 0em;
    }

    #p-banner-desc-2 {
        margin-left: 0em;
    }

    #p-banner-desc-3 {
        margin-left: 0em;
    }

    .btn-search-new {
        left: 8em;
    }

    .logoojk ul {
        left: 0em;
    }

    .content-box-promosi span {
        top: 1em;
    }

    .promo-menarik-bottom {
        margin-top: 3em;
        margin-bottom: 3em;
        width: 90%;
    }

    .soc-share {
        margin-top: 2em;
    }

    /* new style for task responsive all devices */

    /* footer */
    .info-bank {
        margin-top: 3em;
        margin-left: 0.2em;
    }

    .btn-ajukan-sc {
        position: relative;
        top: -3em;
    }

    .download-button-bancassurance a {
        height: 50px;
        position: relative;
        top: 1.3em;
        /*left: 5.4px;*/
        color: white;
        font-size: 12px;
        font-weight: 600;
    }

    #table-sc-cashback td {
        font-size: 14px
    }

    /* syariah card - informasi biaya */
    #kalkulasisyariahcard {
        left: 4.3em;
        top: -4.7em;
        height: 3.1em;
        width: 77%;
        font-size: 16px;
    }

    /* produk > bisnis > pembiayaan*/
    .pi-text-pos-1 {
        margin-top: 1em;
    }

    /* responsive accordion ppr - 25-8-23 */
    .desc-ppr,
    .desc-ppr-transpark,
    .desc-ppr-likuiditas {
        height: auto;
    }

    /* m-syariah - content accordion */
    .body-extend-msyariah {
        height: 30em;
        background-color: #616161;
        font-size: 28px;
        z-index: -1;
        position: relative;
        top: -1rem;
        height: 30em;
    }

    .tab-header-tentang-kami li {
        list-style: none;
        padding: 7% 5%;
        font-size: 14px;
    }

    /* pembiayaan accordion flexi - 31-8-23*/
    .fitur-desc-ppr {
        margin-top: 8rem;
        margin-bottom: 5.2em;
    }

    .accordion-ppr-1 {
        background-color: #D9D9D9;
        color: #444;
        cursor: pointer;
        padding: 18px;
        border: none;
        text-align: left;
        outline: none;
        transition: 0.4s;
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: 120px;
        position: relative;
        top: -1.9em;
        color: #661861;
        font-size: 24px;
        text-align: center;
    }

    .accordion-ppr-2 {
        position: relative;
        background-color: #B4B4B4;
        color: #444;
        cursor: pointer;
        padding: 18px;
        border: none;
        text-align: left;
        outline: none;
        transition: 0.4s;
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: 120px;
        position: relative;
        top: -5.9em;
        color: #661861;
        font-size: 24px;
        text-align: center;
    }

    .accordion-ppr-3 {
        background: #9e9999;
        cursor: pointer;
        padding: 18px;
        border: none;
        text-align: left;
        outline: none;
        transition: 0.4s;
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: auto;
        position: relative;
        top: -10em;
        color: white;
        font-size: 24px;
        text-align: center;
    }

    .accordion-ppr-4 {
        background: #606060;
        cursor: pointer;
        padding: 18px;
        border: none;
        outline: none;
        transition: 0.4s;
        border-radius: 30px 30px 0px 0px;
        width: 100%;
        height: 90px;
        position: relative;
        top: -11em;
        color: white;
        font-size: 24px;
        text-align: center;
    }

    .accordion-dropdown-4 {
        position: relative;
        top: 7.3em;
    }

    .syarat-dan-ketentuan-ppr {
        margin-top: -14.5em;
        height: auto;
        background-color: #661861;
        overflow: hidden;
    }

    /* styling for qris - m syariah accordion */
    .qris-text-content {
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 0px;
    }

    .qris-list-content {
        color: #393939;
        font-size: 15px;
        margin-top: -1em;
        margin-left: 1em;
    }

    .body-acc-3 {
        margin: 10% 0;
    }

    .body-acc-qris {
        position: relative;
        top: -0.6rem;
    }

    .list-accord-2 li {
        font-size: 15px !important;
    }

    /* 	table fitur program - flpp-bank-mega-syariah */
    .table-striped {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        /*white-space: nowrap;*/
    }
    
    .syariah-card-content {
        padding-top: 20em;
        /* padding-bottom: 12em; */
    }
}

/* width dalam media 375px bosku */
@media screen and (min-width: 375px) {
	.title-deposito h2 {
      text-align: center !important;
      padding: 0 !important;
    }

	.modal-content-tentang-kami {
      background: #fefefe;
      margin: 15% auto;
      padding: 23px;
      border: 1px solid #888;
      width: 80%;
      border-radius: .3rem;
    }
    
    /*.section-simpanan {
        position: relative;
        top: 0;
    }*/

    .carousel-control-prev {
        left: 0;
    }

    .banner-loyalty-mobile {
        position: relative;
        top: -11em;
    }

    .text-position-loyalty-mobile {
        position: relative;
        top: -44rem;
        padding: 0 20px;
    }

    .bg-cr-1 img {
        width: 100%;
        margin-left: 0em;
        margin-top: 5em;
    }

    .tab-berkah-rencana-title {
        position: relative;
        text-align: center;
        top: -17em;
    }

    .tab-berkah-haji-title {
        position: relative;
        text-align: center;
        top: -15.5em;
    }

    .tabungan-haji-individu-mobile {
        position: relative;
        top: -12rem;
    }

    .tab-ppkb-title {
        position: relative;
        top: 1em;
        text-align: center;
    }

    .tab-pta-title {
        position: relative;
        top: 1em;
        text-align: center;
    }

    .ppr-sec-1 {
        position: relative;
        top: 1em;
    }

    .icon-ppr-title {
        height: auto;
        text-align: center;
        position: relative;
        top: -1em;
    }

    .icon-ppr-title-2 {
        height: auto;
        text-align: center;
        position: relative;
        top: -1em;
    }

    .box-individu {
        position: relative;
        top: -13em;
    }

    .box-bisnis {
        position: relative;
        top: -23em;
    }

    /* positioning text */
    .text-position-gold-mobile {
        position: relative;
        top: -46rem;
        padding: 0 20px;
    }

    .text-position-magenta-mobile {
        position: relative;
        top: -46rem;
        padding: 0 20px;
    }

    .text-position-platinum-mobile {
        position: relative;
        top: -54rem;
        padding: 0 20px;
    }

    .text-tabungan-berkah-rencana-position-mobile {
        position: relative;
        top: -43rem;
        padding: 0 20px;
    }

    .text-tabungan-haji-position-mobile {
        position: relative;
        top: -34rem;
        padding: 0 20px;
    }

    .text-position-tabungan-simpel-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-simpanan-mobile {
        position: relative;
        top: -46rem;
        padding: 0 20px;
    }

    .text-tabunganku-position-mobile {
        position: relative;
        top: -44rem;
        padding: 0 20px;
    }

    .text-position-tabungan-investasya-ind-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-position-tabungan-investasya-mobile {
        position: relative;
        top: -48rem;
        padding: 0 20px;
    }

    .text-position-berkah-bisnis-ib-mobile {
        position: relative;
        top: -65rem;
        padding: 0 20px;
    }

    .text-kartu-debit-position-mobile {
        position: relative;
        top: -40rem;
        padding: 0 20px;
    }

    .text-individu-mobile {
        position: relative;
        top: -46rem;
        padding: 0 20px;
    }

    .text-wakaf-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-infaq-mobile {
        position: relative;
        top: -68rem;
        padding: 0 20px;
    }

    .text-position-pembiayaan-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    .text-position-virtual-account-mobile {
        position: relative;
        top: -55rem;
        padding: 0 20px;
    }

    .text-position-syariah-mobile {
        position: relative;
        top: -45rem;
        padding: 0 20px;
    }

    .text-bancasurrance-position-mobile {
        position: relative;
        top: -80rem;
        padding: 0 20px;
    }

    .text-position-pengaduan-mobile {
        position: relative;
        top: -65rem;
        padding: 0 20px
    }

    .text-position-mobile {
        position: relative;
        top: -48rem;
        padding: 0 20px
    }

    /* end positioning text */

    /* styling title banner */
    .title-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 18px;
        text-shadow: 1px 1px 3px black;
    }

    .title-haji-mob {
        font-size: 18px;
        text-shadow: 1px 1px 3px black;
    }

    /* end styling title banner */

    /* styling desc banner */
    .desc-mob-gold {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 16px;
        text-indent: 4%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-platinum {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-deposito-ind-mob {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-tabungan-investasya-ind-mob {
        font-size: 16px;
        text-indent: 1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 0em;
    }

    .desc-tabungan-investasya-mob {
        font-size: 16px;
        text-indent: 1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 0em;
    }

    .desc-mob-pembiayaan {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 20px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-giro-bisnis-mob {
        font-size: 20px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-inves-bisnis-mob {
        font-size: 20px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 1em;
    }

    .desc-haji-mob {
        font-size: 20px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-flexi {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-syariah-card {
        position: relative;
        left: 0.5em;
        top: 1em;
        font-size: 20px;
        text-indent: 0em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-individu {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-pengaduan {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-privasi {
        position: relative;
        left: 0;
        top: 1em;
        font-size: 20px;
        text-indent: 23%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-karir {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: -8%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-profil-manajemen {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 20px;
        text-indent: -12%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tentang-kami {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 20px;
        text-indent: -3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-atm {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 20px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bank-garansi {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 20px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-skbdn {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 20px;
        text-indent: 5em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bifast {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 26%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-sknbi {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-rtgs {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 20px;
        text-indent: 3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-cms {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-m-syariah {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 20px;
        text-indent: -4em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bisnis {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 4%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-loyalty {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-berkah-rencana {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 20px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tabunganku-ib {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 18%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-nowrap {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 20px;
        text-indent: 10%;
        text-shadow: 1px 1px 3px black;
    }

    /* end styling desc banner */


    .tab-berkah-title {
        position: relative;
        text-align: center;
        top: 0em;
    }

    .text-white-cms-mobile {
        color: #fff !important;
    }

    .img-logo-cc-mob {
        width: 85%;
        position: relative;
        top: -2%;
    }

    /*.text-container-mobile {
        display: block !important;
        position: absolute;
        color: rgb(255, 255, 255);
        left: 11em;
        top: 10em;
    }
    
    .title-banner {
        display: none;
    }
    .desc-banner {
        display: none;
    }
    .title-banner-mobile {
        font-size: 16px;
        display: block !important;
        position: relative;
        top: 0em;
        left: 0em;
    }
    .desc-banner-mobile {
        display: block !important;
        font-size: 20px;
        position: relative;
        top: 0em;
        left: -2em;
    }
    .text-two-center {
        position: relative;
        left: -2em;
        font-size: 16px;
    }
    .desc-two-center {
        position: relative;
        top: 1em;
        left: -3em;
        font-size: 20px;
    }
    .title-long-mobile {
        display: block !important;
        font-size: 16px;
        position: relative;
        top: 0em;
        left: -4em;
    }
    .desc-long-mobile {
        display: block !important;
        font-size: 20px;
        position: relative;
        top: 0em;
        left: -3em;
    }
    .title-syariahcard {
        position: relative;
        font-size: 18px;
        left: -3em;
    }
    .desc-syariahcard {
        position: relative;
        font-size: 18px;
        top: 0em;
        left: -4em;
    }
    .title-digital-banking {
        font-size: 16px;
        position: relative;
        left: -3em;
    }
    .desc-digital-banking {
        font-size: 20px;
        position: relative;
        top: 1em;
        left: -3em;
    }
    .title-join-financing {
        font-size: 18px;
        position: relative;
        left: -3em;
    }
    .desc-join-financing {
        font-size: 20px;
        position: relative;
        top: 1em;
        left: -3em;
    }*/
}

@media screen and (min-width: 425px) {
    /* positioning text banner */

    .text-position-deposito-ind-mobile {
        position: relative;
        top: -51rem;
        padding: 0 20px;
    }

    .text-tabunganku-position-mobile {
        position: relative;
        top: -52rem;
        padding: 0 20px;
    }

    .text-position-simpanan-mobile {
        position: relative;
        top: -55rem;
        padding: 0 20px;
    }

    .text-position-pembiayaan-mobile {
        position: relative;
        top: -55rem;
        padding: 0 20px;
    }

    .text-tabungan-haji-position-mobile {
        position: relative;
        top: -55rem;
        padding: 0 20px;
    }

    .text-position-berkah-utama-mobile {
        position: relative;
        top: -52rem;
        padding: 0 20px;
    }

    .text-position-mobile {
        position: relative;
        top: -54rem;
        padding: 0 20px
    }

    .text-individu-mobile {
        position: relative;
        top: -50rem;
        padding: 0 20px;
    }

    /* end positioning */

    /* styling title banner mobile */
    .title-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 22px;
        text-shadow: 1px 1px 3px black;
    }

    .title-haji-mob {
        font-size: 22px;
        text-shadow: 1px 1px 3px black;
    }

    /* end styling title */

    /* styling desc banner */
    .desc-mob-pembiayaan {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 23px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-giro-bisnis-mob {
        font-size: 24px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-inves-bisnis-mob {
        font-size: 24px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
        position: relative;
        left: 1em;
    }

    .desc-haji-mob {
        font-size: 24px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-individu {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-flexi {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-syariah-card {
        position: relative;
        left: 0.5em;
        top: 1em;
        font-size: 24px;
        text-indent: 0em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-pengaduan {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-privasi {
        position: relative;
        left: 0;
        top: 1em;
        font-size: 24px;
        text-indent: 23%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-karir {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: -8%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-profil-manajemen {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 24px;
        text-indent: -12%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tentang-kami {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 24px;
        text-indent: -3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-atm {
        position: relative;
        left: 1.5em;
        top: 1em;
        font-size: 24px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-skbdn {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 24px;
        text-indent: 5em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bank-garansi {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 19%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bifast {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 26%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-sknbi {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: 2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-rtgs {
        position: relative;
        left: 0em;
        top: 1em;
        font-size: 24px;
        text-indent: 3em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-cms {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: -1em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-m-syariah {
        position: relative;
        left: 2em;
        top: 1em;
        font-size: 24px;
        text-indent: -4em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-bisnis {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 4%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-berkah-rencana {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: -2em;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-nowrap {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 0;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-loyalty {
        position: relative;
        left: 1em;
        top: 1em;
        font-size: 24px;
        text-indent: 16%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob-tabunganku-ib {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 18%;
        text-shadow: 1px 1px 3px black;
    }

    .desc-mob {
        position: relative;
        left: 0.3em;
        top: 1em;
        font-size: 24px;
        text-indent: 10%;
        text-shadow: 1px 1px 3px black;
    }

    /* end styling desc banner */


    /*.text-container-mobile {
        display: block !important;
        position: absolute;
        color: rgb(255, 255, 255);
        left: 11em;
        top: 10em;
    }
    .title-banner {
        display: none;
    }
    .desc-banner {
        display: none;
    }
    .title-banner-mobile {
        display: block !important;
        font-size: 16px;
        position: relative;
        top: 0em;
        left: 0em;
    }
    .desc-banner-mobile {
        display: block !important;
        font-size: 20px;
        position: relative;
        top: 0em;
        left: -2em;
    }
    .text-two-center {
        position: relative;
        left: -2em;
        font-size: 16px;
    }
    .desc-two-center {
        position: relative;
        top: 1em;
        left: -3em;
        font-size: 20px;
    }*/
}

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

    .promo-image-individu-mobile, .img-mobile {
        display: inline-block;
    }

    .icon-ppr-title {
        text-align: center;
        position: relative;
        top: 1em;
    }

    .icon-pta {
        text-align: center;
        position: relative;
        top: 1em;
    }

    .icon-ppkb {
        text-align: center;
        position: relative;
        top: 1em;
    }

    .icon-ppkb {
        text-align: center;
        position: relative;
        top: 1em;
    }

    /*.icon-tab-berkah-title {
        margin-top: -80%;
    }*/

    .promo-image-individu-mobile,
    .img-mobile {
        display: inline-block;
    }

    .title-banner {
        font-size: 18px;
        position: relative;
        top: 0em;
        left: -7em;
    }

    .desc-banner {
        font-size: 22px;
        position: relative;
        top: 0.6em;
        left: -8em;
    }

    .desc-banner-mobile {
        display: none;
    }

    .fitur-desc-ppr {
        height: auto;
        margin-top: 8em;
        margin-bottom: 8.5rem;
    }

    .syarat-dan-ketentuan-ppr {
        margin-top: -14.5em;
        height: auto;
        background-color: #661861;
        overflow: hidden;
    }

    .qris-list-content {
        color: #393939;
        font-size: 16px;
        margin-top: -1em;
        margin-left: 1em;
    }

    .body-acc-qris {
        position: relative;
        top: -1em;
    }

    .qris-text-content {
        font-size: 15px;
    }

    /* 	table fitur program - flpp-bank-mega-syariah */
    .table-striped {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        /*white-space: nowrap;*/
    }
}

/* @media screen and (max-width: 576px) {} */