@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 6rem !important;
  }
  
  .switch-to-home-section-img{
        margin-bottom: -2rem;
        padding-bottom: 2rem;
    }
}


@media (max-width: 1400px) {
    .navbar-nav .dropdown-menu {
         position: static; 
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: column !important;
    }
  .navbar-expand-lg .navbar-collapse {
    display: none !important;
  }

  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }

  .navbar-expand-lg.navbar .navbar-collapse.collapse.show {
    display: block !important;
  }
  
      /* Mobile Fullscreen Navbar */
    
    #navbar .navbar-collapse {
        position: absolute;
        top: -30px;
        /*left: -16px;*/
        left: 0;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 85);
        height: 85dvh;
        height: 85vh;
        background: #e8f3f5; 
        padding: 6rem 3.2rem;
        z-index: 1050;
        transform: translateY(-100%);
    }
    
    #navbar .navbar-collapse > * {
        max-height: calc(80dvh - 6.5rem);
        overflow-x: hidden;
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none; 
    }
      
    #navbar .navbar-collapse > *::-webkit-scrollbar {
        display: none;
    }
    
    #navbar .navbar-collapse.collapsing {
        transition: none !important;
    }
    
    #navbar .navbar-collapse.show {
        transform: translateY(0);
    }
    
    #navbar .navbar-toggler{
        border:none;
    }
    
    #navbar .navbar-toggler:focus, #navbar .nav-link:focus-visible{
        box-shadow:none !important;
    }
    
    #navbar .navbar-toggler[aria-expanded="true"], .navbar-brand {
        position: relative;
        z-index: 1100;
    }
    
    #navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon  {
        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33%2c37%2c41%2c0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M6 6L24 24M24 6L6 24'/%3e%3c/svg%3e");
        background-size: 150%;
    }
    
    #navbar .nav-link{
        font-size: 16px;
        letter-spacing:0 !important;
        line-height: 140%;
        padding:1rem;
        font-weight: bold;
        transition: none !important;
    }
    
    #navbar .nav-link i {
        margin-top:0px !important;
    }
    
    #navbar .nav-item.dropdown, #navbar .dropdown-item{
        border:none;
    }
    
    #navbar .dropdown-item{
        padding: 12px;
    }
    
    .nav-button{
        display:none;
        position: fixed;
        border-top: 1px solid #ddd;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 15);
        height:15dvh;
        height: 15vh;
        left: 0;
        bottom: 0;
        background-color: #e8f3f5;
        z-index: 1050;
    }
    
    /*.nav-button .btn-custom{*/
    /*    padding:20px !important;*/
    /*}*/
    
    #navbar .navbar-toggler-icon{
        background-size:150%;
    }
    
}

/* ==========================================
   CUSTOM BREAKPOINT: xlg (≥1230px)
   Use classes like d-xlg-flex, px-xlg-4, me-xlg-3, etc.
   ========================================== */

/* Display utilities */
@media (min-width: 1400px) {
  .d-xlg-none { display: none !important; }
  .d-xlg-inline { display: inline !important; }
  .d-xlg-inline-block { display: inline-block !important; }
  .d-xlg-block { display: block !important; }
  .d-xlg-flex { display: flex !important; }
  .d-xlg-inline-flex { display: inline-flex !important; }
}

/* Margin utilities */
@media (min-width: 1400px) {
  .m-xlg-0 { margin: 0 !important; }
  .m-xlg-1 { margin: .25rem !important; }
  .m-xlg-2 { margin: .5rem !important; }
  .m-xlg-3 { margin: 1rem !important; }
  .m-xlg-4 { margin: 1.5rem !important; }
  .m-xlg-5 { margin: 3rem !important; }

  .mt-xlg-0 { margin-top: 0 !important; }
  .mt-xlg-1 { margin-top: .25rem !important; }
  .mt-xlg-2 { margin-top: .5rem !important; }
  .mt-xlg-3 { margin-top: 1rem !important; }
  .mt-xlg-4 { margin-top: 1.5rem !important; }
  .mt-xlg-5 { margin-top: 3rem !important; }

  .me-xlg-0 { margin-right: 0 !important; }
  .me-xlg-1 { margin-right: .25rem !important; }
  .me-xlg-2 { margin-right: .5rem !important; }
  .me-xlg-3 { margin-right: 1rem !important; }
  .me-xlg-4 { margin-right: 1.5rem !important; }
  .me-xlg-5 { margin-right: 3rem !important; }

  .ms-xlg-0 { margin-left: 0 !important; }
  .ms-xlg-1 { margin-left: .25rem !important; }
  .ms-xlg-2 { margin-left: .5rem !important; }
  .ms-xlg-3 { margin-left: 1rem !important; }
  .ms-xlg-4 { margin-left: 1.5rem !important; }
  .ms-xlg-5 { margin-left: 3rem !important; }
  
  .mx-xlg-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .mx-xlg-1 { margin-left: .25rem !important; margin-right: .25rem !important; }
  .mx-xlg-2 { margin-left: .5rem !important; margin-right: .5rem !important; }
  .mx-xlg-3 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .mx-xlg-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .mx-xlg-5 { margin-left: 3rem !important; margin-right: 3rem !important; }

  .mx-xlg-auto { margin-left: auto !important; margin-right: auto !important; }
}

