/* Portrait Mode */
body {
  overflow-x: hidden;
}
/* For screen height less than 667px (common mobile screens) */
@media (orientation: portrait) and (max-height: 666px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 40vh;
  }
}

/* For screen height 667px to 736px (iPhone 6/7/8 and Plus) */
@media (orientation: portrait) and (min-height: 667px) and (max-height: 736px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh; /* 20% shorter than 70vh */
  }
}

/* For screen height 737px to 812px (iPhone X/11 Pro) */
@media (orientation: portrait) and (min-height: 737px) and (max-height: 812px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 813px to 896px (iPhone XR/11, Pixel 4 XL) */
@media (orientation: portrait) and (min-height: 813px) and (max-height: 896px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 897px to 1024px (common tablets) */
@media (orientation: portrait) and (min-height: 897px) and (max-height: 1024px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 1025px to 1280px (small laptops) */
@media (orientation: portrait) and (min-height: 1025px) and (max-height: 1280px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 1281px to 1440px (medium desktops) */
@media (orientation: portrait) and (min-height: 1281px) and (max-height: 1440px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 1441px to 1600px (large desktops) */
@media (orientation: portrait) and (min-height: 1441px) and (max-height: 1600px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}

/* For screen height 1601px and above (extra large screens) */
@media (orientation: portrait) and (min-height: 1601px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 35vh;
  }
}


/* Landscape Mode */

/* For mobile screens (less than 576px width) */
@media (orientation: landscape) and (max-width: 575px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 70vh;
  }
}

/* For small devices (576px to 767px width) */
@media (orientation: landscape) and (min-width: 576px) and (max-width: 767px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 70vh;
  }
}

/* For medium devices (768px to 991px width) */
@media (orientation: landscape) and (min-width: 768px) and (max-width: 991px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 70vh;
  }
}

/* For large devices (992px to 1199px width) */
@media (orientation: landscape) and (min-width: 992px) and (max-width: 1199px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 65vh;
  }
}

/* For extra large devices (1200px and above) */
@media (orientation: landscape) and (min-width: 1200px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 60vh;
  }
}


/* Default height for .dz-bnr-inr and .dz-bnr-inr-lg */
.dz-bnr-inr, .dz-bnr-inr-lg {
  height: 70vh;
}
.dz-bnr-inr, .dz-bnr-inr-lg {
  height: 500px !important;
}
.dz-bnr-inr-lg .dz-bnr-inr-entry{
  height: 650px !important;
}
.pay-container{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* .pay-info{
  --bs-gutter-x:0px !important;
} */
.row{
  --bs-gutter-x:0px !important;
}

/* .header-nav .nav > li > a {
  padding-left: 8px !important;
  padding-right: 8px !important;
}*/

.btn-back {
  float: right;
  padding: 12px 24px;
}

@media screen and (max-width: 1279px) {
  .pay-container {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1350px) and (max-width: 1400px) {
  .container.clearfix {
    max-width: 1100px !important;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1349px) {
  .container.clearfix {
    max-width: 1100px !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
  .container.clearfix {
    max-width: 1050px !important;
  }
}
@media screen and (min-width: 1241px) and (max-width: 1279px) {
  .container.clearfix {
    max-width: 990px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .container.clearfix {
    max-width: 920px !important;
  }
}
/* For smaller screens, inherit original or adjust as needed */
@media (max-width: 991px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 150px;
  }
}
@media (max-width: 768px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 350px !important;
  }
  .dz-bnr-inr-lg .dz-bnr-inr-entry{
    height: 350px !important;
  }
}
@media (max-width: 575px) {
  .dz-bnr-inr, .dz-bnr-inr-lg {
    height: 250px !important;
  }
  .dz-bnr-inr-lg .dz-bnr-inr-entry{
    height: 250px !important;
  }
}