/* Padding utilities */
@media (min-width: 1400px) {
  .p-xlg-0 { padding: 0 !important; }
  .p-xlg-1 { padding: .25rem !important; }
  .p-xlg-2 { padding: .5rem !important; }
  .p-xlg-3 { padding: 1rem !important; }
  .p-xlg-4 { padding: 1.5rem !important; }
  .p-xlg-5 { padding: 3rem !important; }
  
  .ps-xlg-0 { padding-left: 0 !important; }
  .ps-xlg-1 { padding-left: .25rem !important; }
  .ps-xlg-2 { padding-left: .5rem !important; }
  .ps-xlg-3 { padding-left: 1rem !important; }
  .ps-xlg-4 { padding-left: 1.5rem !important; }
  .ps-xlg-5 { padding-left: 3rem !important; }

  .px-xlg-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .px-xlg-1 { padding-left: .25rem !important; padding-right: .25rem !important; }
  .px-xlg-2 { padding-left: .5rem !important; padding-right: .5rem !important; }
  .px-xlg-3 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .px-xlg-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .px-xlg-5 { padding-left: 3rem !important; padding-right: 3rem !important; }

  .py-xlg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .py-xlg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; }
  .py-xlg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
  .py-xlg-3 { padding-top: .7rem !important; padding-bottom: .7rem !important; }
  .py-xlg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-xlg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* Flex utilities */
@media (min-width: 1400px) {
  .flex-xlg-row { flex-direction: row !important; }
  .flex-xlg-column { flex-direction: column !important; }
  .justify-content-xlg-center { justify-content: center !important; }
  .justify-content-xlg-between { justify-content: space-between !important; }
  .align-items-xlg-center { align-items: center !important; }
}

/* Navbar expand at 1230px */
@media (min-width: 1400px) {
  .navbar-expand-xlg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xlg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xlg .navbar-toggler {
    display: none;
  }
  .navbar-expand-xlg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  
  #navbar .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


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

    .promos-article-accordion .hover-purple:hover{
        color: inherit !important;
    }
}


@media screen and (max-width: 1024px){
    
    .your-money-wrapper .text-content-wrapper > h2 span, .your-money-wrapper .text-content-wrapper > p span {
      color: white !important;
    }
    
    .gotyme-table tbody td{
        padding: 1rem 1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 600px) and (max-height: 600px){
    .outward-banner-img {
        background-position:24% 100% !important;
    }
    
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    
  .activate-sbs {
      /*! background-size: 200px 90% !important; */
      background-position: 100% 50% !important;
  }
    .visit-sbs p {
        width: 50%;
    }
    
    .downpayment-sbs p {
        width: 50%;
    }
  
  .select-sbs {
      background-size: 180px 85% !important;
  }
  
  .visit-sbs {
      background-size: 200px !important;
  }
  
  .downpayment-sbs{
      background-size: 200px 55% !important;
  }
  
  .bnpl-section-buy-tyme-container{
      background-position: right bottom !important;
  }
  
  .crypto-go-invest-container{
      background-position: right bottom !important;
  }
  
  .col-lg-6-crypto {
    flex: 0 0 auto;
    width: 50%;
  }
  
  
  .goalsave-banner-img{
    align-items: end !important;
    background-image: url(https://www.gotyme.com.ph/static-assets/images/banner-tablet-goalsave.webp) !important;
  }
  
  .applepay-banner-img, .home-banner-img{
    align-items: start !important;
    background-image: url(https://www.gotyme.com.ph/static-assets/images/herobanner-tablet--applepay.webp) !important;
  }
  
  .applepay-banner-img.navbar-padding, .home-banner-img.navbar-padding{
    padding-top: 110px !important;
   }
  

}


@media only screen and (max-width: 1100px){
    .mca-banner-img .banner-content-wrapper{
        width: 70%;
    }
}

@media only screen and (max-width: 992px) {
    /*Spacing*/
    
    .px-20{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .px-2rem{
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .py-section{
        padding-top:60px !important;
        padding-bottom:60px !important;
    }
    
    .py-section-rte{
        padding-top:60px !important;
        padding-bottom:60px !important;
    }
    
    .pt-section{
        padding-top:60px !important;
    }
    
    .pb-section{
        padding-bottom:60px !important;
    }
    
    .pe-img{
        padding-right:0 !important;
    }
    
    .ps-img{
        padding-left:0 !important;
    }
    
    .fz-16{
        font-size: 16px !important;
    }
    
    .px-sm{
        padding-left:5px !important;
        padding-right: 5px !important;
    }
    
    .gap-mobile{
        gap:16px !important;
    }
    
    .mobile-pb{
        padding-bottom: 2rem !important;
    }
    
    .m-pb{
        padding-bottom: 3.5rem !important;
    }
    
     .visa-logo-m{
      margin-bottom: 20px;
    }
    
    .mb-print-now, .mb-2rem{
        margin-bottom: 2rem !important
    }
    
    .promo-video{
      margin-bottom: 40px;
    }
    
    .contact-us-cards{
        padding: 24px 40px;
        min-height: auto;
    }
    
    .footer-regulation{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .p-card{
        padding: 2rem; /*32px*/
    }
    
    .multi-currency-goalsave-card{
        padding: 40px 20px;
    }

    
    /*End Spacing*/
    
    .button-slider-wrapper .track{
        width: 100%;
    }

    .modal-semi-fullscreen .modal-body {
      background-size: 90% !important;
    }
   .security-wrapper{
        background-size:contain !important;
   }
   
   .account-opening-wrapper, .multi-currency-wrapper {
       background-size: contain !important;
   }
   
    
  .rounded-pill {
    border-radius: var(--bs-border-radius-xxl) !important;
  }
  
  .content-border-left,
  .content-border-right {
      border: none;
  }
  
  .content-border-left {
      border-bottom: 1.5px solid #93c8d0;
  }
  
  .content-border-right {
      border-top: 1.5px solid #93c8d0;
  }
  
  
  .section-with-divider {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      display: flex;
      justify-content: center;
  }
  
  .rte-section-bg-image {
      min-height: 650px;
      background-size: 350px auto !important;
  }
  
  .rte-section-bg-image p {
      width: 65%;
  }
  
  .save-invest-feature-card,
  .shop-feature-card {
      padding-left: 15%;
      padding-right: 15%;
  }
  
  #two-ways-container {
      min-height: 350px !important;
  }
  
  #points-container {
      min-height: 400px !important;
      background-size: auto 75% !important;
  }
  
  #partner-logo-main {
      height: 580px !important;
  }
  
  .react-embed .swiper {
      height: 65vh !important;
    }
    
  .react-embed .swiper-wrapper {
      min-height: 55vh !important;
      height: 55vh;
    }
    
  .item-spacer {
      display: none;
  }
  
  .modal-semi-fullscreen {
      width: 95vw;
  }
  

  
  .payment-distribution-container {
      min-height: 400px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
 
  
  .bnpl-section-divide-cost-container {
      background-size: 50% auto !important;
  }
  
    .visit-sbs {
        background-size: contain !important;
    }
  
  .media-news-featured-img,
  .media-featured-img {
      border-radius: 0;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
    }

    .media-news-featured-content {
        border-radius: 0;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }
    
    /* Elements/Sections with inline-bg image */
    .img-inline-bg {
        background-size: 110% 45% !important;
    }
    
    /*#waitlist-iframe {*/
    /*    height: 150vh; */
    /*    width: 80vw;*/
    /*}*/
    #waitlist-iframe {
        height: 1200px; 
        width: 80vw;
    }
    
    #application-iframe {
        height: 3200px; 
        width: 80vw;
    }
    
    .bnpl-rte {
        width: 100% !important;
    }
    
    .divide-cost-rte {
      display: flex !important;
      justify-content: start !important;
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }
  
  .bnpl-section-divide-cost-container {
      min-height:800px !important;
      /*background-size: 120% auto !important;*/
      background-position: 90% 100% !important;
  }

    #media-stories-root img{
      height: 200px !important;
    }
        
    
    
    .bnpl-section-buy-tyme-container{
      background-position: 90% 100% !important;
      background-size: 35% !important;
    }
    
    .crypto-go-invest-container{
      background-position: 90% 100% !important;
      background-size: 200px !important;
      
    }
    
    .moretyme-banner {
        position: relative; 
        overflow: hidden; 
    } 
    .moretyme-banner::before { 
        content: ""; 
        position: absolute; inset: 0; 
        background: linear-gradient(177deg, rgba(0, 0, 0, 0) 32.06%, #060606); 
        z-index: 1; 
        
    } 
    .moretyme-banner > * { 
        position: relative; 
        z-index: 2; 
    }
    
    .banner-content-wrapper{
        width:70%;
    }
    
    .footer-link-pe{
        padding-left:12px;
    }
    
    .media-banner-height{
        min-height:450px;
    }
    
    .remittance-receive{
        background-size: 230% !important;
        min-height: 900px !important;
    }
    
    .transform-none{
        transform: none !important;
    }
    
    .go-start-ph-stock-px{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    .important-disclosure-stock{
        width: 80%;
    }
    
    .meet-the-artist {
      padding: 24px;
      background-image: url(https://www.gotyme.com.ph/static-assets/images/meet-the-artist-bg---mobile.png) !important;
    }
    
    .meet-the-artist::after {
        bottom: -83px;
        left: -81px;
        width: 120px;
        height: 120px;
    }
    
    .print-your-fifa{
      background-image: url(https://www.gotyme.com.ph/static-assets/images/footer-bg-mobile-print-fifa.png) !important;
      min-height: 950px !important;
    }
    
    .w-sm-100{
        width:100% !important;
    }
    
    .classic-video-height, .gold-video-height {
        height: 300px;
    }
    
    .fifa-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/hero-banner-updated-fifa-mobile.jpg) !important;
        background-size: cover !important;
        background-position: 50% 29% !important;
    }
    
    .fifa-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .contact-us-banner-img .banner-content-wrapper{
        width: 100% !important;
    }
    
    .mca-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/mca-mobile-hero-banner.png) !important;
        background-size: cover !important;
        background-position: bottom !important;
    }
    
    .were-section-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/mca-mobile-cta.png) !important;
        background-size: cover !important;
        background-position: bottom !important;
        min-height: 900px !important;
    }
    
    .switch-to-home-section-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/mobile-ctabanner.webp) !important;
        background-size: cover !important;
        background-position: bottom !important;
        min-height: 900px !important;
    }
    
    .beautiful-payroll-sectin-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/mobile-cta-banner-accenture.png) !important;
        background-size: cover !important;
        background-position: bottom !important;
        min-height: 900px !important;
    }
    
    
    .trusted-cards{
        padding: 16px !important;
        min-height: 100px;
    }
    
    .were-section-img .container--main{
        max-width: 100% !important;
    }
    
    .mca-powering-video{
        height: 300px !important;
    }
    
    .trusted-flag{
        width: 20px !important;
        height: 20px !important;
    }
    
    .accenture-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/hero-banner-mobile-accenture.png) !important;
        background-size: cover !important;
        background-position: 50% 95% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .beautiful-payroll-sectin-img h2{
        width: 100%;
        margin-bottom:1rem;
    }

    .beautiful-payroll-sectin-img h2 + p{
        display: block;
    }
    
    .outward-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-banner-mobile.png) !important;
        background-size: cover !important;
        background-position: bottom !important;
    }
    
    .low-fees-abroad::before, .low-fees-abroad::after{
        display: none;
    }
    
    .mca-banner-img .banner-content-wrapper{
        width: 80%;
    }
    
    .moretyme-bar-img img {
        content: url(https://www.gotyme.com.ph/static-assets/images/moretyme-bar-mobile-.svg);
    }
    
    .moretyme-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/moretyme-hero-banner-mobile.webp) !important;
    }
  
    .moretyme-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .py-section-rte .text-content-wrapper p{
      width: 100%;
    }
    
    .applepay-banner-img.navbar-padding, .home-banner-img.navbar-padding{
        padding-top: 200px !important;
    }
    
    .goalsave-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/banner-mobile-goalsave.webp) !important;
    }
    
    .applepay-banner-img, .home-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/herobanner-tablet--applepay.webp) !important;
    }
    
    .fund-goalsave-img{
        width: 80px !important;
        height: 80px !important;
    }
    
    .inline-apple-gotyme-img{
        width: 280px !important;
    }

    .navbar-utility-container {
        line-height: 22px;
    }
    
}
    

/* For mobile devices (up to 767px) */
@media screen and (max-width: 767px) {
    .mca-footer-color{
    background-color: var(--gunmetal);
    }
    .home-footer-color {
        background-color: var(--gunmetal);
    }
    .were-section-img{
       min-height: 800px !important; 
    }
    
    .switch-to-home-section-img{
       min-height: 800px !important; 
    }
    
    .account-opening-wrapper, .bank-account-wrapper, .multi-currency-wrapper{
        min-height:750px;
        background-size: 150% !important;
    }
    
    .multi-currency-wrapper {
        background-size: auto 300px !important;
    }
    
    .account-opening-img{
        background-position: -15% 100%!important;
    }
    
    .move-money-wrapper{
        min-height:700px;
        background-size: 140% !important;
    }    
   .make-transfer{
        background-position: 30px bottom !important;
    }
   
    .scan-qr{
        background-position: 110% 100% !important;
    }
    
    .account-opening-mobile {
      min-height: 650px !important;
    }
    
    .security-wrapper{
         min-height:550px;
    }
    

    .save-smart-wrapper{
        min-height: 600px; 
    }
    
    .bank-account-img{
        background-position: -20% 100%!important;
    }
    
    .need-account-img{
        background-position: 125% bottom !important;
    }
    
    /*.save-smart-wrapper .text-content-wrapper span {*/
    /*  color: #000 !important;*/
    /*}*/
    .responsive-banner .text-content-wrapper
    /*.responsive-section .text-content-wrapper*/
    {
        width: 85%;
    }
    
    .text-content-wrapper-2, .text-content-wrapper-crypto{
        width: 100%;
    }
    
    #carousel-tile-slider .feature-card {
        width: 350px !important;
    }
    
    #carousel-tile-slider .feature-card .btn {
        transform: translate(-10%, 0);
    }
    
    .reverse-feature-card .btn {
        transform: translate(-10%, 0);
    }
    
    .rte-section-bg-image {
      min-height: 590px;
      background-size: 80% auto !important;
      display: flex;
      align-items: start;
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
    
    .shop-responsive-section {
        min-height: 450px !important;
    }
  
    .rte-section-bg-image p {
      width: 100%;
    }
    
  .shop-card {
      background-size: 55% auto !important;
  }
  
  .shop-card p {
      width: 55%;
  }
  
  .shop-info-card-section {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
  }
  
  .save-invest-feature-card,
  .shop-feature-card {
      padding-left: 0;
      padding-right: 0;
  }
  
  .shop-feature-card img {
      height: 320px !important;
      width: 100% !important;
      object-position: 50% 50% !important;
  }
  
  .save-invest-feature-card .card-body,
  .shop-feature-card .card-body {
      min-height: 200px !important;
  }
  
  .partners-button-container {
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  
  .partners-button-container p {
      margin: 0 !important;
      margin-bottom: 10px !important;
      margin-top: 10px !important;
  }
  
  #two-ways-container {
      min-height: 600px !important;
      background-size: auto 70% !important;
      background-position: bottom center;
      align-items: start;
      padding-top: 3rem;
  }
  
  #ready-jet-set-container,
  #points-container {
      align-items: start;
      padding-top: 3rem;
      margin-left: 0 !important;
      margin-right: 0 !important;
      background-size: contain !important;
  }
  
  #ready-jet-set-container {
      min-height: 400px !important;
  }
  
  #points-container {
      min-height: 580px !important;
  }
  
  .react-embed .swiper-wrapper .card-article img {
      min-height: 220px;
      max-height: 220px;
    }
    
    .payment-distribution-main {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
    
    .bnpl-rte {
        width: 100% !important;
    }
    
  
  .bnpl-section-divide-cost-container {
      min-height:800px;
      /*background-size: 120% auto !important;*/
      background-position: center 100% !important;
  }
  
  .divide-cost-rte {
      display: flex !important;
      justify-content: start !important;
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
  }
  
  /* Elements/Sections with inline-bg image */
    .img-inline-bg {
        background-size: 100% 45% !important;
    }
    
    .service-carousel {
        object-position: 80% center;
    }
    
    #media-featured-root .swiper-wrapper {
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    .media-story {
        min-width: 300px !important;
    }
    
    .media-featured-item {
        max-width: 300px !important;
        padding: 10px !important;
    }
    
    .media-featured-div {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    /*#media-stories-root .swiper-wrapper {*/
    /*    min-height: 100vh !important;*/
    /*    height: 100vh !important;*/
    /*}*/
    
    #media-stories-root .card {
        max-width: 320px !important;
    }
    

    #iframeModal .modal-body {
        padding: 15px !important; /* or adjust to your preferred padding */
    }
    
    #application-iframe {
        height: 3600px;
        width: 95vw;
    }
    
    #waitlist-iframe {
        height: 1500px; 
        width: 90vw;
    }
    
    .activate-sbs p {
        width:50%;
    }
    
    
    .visit-sbs p {
        width:50%;
    }
    
    .select-sbs p {
        width:50%;
    }
    
    
    .scan-sbs p {
        width:50%;
    }
    
    .downpayment-sbs p {
        width:50%;
    }
    
    .video-bg{
        bottom:-150px;
        object-fit: contain !important;
        width:180% !important;
    }
    
    .video-globe{
        bottom:-180px;
        left:-85% !important;
        object-fit: contain !important;
        width:180% !important;
    }
    
    .bnpl-section-buy-tyme-container{
      background-position: center bottom !important;
      background-size: 230px !important;
    }
    
    .crypto-go-invest-container{
      background-position: center bottom !important;
      background-size: 200px !important;
      min-height:900px !important;
    }
    
    .crypto-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/crypto-banner-asset.png),url(https://www.gotyme.com.ph/static-assets/images/crypto-banner-asset-bg.png) !important;
        background-position: 75% !important;
    }
    
    .ph-stock-banner-img{
        align-items: start !important;
        background-image: url(https://www.gotyme.com.ph/static-assets/images/mobile-banner---bg-ph-stock.png) !important;
        background-size: cover !important;
        background-position: bottom !important;
    }
    
    .cta-section-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/cta-section-mobile-ph-stocks.png) !important;
    }
    
    .contact-us-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/new-contact-us-mobile-banner.png) !important;
        background-size: cover !important;
        background-position: 50% 1% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    
    /*.ph-stock-banner-img .banner-content-wrapper{*/
    /*    margin-top:30%;*/
    /*    width:100%;*/
    /*}*/
    
    .crypto-get-started{
        margin-bottom:-180px !important;
    }
    
    .remittance-receive{
        background-size: 240% !important;
        min-height: 800px !important;
    }
    
    .card.about-us {
      padding: 1.5rem !important;
    }
    .card.about-us > .card-body {
      padding: 0 !important;
    }
    .card.about-us > .card-body img {
      height: 48px;
      width: 48px;
    }
    
    .card.about-us > .card-body p:nth-child(2), .card.about-us > .card-body p:nth-child(3) {
      margin: 0;
    }
    
    .card.about-us > .card-body p:nth-child(2) {
      line-height: 1 !important;
      padding-top: 15px;
      padding-bottom: 8px;
    }
    
    .beautiful-payroll-sectin-img .btn-custom{
        width: 100%;
    }
    
    .accenture-banner-img .banner-content-wrapper{
        width: 100% !important;
    }
    
    .outward-cta-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-footer-cta-mobile.png) !important;
        min-height: 700px !important;
    }
    
    .mca-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .d-small-none{
        display:none !important;
    }
    
    .applepay-banner-img, .home-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/herobanner-tablet--applepay.webp) !important;
    }
    
    .applepay-banner-img.navbar-padding, .home-banner-img.navbar-padding{
        padding-top: 130px !important;
    }
    
    .applepay-banner-img h1, .home-banner-img h1{
        margin-bottom: 1.5rem !important;
    }
    
    .apple-pay-btn{
        display: flex !important;
    }
    
    .home-banner-img .banner-content-wrapper, .applepay-banner-img .banner-content-wrapper{
        width: 100% !important;
    }
    
    .you-may-also-like-container{
        min-height: 500px !important;
    }

}

/* Tablet - for the internal display when unfolded */
@media screen and (min-width: 431px) and (max-width: 690px) {
    .responsive-banner .text-content-wrapper
    /*.responsive-section .text-content-wrapper*/
    {
        width: 60%;
    }
    
    .text-content-wrapper-2, .text-content-wrapper-crypto{
        width: 100%;
    }
    
    #waitlist-iframe {
        height: 1250px; 
        width: 90vw;
    }
    
    .video-bg, .video-globe{
        bottom:-150px;
        object-fit: contain !important;
    }


    
}

@media screen and (min-width: 431px) and (max-width: 690px) and (min-height: 800px) and (max-height: 900px){
    .ph-stock-banner-img .banner-content-wrapper{
        width: 100%;
    }
}


@media screen and (min-width: 992px) and (max-width: 1025px) {
    .fifa-banner-img{
        background-position: 81% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1020px){
    .beautiful-payroll-sectin-img{
        min-height: 1100px !important;
    }

}

/* For tablets (768px to 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    .modal-semi-fullscreen .modal-body {
      background-size: 85% !important;
    }
    .account-opening-wrapper, .bank-account-wrapper {
        min-height:450px;
        background-size: contain !important;
    }
    
    .multi-currency-wrapper {
        background-size: auto 300px !important;
    }
    
    .move-money-wrapper{
        min-height:450px;
    }
    
    .bank-account-wrapper{
        background-position: -90px bottom !important;
    }
    
    
    .bank-account-img{
        background-position: 20px bottom !important;
    }
    .video-globe{
        object-fit:contain !important;
    }
    
    .responsive-banner .text-content-wrapper
    /*.responsive-section .text-content-wrapper */
    {
        width: 65%;
    }
    
    
    .text-wrapper-tablet{
        width: 50% !important;
    }
    
    .text-content-wrapper-2, .text-content-wrapper-crypto{
        width: 100%;
    }
    
    .logo-box img{
        width:85% !important;
    }
    
    .fifa-banner-img .banner-content-wrapper{
        width:95%;
    }
    
    .banner-content-wrapper{
        width:60%;
    }
    
    .home-banner-img .banner-content-wrapper, .applepay-banner-img .banner-content-wrapper{
        width:70%;
    }
    
    .accenture-banner-img .banner-content-wrapper{
        width: 80%
    }
    
    /*.ph-stock-banner-img{*/
    /*    background-position: 66% !important;*/
    /*}*/
    
    .ph-stock-banner-img .banner-content-wrapper {
        width: 50%;
    }
    
    .download-modal .text-content-wrapper{
        width: 60%;
    }
    
    .accenture-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/400-height-banner-mobile.png) !important;
        background-size: cover !important;
        background-position: 50% 95% !important;
        align-items: start !important;
    }
    
    .accenture-banner-img .w-100 {
        align-items: center !important;
    }
    
    .accenture-banner-img .banner-content-wrapper > *{
        text-align: center !important;
        justify-content: center !important;
    }
    
    .accenture-banner-img .banner-content-wrapper{
        width:70% !important;
    }
    
    .moretyme-banner-img{
        background-position: 75% 26% !important;
    }
    .moretyme-banner-img .fr-overline-purple{
        margin-bottom: 0 !important;
    }
    
}

/* For desktops (1025px and above) */
@media screen and (min-width: 1025px) {
    .responsive-banner .text-content-wrapper,
    .responsive-section .text-content-wrapper,
    .text-content-wrapper-2
    {
        width: 48%;
    }
    
    
    .text-content-wrapper-crypto{
        width: 50%;
    }
    
    .bank-account-wrapper{
        background-position: -150px !important;
    }
    
    .video-wrapper{
        min-height:100vh !important;
    }
    
    .remittance-receive-content{
         width: 59%;
    }
    
}


/* CUSTOM BOOTSTRAP CLASSES */
.container--main {
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

@media (min-width: 576px) {
  .container--main {
    max-width: 540px;
  }
}



@media (min-width: 768px) {
  .container--main {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container--main {
    max-width: 960px;
  }
  
      
    .pe-2rem{
        padding-right: 2rem !important;
    }
    
   .visa-logo-m{
      margin-bottom: 40px;
  }
  
  .promo-video{
     margin-bottom: 32px;
  }
  
  .mca-banner-img .mca-description{
      width: 80%;
      margin: auto;
  }
  
    .button-slider-wrapper .track{
        width: max-content;
    }
}


@media (min-width: 1100px) {
  
    .mca-banner-img .banner-content-wrapper{
        width: 60%;
   }
   
  
}



@media (min-width: 1200px) {
  .container--main {
    max-width: 1220px;
  }
  
    .mca-banner-img .banner-content-wrapper{
        width: 60%;
   }
   
    .mca-banner-img{
        margin-top: 0 !important;
   }
  
}

@media (min-width: 1300px) {
  
    .mca-banner-img .banner-content-wrapper{
        width: 55%;
   }

}

@media (min-width: 1400px) {
  .container--main {
    max-width: 1340px;
  }
  
  .mca-banner-img .banner-content-wrapper{
        width: 70%;
   }
}

@media (min-width: 1500px) {
    .mca-banner-img .banner-content-wrapper{
        width: 65%;
   }
}

@media (max-width: 1600px) and (min-width: 992px) {
  .contact-us-banner-img .banner-content-wrapper{
      width: 80% !important;
  }
  
   .promo-image{
      height: auto !important;
      align-self: center;
  }
  
  .py-section-rte .text-content-wrapper p{
      width: 80%;
  }
}

@media (min-width: 1600px) {
  .container--main {
    max-width: 1500px;
  }
  
  .fifa-banner-img .banner-content-wrapper{
      width: 45% !important;
  }
  
  .fifa-banner-img{
      background-position: 30% !important;
  }
  
  .mca-banner-img .banner-content-wrapper{
        width: 65%;
   }

}

@media (min-width: 1700px){
    .mca-banner-img .banner-content-wrapper{
        width: 55%;
    }
}

@media (min-width: 1750px) {
  .container--main {
    max-width: 1650px;
  }
}




@media (max-width: 1600px) and (min-width: 1400px)  {
  
  .fifa-banner-img .banner-content-wrapper{
      width: 50% !important;
  }
  
    .contact-us-banner-img .banner-content-wrapper{
      width: 70% !important;
  }

}


@media (max-width: 1400px) and (min-width: 992px)  {
  
  .fifa-banner-img .banner-content-wrapper{
      width: 50% !important;
  }


}


@media (max-width: 576px) {
    .were-section-img{
       min-height: 700px !important; 
    }
    
    .bnpl-section-divide-cost-container {
        background-size: 250px auto !important;
    }
    
    .bnpl-rte p, .bnpl-rte h3 {
        text-align: center;
    }
    
    .remittance-receive{
        background-size: 240% !important;
        min-height: 700px !important;
    }
    
    .meet-the-artist::before {
        top: -76px;
        right: -16px;
        width: 120px;
        height: 120px;
    }
    
    .fifa-banner-img{
        background-position: 50% 75% !important;
    }
    
    .applepay-banner-img h1, .home-banner-img h1{
      font-size: 40px !important;   
    }

    .navbar-utility-container {
        height: 50px;
    }
    
    #navbar, #navbar.sticky {
        top: 50px;
    }
    
    .navbar-utility-container {
        line-height: 18px;        
    }
    
    #navbar .navbar-collapse{
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
    .navbar-util-content {
        font-size: 14px !important;
    }
    
}

@media (max-width: 510px) {
    .switch-to-home-section-img {
        min-height: 750px !important;
    }
}

@media (max-width: 480px) {
    .security-wrapper{
         min-height:450px;
    }
    
    .save-smart-wrapper{
        min-height: 500px; 
    }
    
    .move-money-wrapper{
        min-height:700px;
        background-size: 180% !important;
   }
   
     .make-transfer{
         background-position: 20px bottom!important;
        background-size: 160% !important;
    }
   
   .scan-qr{
       background-size: 140% !important;
       background-position: 145% bottom!important;
   }
    
    .account-opening-mobile{
      min-height: 550px !important;
      background-size:150% !important;
    }
    
    .bank-account-img{
        background-position:5px 100% !important;
        background-size:180% !important;
    }
    
    .video-bg{
        bottom: 0px;
        height: auto !important;
    }
    
    .bnpl-section-divide-cost-container {
        background-size: 250px auto !important;
    }
    
    
    .visit-sbs{
        background-size: 180px !important;
        background-position: 100% 50% !important;
    }
    
    .activate-sbs {
      background-size: 200px 80% !important;
      
      background-position: 110% 50% !important;
    }
    
    .select-sbs {
      background-size: 180px 72% !important;
      
      background-position: 95% 103% !important;
    }
    
    .downpayment-sbs{
        background-position:95% 50% !important;
        background-size: 180px 50% !important;
    }
    
    #waitlist-iframe {
        height: 1300px; 
        width: 90vw;
    }
    
    #application-iframe {
        height: 3400px; 
        width: 95vw;
    }
    
    .review-crypto{
        background-position: right -65px !important;
        background-size:160px !important;
    }
    
    .track-crypto{
        background-position:right 70px !important;
        background-size:155px !important;
    }
    
    .banner-content-wrapper{
        width:100%;
    }
    
    
    .ph-stock-bento-img{
        width:150px !important;
    }
    
    .switch-to-home-section-img {
        min-height: 720px !important;
    }

}


@media (max-width: 420px) {
    .were-section-img{
       min-height: 600px !important; 
    }
    
    .w-60{
        width: 50% !important;
    }
    
    .ph-stocks-steps{
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .ph-stocks-steps-text{
        flex: unset !important;
    }
    
    .print-your-fifa{
      min-height: 900px !important;
    }
    
    .powering-country-mca{
        gap : 1rem 1.5rem;
    }
    
    .accenture-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/400-height-banner-mobile.png) !important;
        background-size: cover !important;
        background-position: 50% 95% !important;
    }
    
    .applepay-banner-img, .home-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/herobanner-mobile--applepay.webp) !important;
    }
    
    .px-sm-0{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .crypto-banner-img h1 + p{
        width: 80% !important;
        margin: auto !important;
    }
}



@media (max-width: 376px) {
    
    .video-bg-container{
        min-height:650px;
    }
    
    .need-account-img{
        min-height:650px;
    }
    
    .save-smart-wrapper{
        min-height: 420px; 
    }
    
    #application-iframe {
        height: 3800px; 
        width: 95vw;
    }
    
    
    .downpayment-sbs{
        background-position: 92% 60% !important;
        background-size:175px 47% !important;
    }
    
    .downpayment-sbs p {
        width: 30%;
    }

    .bnpl-section-divide-cost-container {
        background-size: 230px auto !important;
    }
    
    .print-your-fifa{
        min-height: 930px !important;
    }
    
    .fifa-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/hero-banner-375-fifa.png) !important;
        background-size: cover !important;
        background-position: 40% 20% !important;
    }

    
    .button-slider-wrapper .track{
        width: max-content;
    }
    
    .mca-banner-img{
        align-items: flex-start !important;
        padding-top: 130px !important;
    }
    
    .applepay-banner-img.navbar-padding, .home-banner-img.navbar-padding{
        padding-top: 120px !important;
    }
    
    .applepay-banner-img h1, .home-banner-img h1{
        font-size: 40px !important;
        line-height: 44px !important;
        margin-bottom: 1rem !important;
    }
    
    .applepay-banner-img{
        background-position: 50% 55% !important;
    }
    
    .home-banner-img{
        background-position: 50% 50% !important;
    }
}


/* MEDIA QUERIES FOR DEVICE HEIGHT CONSIDERATION */

/*Laptop or Big tablet*/
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .ph-stocks-steps{
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .ph-stocks-steps-text{
        flex: unset !important;
    }
    
}

/*Buttons*/
/* Small devices (phones) */
@media (max-width: 767px) {
  .btn-custom {
    padding: 12px 22px;
    font-size: 13px !important;
  }
  .btn-icon-mask{
      width: 18px;
      height:18px;
  }
  
   .link-custom{
     font-size:16px !important;
 }
 
 .opt.btn-custom{
     padding: 12px;
 }
}


@media (min-width: 768px) and (max-width: 992px) {
  .mca-banner-img{
      padding-top: 200px !important;
  }
  
  .mca-banner-img{
      padding-top: 200px !important;
  }
  
  .outward-banner-img{
    background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-banner-ipad.webp) !important;
  }
}

/* Medium devices (tablets) */
@media (min-width: 768px) and (max-width: 1023px) {
  .btn-custom {
    padding: 12px 22px;
    font-size: 16px !important;
  }

  .btn-icon-mask{
      width: 20px;
      height:20px;
  }
  
 .link-custom{
     font-size:16px !important;
 }
 
 .outward-banner-img .banner-content-wrapper{
    width:68%;
}

 
}


/* Large devices (desktops) */
@media (min-width: 1024px) {
  .btn-custom {
    padding: 12px 22px;
    font-size: 16px !important;
  }
  
   .link-custom{
     font-size:16px !important;
 }
}

/*Low height phones*/
@media (max-width: 480px) and (min-height: 680px) and (max-height: 950px){
    .accenture-banner-img.navbar-padding{
        padding-top:150px !important;
    }
    
    .outward-banner-img .navbar-margin{
        margin-top: 128px !important;
    }
}

@media  (min-width: 425px) and (max-width: 445px){
    .home-banner-img.navbar-padding, .applepay-banner-img.navbar-padding{
        padding-top: 130px !important;
    }
    
    .home-banner-img .banner-content-wrapper .flex-wrap{
        flex-wrap: nowrap !important;
    }
    
    .home-banner-img, .applepay-banner-img {
        background-position: 45% 100% !important;
        background-size: auto 95% !important;
    }
    
}

@media (min-width: 445px) and (max-width: 480px){
/*    .applepay-banner-img .banner-content-wrapper{*/
/*        padding-top:70px !important;*/
/*    }*/

    .home-banner-img .banner-content-wrapper .flex-wrap{
        flex-wrap: nowrap !important;
    }
    
    .home-banner-img.navbar-padding, .applepay-banner-img.navbar-padding{
        padding-top:140px !important;
    }
    
    .home-banner-img, .applepay-banner-img{
        background-position: 45% 50% !important;
    }
}


@media (max-width: 400px)  and (min-height: 700px) and (max-height: 1000px){
    .applepay-banner-img .banner-content-wrapper{
        padding-top:60px !important;
    }
    
    .home-banner-img .banner-content-wrapper{
        padding-top:30px !important;
    }

}



@media (min-width: 300px) and (max-width: 400px) and (max-height: 700px){
    .navbar-margin{
        margin-top: 160px;
    }
    .ph-stock-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .accenture-banner-img h1{
        font-size: 40px !important;
        line-height: 44px !important;
        margin-bottom: 1rem;
    }
    
    .moretyme-banner-img h1{
        font-size: 40px !important;
        line-height: 44px !important;
    }
    
    .moretyme-banner-img .fr-overline-purple{
        margin-bottom: 0 !important;
    }
    
    .moretyme-banner-img .moretyme-btn{
        margin-bottom: 1rem !important;
    }
    
    .d-xsmall-block{
        display: block !important;
    }
    
    .moretyme-banner-img{
        background-position: 50% 33% !important;
    }
    
    .outward-banner-img h1{
        font-size: 40px !important;
        line-height: 40px !important;
        margin-bottom: 1rem !important;
    }
    
    .outward-banner-img .navbar-margin{
        margin-top: 90px !important;
    }
    
    .outward-banner-img .fr-title{
        font-size: 16px !important;
    }
}

@media (min-width: 300px) and (max-width: 400px) and (max-height: 800px){
    .accenture-banner-img h1{
        font-size: 40px !important;
        line-height: 44px !important;
        margin-bottom: 1rem;
    }
    
    .outward-banner-img h1{
        font-size: 40px !important;
        line-height: 44px !important;
        margin-bottom: 1rem;
    }
    
    .outward-banner-img .navbar-margin {
        margin-top: 90px !important;
    }
}

@media (min-width: 540px) and (max-width: 580px) and (max-height: 730px){
    .ph-stock-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .outward-banner-img .banner-content-wrapper{
        width: 100%;
    }
    
    .outward-banner-img h1{
        font-size: 40px !important;
        line-height: 40px !important;
    }
    
    .home-banner-img .banner-content-wrapper, .applepay-banner-img .banner-content-wrapper{
        width: 90% !important;
    }
}

@media (min-width: 400px) and (max-width: 500px) and (min-height: 900px) and (max-height: 950px){
    .navbar-margin{
        margin-top: 130px;
    }
}

@media (min-width: 300px) and (max-width: 400px) and (min-height: 850px) and (max-height: 900px){
    .navbar-margin{
        margin-top: 130px;
    }
}

@media screen and (max-width: 768px) and (min-height: 800px) {
  .mca-banner-img{
      align-items: flex-start !important;
      padding-top: 200px !important;
  }
}

@media screen 
  and (min-width: 1024px) 
  and (max-width: 1366px)
  and (min-height: 800px) {
  
  .mca-banner-img {
    align-items: flex-start !important;
    padding-top: 250px !important;
  }
  
  .outward-banner-img .banner-content-wrapper{
    width: 40%;
  }
}

@media (min-width: 800px) and (max-width: 920px) and (max-height: 1370px) {
    .outward-banner-img .navbar-margin{
        margin-top: 130px !important;
    }
    
    .outward-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-banner-mobile.png) !important;
    }
    
}

@media (min-width: 768px) and (max-width: 768px) and (min-height: 1024px) and (max-height: 1024px) {
    .outward-banner-img .navbar-margin{
        padding-top: 130px !important;
        margin-top: 0 !important;
    }
    
    
}

/*Ipad Pro*/
@media (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
    .outward-banner-img{
        background-image: url(https://www.gotyme.com.ph/static-assets/images/outward-banner-mobile.png) !important;
    }
    
    .outward-banner-img .navbar-margin .d-flex{
        justify-content: start !important;
        align-items: center !important;
    }
    
    .outward-banner-img .navbar-margin .d-flex{
        justify-content: start !important;
        align-items: center !important;
    }
    
    .outward-banner-img .navbar-margin .d-flex .banner-content-wrapper{
        width: 52% !important;
    }
    
    .outward-banner-img .navbar-margin .d-flex .banner-content-wrapper > * {
        text-align: center !important;
        justify-content: center !important;
    }
    
    .outward-banner-img .navbar-margin{
       padding-top: 90px !important;
       margin-top: 30px !important; 
    }
    
    .home-banner-img .banner-content-wrapper, .applepay-banner-img .banner-content-wrapper{
        width: 65%;
    }
    
    .applepay-banner-img.navbar-padding, .home-banner-img.navbar-padding{
        padding-top: 200px !important;
    }
    
    .applepay-banner-img, .home-banner-img{
        background-position: 50% 45% !important;
    }
    
}

/*Ipad mini and ipad air*/

@media (min-width: 1000px) and (max-width: 1200px)
       and (min-height: 750px) and (max-height: 850px)
       and (orientation: landscape) {
    .applepay-banner-img h1,
    .home-banner-img h1 {
        margin-bottom: 1rem !important;
    }
}

/*Ipad Air*/
@media (min-width: 1150px) and (max-width: 1200px)
       and (min-height: 800px) and (max-height: 850px)
       and (orientation: landscape) {
    .applepay-banner-img,
    .home-banner-img {
        background-position: 50% 50% !important;
    }
}

@media (width: 540px) and (height: 720px){
    .home-banner-img .banner-content-wrapper .flex-wrap {
        flex-wrap: nowrap !important;
    }
    
    .home-banner-img.navbar-padding{
        padding-top: 110px !important;
    }
}


/* iPhone Pro / Pro Max */
@media screen 
  and (max-width: 500px)
  and (min-height: 700px) {
  
  .mca-banner-img {
    align-items: flex-start !important;
    padding-top: 200px !important;
  }
  
}

/* Accordion */
@media (max-width: 992px) {
    .accordion iframe[src*="youtube.com/embed"] {
        width: 100%;
    }
}

@media (max-width: 1599px) and (min-width: 1366px){
    .applepay-banner-img .banner-content-wrapper, .home-banner-img .banner-content-wrapper{
        width:60%;
    }
      
  }