@import url("common.css?v=23");
@import url("header.css??v=23");
@import url("footer.css?v=23");
@import url("slick-slider-custom-style.css?v=23");

@media screen and (max-width: 1399.98px) {
  h1.bigHead {
    font-size: 97px;
    line-height: 101px;
  }
  .homeSection-downloadnow .bigHead {
    top: -68px;
    font-size: 97px;
  }
  .homeSection-downloadnow .bannerText {
    padding-bottom: 80px;
    margin-top: 56px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 36px;
    line-height: 50px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 16px;
    margin-top: 18px;
  }
  .homeSection-downloadnow .bannerText-h6.semibold {
    padding-top: 10px !important;
    margin-bottom: 15px;
  }
  .downloadnowsec img {
    margin-top: -150px;
  }

  .digitalCardBlock{max-width: 900px}
  .digitalGoldSec:before{bottom: 0; top: auto;}
  .goldSilverBlock {margin-top:-63px}
}
@media (max-width: 1199.98px) {
  .homeSection-downloadnow .bigHead {
    top: -65px;
    font-size: 80px;
  }
  .homeSection-downloadnow .bannerText {
    padding-bottom: 50px;
    margin-top: 46px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 14px;
    margin-top: 16px;
  }
  .homeSection-downloadnow .bannerText-h6.semibold {
    padding-top: 8px !important;
    margin-bottom: 10px;
  }
  .homeSection-downloadnow .downloadBtns .button {
    padding: 8px;
  }
  .homeSection-downloadnow .downloadBtns .button:not(:last-child) {
    margin-right: 10px;
  }
  .homeSection-downloadnow .downloadBtns .button img.apple {
    width: 20px;
  }
  .homeSection-downloadnow .downloadBtns .button img.gplay {
    width: 18px;
  }
  .homeSection-downloadnow .downloadBtns .button p:first-child {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 1px;
  }
  .homeSection-downloadnow .downloadBtns .button p:nth-child(2) {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .downloadnowsec img {
    margin-top: -140px;
  }
  /* ------------------- */
  .sectionHeadingbanner {
    padding: 50px 0 0;
  }
  .sectionHeadingbanner .headingbannerText {
    padding-bottom: 46px;
  }
  .sliderHolder-tab-slicksync {
    border-radius: 20px 20px 0 0;
    padding: 15px 20px 7px;
  }
  .utilityTabContent .contactIntro .para1 {
    max-width: 70%;
  }
}

@media screen and (max-width: 1050px) {
.digitalCardBlock{max-width: 100%}
.digitalGoldSec:before{display: none;}
.goldSilverBlock{margin-top: -67px}
  .reglogForm{padding: 40px 30px}
}


@media screen and (min-width: 992.98px) and (max-width: 1199.98px) {
  .tabBookingContent .mobBillDetail {
    font-size: 14px;
    line-height: 22px;
  }

}
@media screen and (max-width: 992.98px) {
  body {
    font-size: 12px;
    line-height: 22px;
  }
  /*******Homepage*******/
  .bannerBg {
    max-width: 260px;
  }
  .bannerText {
    padding-top: 36px;
  }
  .bannerText-h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .bannerText-h6 {
    font-size: 12px;
  }
  .downloadBtns {
    margin-top: 16px;
  }
  .downloadBtns .button:not(:last-child) {
    margin-right: 9px;
  }
  .downloadBtns .button {
    padding: 6px;
  }
  .downloadBtns .button img {
    margin-right: 6px;
  }
  .downloadBtns .button img.apple {
    width: 20px;
  }
  .downloadBtns .button img.gplay {
    width: 19px;
  }
  .downloadBtns .button p:first-child {
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 2px;
  }
  .downloadBtns .button p:nth-child(2) {
    font-size: 12px;
    line-height: 12px;
  }
  /*******************/
  .homeSection-earn .content {
    padding-top: 5px;
  }
  .homeSection-earn .content button {
    margin-top: 18px;
  }
  .homeSection-earn-img,
  .homeSection-gold-img {
    /*max-width: 276px;*/
    border-radius: 12px;
  }
  .homeSection-earn .earnlabel1 {
    left: -58px;
    top: 20px;
    width: 110px;
  }
  .homeSection-earn .earnlabel2 {
    right: -61px;
    bottom: -65px;
    width: 160px;
  }
  /*******************/
  .homeSection-paybill .content {
    padding-top: 10px;
  }
  .homeSection-paybill h3 {
    margin-top: 30px;
  }
  .homeSection-paybill .form-check-label p {
    font-size: 14px;
    line-height: 24px;
    margin: 4px 0 15px;
  }
  .homepaybillTab ul {
    justify-content: center;
  }
  .homepaybillTab .tabMenu {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 12px;
    display: block;
  }
  .homepaybillTab .nav-item {
    padding: 1px 0;
    width: 25%;
    text-align: center;
  }
  .billItemHolder:not(:last-child) {
    margin-right: 10px;
  }
  .billItemHolder {
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
  }
  .billItemHolder .icon {
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
  }
  .billItemHolder .icon img {
    height: 36px;
    width: 36px;
  }
  /**********************/

  .homeSection-gold .homeSection-earn .content {
    padding-left: 20px;
    padding-top: 30px;
  }
  .homeSection-gold .goldlabel-icon1 {
    width: 110px;
    right: -46px;
    top: 38px;
  }
  .homeSection-gold .goldlabel-icon2 {
    width: 30px;
    bottom: -16px;
    left: 48px;
  }
  .homeSection-gold .goldlabel1 {
    width: 110px;
    top: 50px;
    left: -35px;
  }
  .homeSection-gold .goldlabel2 {
    width: 130px;
    right: -40px;
    bottom: -18px;
  }
  /**********************/
  .homecard1,
  .homecard2 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 25px;
  }
  .homecard1 .badge,
  .homecard2 .badge {
    font-size: 9px;
    line-height: 12px;
    padding: 7px 10px;
    margin-bottom: 10px;
  }
  .homecard1 h2,
  .homecard2 h2 {
    font-size: 24px;
    line-height: 34px;
  }
  .homeSection-paybillnow .paybillBtn {
    margin-top: 30px;
    font-size: 11px;
    line-height: 20px;
    border-radius: 4px;
    padding: 4px 20px;
  }
  /**********************/
  .homeSection-whychooseus .heading h2 {
    font-size: 29px;
    line-height: 37px;
  }
  .homeSection-whychooseus .heading {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
  }
  .labellList .itemHolder {
    padding: 0 0 15px;
  }
  .labellList .item {
    padding: 8px 12px;
  }
  .labellList .item img {
    height: 20px;
    width: 20px;
  }
  .labellList .item span {
    padding-left: 4px;
    font-size: 12px;
  }
  .labellList.card2 .itemHolder:nth-child(2) {
    margin-left: -15px;
  }
  /**********************/
  h1.bigHead {
    font-size: 80px;
    line-height: 82px;
    margin-bottom: 40px;
  }
  .homeSection-wearehere h3 {
    font-size: 24px;
    line-height: 36px;
  }
  .homeSection-wearehere .contactList {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .homeSection-wearehere .contactList .item img {
    height: 18px;
    width: 18px;
  }
  .homeSection-wearehere .contactList .item span {
    font-size: 14px;
    line-height: 18px;
    padding-left: 8px;
  }
  .homeSection-wearehere .contactList .item:not(:last-child) {
    padding-bottom: 16px;
  }
  .homeSection-wearehere .customercare {
    border-radius: 12px;
    padding: 20px;
  }
  .homeSection-wearehere .customercare .title {
    font-size: 14px;
  }
  .homeSection-wearehere .customercare img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .homeSection-wearehere .customercare .info {
    line-height: 22px;
    padding: 16px 0;
  }
  .homeSection-wearehere .customercare .primeBtn {
    font-size: 12px;
  }
  .accordionItem {
    margin-bottom: 10px;
    border-radius: 7px;
    padding: 12px;
    font-size: 12px;
    line-height: 20px;
  }
  .accordionItem .title {
    font-size: 13px;
    line-height: 19px;
  }
  .accordionItem .description {
    padding-top: 5px;
    padding-left: 0px;
  }
  .accordionItem .toggleIcon {
    height: 16px;
    width: 16px;
  }
  /**********************/
  .homeSection-downloadnow .bigHead {
    font-size: 60px;
    line-height: 62px;
    margin-bottom: 0;
    top: -40px;
  }
  .homeSection-downloadnow .bannerText {
    padding-bottom: 30px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 22px;
    line-height: 32px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .homeSection-downloadnow .downloadBtns {
    margin-top: 10px;
  }
  .homeSection-downloadnow .downloadBtns .button:not(:last-child) {
    margin-right: 6px;
  }
  .homeSection-downloadnow .downloadBtns .button img.apple {
    width: 16px;
  }
  .homeSection-downloadnow .downloadBtns .button img.gplay {
    width: 15px;
  }
  .homeSection-downloadnow .downloadBtns .button p:nth-child(2) {
    font-size: 10px;
    line-height: 12px;
  }
  .homeSection-downloadnow .downloadBtns .button p:first-child {
    font-size: 7px;
    line-height: 7px;
  }
  .homeSection-downloadnow .downloadBtns .button {
    padding: 6px;
  }
  .downloadnowsec img {
    margin-top: -105px;
  }
  /*******End*******/

  /*******Start Bill Page 1*******/
  .section-trustedClients {
    padding: 0 10px 10px;
  }
  .servicbannersliderHolder {
    padding: 10px 10px 0;
  }
  .servicbannerslider .bannerText-h1 {
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 40px;
  }
  .servicbannerslider .bannerText {
    padding-top: 0;
  }
  .servicbannerslider .bannerText-h6 {
    font-size: 13px;
    margin-top: 0px;
  }
  .serviceOfferBanner {
    height: 20vw;
  }
  .serviceList {
    padding-bottom: 30px;
  }
  .serviceList .serviceItem {
    /* width: calc(100% / 5); */
    padding: 7px;
  }
  .serviceList .serviceItem .iconHolder img {
    width: 32px;
  }
  .serviceName {
    font-size: 12px;
    line-height: 18px;
    min-height: 60px;
  }
  .serviceItem .iconHolder {
    padding: 16px;
  }
  .planItem {
    padding: 13px 7px 0;
  }
  .planItem .content {
    border-radius: 12px;
    font-size: 24px;
    line-height: 30px;
  }
  .planItem .due {
    font-size: 10px;
    line-height: 16px;
    top: -12px;
    left: 24px;
    padding: 4px 12px;
    border-radius: 16px;
  }
  .planItem .repeatoffer {
    padding: 23px;
  }
  .planItem .offername {
    font-size: 12px;
    line-height: 20px;
  }
  .planItem .repeat {
    font-size: 16px;
    line-height: 20px;
  }
  .planItem .repeatamount {
    padding: 23px 23px 23px 30px;
    border-radius: 0 12px 12px 0;
  }
  .trustedClientsSliderHolder {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 8px;
    border-radius: 12px;
  }
  /*******End*******/

  .tabBookingForm.leftBox {
    border-right: none;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
  }
  .leftBox {
    padding-right: 0;
  }
  .rightBox {
    padding-left: 0;
  }
  .utilityTabContent .mobilebill-form {
    margin-top: 20px;
    height: auto;
  }
  .homeSection-paybill .form-check-label {
    font-size: 16px;
    line-height: 20px;
  }
  .paymentOptionTab {
    margin-top: 20px;
  }
  /*---------------*/
  .secHeading {
    font-size: 80px;
    line-height: 100px;
  }
  .secHeading .smallHeading {
    font-size: 23px;
    line-height: 25px;
    bottom: 20px;
  }
  .swiper-slide .slideItem .playIcon {
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    height: 26px;
    width: 26px;
  }
  .swiper-slide .slideItem .overlay {
    padding: 15px;
  }
  .swiper-slide .slideItem .overlay .name {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 6px;
  }
  .swiper-slide .slideItem .overlay .city {
    font-size: 10px;
    line-height: 10px;
  }
  .swiper-slide .slideItem .overlay .rating img {
    height: 18px;
  }

  .stickyBar-ReferSec {
    font-size: 14px;
    line-height: 18px;
  }

  .stickyBar-ReferSec .stickyBg {
    width: 45px;
    margin-top: 10px;
    margin-right: 12px;
  }
  .stickyBar-ReferSec .btn {
    min-width: 130px;
    margin-left: 10px;
  }
  /* UtilityTab Start */
  .sectionHeadingbanner .tagline {
    font-size: 18px;
    line-height: 27px;
  }
  .sectionHeadingbanner .pageHeading {
    font-size: 36px;
    line-height: 54px;
  }

  .generateQRcode-modal .modal-dialog {
    max-width: 360px;
  }
  .generateQRcode-modal .modal-body {
    padding: 70px 70px 50px;
  }
  .generateQRcode-modal .btn-close {
    right: 20px;
    top: 20px;
  }
  .generateQRcode-modal h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .generateQRcode-modal img.qr {
    max-width: 200px;
    margin: 20px 0;
  }
}

@media screen and (max-width: 767.98px) {
  .bg-lineart:before {
    display: none;
  }
  /*******Homepage*******/
  .bannerBg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
  }
  .bannerText {
    padding-top: 20px;
  }
  .bannerText-h1 {
    font-size: 24px;
    line-height: 32px;
  }
  /*******************/
  .homeSection-earn .earnlabel1 {
    left: -24px;
    top: 15px;
    width: 90px;
  }
  .homeSection-earn .earnlabel2 {
    right: -30px;
    bottom: -50px;
    width: 130px;
  }
  .homeSection-earn .content {
    padding-top: 20px;
  }
  .homeSection-earn .content h2 {
    margin-bottom: 6px;
  }
  .homeSection-earn .content button {
    margin-top: 10px;
  }
  /*******************/
  .homeSection-paybill .content {
    padding-top: 0;
    padding-bottom: 30px;
  }
  .homeSection-paybill h3 {
    margin-top: 24px;
  }
  .homeSection-paybill .form-check-label {
    font-size: 16px;
    line-height: 20px;
  }
  .homeSection-paybill .form-check-label p {
    font-size: 11px;
    line-height: 19px;
    margin: 3px 0 10px;
  }
  .homepaybillTab .nav-item {
    width: auto;
  }
  .homepaybillTab .tabMenu {
    font-size: 11px;
    line-height: 16px;
  }
  .billItemHolder {
    font-size: 10px;
    line-height: 12px;
  }
  .billItemHolder .icon {
    padding: 6px;
    border-radius: 6px;
    margin-bottom: 6px;
  }
  .billItemHolder .icon img {
    height: 26px;
    width: 26px;
  }
  /**********************/
  .homeSection-gold-img {
    object-fit: contain;
  }

  .homeSection-gold .homeSection-earn .content {
    padding-left: 10px;
    padding-top: 20px;
  }
  .homeSection-gold .goldlabel-icon1 {
    width: 90px;
    right: -38px;
    top: 29px;
  }
  .homeSection-gold .goldlabel-icon2 {
    width: 24px;
    bottom: -14px;
    left: 34px;
  }
  .homeSection-gold .goldlabel1 {
    width: 80px;
    top: 38px;
    left: -29px;
  }
  .homeSection-gold .goldlabel2 {
    width: 100px;
    right: -28px;
    bottom: -14px;
  }
  /**********************/
  .homecardHolder {
    flex-direction: column;
  }
  .homecard1,
  .homecard2 {
    margin-bottom: 30px;
  }
  /**********************/
  .homeSection-whychooseus .heading h2 {
    font-size: 23px;
    line-height: 30px;
  }
  .homeSection-whychooseus .heading {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .labellList .itemHolder {
    padding: 0 0 6px;
  }
  .labellList .item {
    padding: 8px;
  }
  .labellList .item img {
    height: 14px;
    width: 14px;
  }
  .labellList .item span {
    font-size: 10px;
    line-height: 14px;
  }
  .labellList.card1 .itemHolder:nth-child(1) {
    margin-right: -70px;
  }
  .labellList.card1 .itemHolder:nth-child(4) {
    margin-right: -50px;
  }
  .labellList.card2 .itemHolder:nth-child(1) {
    margin-left: -70px;
  }
  .labellList.card2 .itemHolder:nth-child(2) {
    margin-left: -25px;
  }
  /**********************/
  h1.bigHead {
    font-size: 60px;
    line-height: 62px;
    margin-bottom: 30px;
  }
  .homeSection-wearehere .homecardHolder .col-md-6.pe-2,
  .homeSection-wearehere .homecardHolder .col-md-6.ps-2 {
    padding: 0px !important;
  }
  /**********************/
  .homeSection-downloadnow h1.bigHead {
    font-size: 44px;
    line-height: 44px;
    top: -28px;
  }
  .homeSection-downloadnow .bannerText {
    padding-bottom: 30px;
    margin-top: 30px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 18px;
    line-height: 26px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 11px;
  }
  .homeSection-downloadnow .downloadBtns {
    margin-top: 5px;
  }
  .homeSection-downloadnow .downloadBtns .button img.apple,
  .homeSection-downloadnow .downloadBtns .button img.gplay {
    width: 14px;
  }
  .downloadBtns .button p:nth-child(2) {
    font-size: 10px;
    line-height: 10px;
  }
  .downloadnowsec img {
    margin-top: -60px;
  }
  /*---------------*/
  .secHeading {
    font-size: 60px;
    line-height: 75px;
  }
  .secHeading .smallHeading {
    font-size: 18px;
    line-height: 20px;
    bottom: 16px;
  }
  .swiper-slide .slideItem .playIcon {
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    height: 20px;
    width: 20px;
  }
  .swiper-slide .slideItem .overlay {
    padding: 10px;
  }
  .swiper-slide .slideItem .overlay .name {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
  }
  .swiper-slide .slideItem .overlay .city {
    font-size: 8px;
    line-height: 8px;
  }
  .swiper-slide .slideItem .overlay .rating img {
    height: 12px;
  }
  /*******End*******/

  /*******Start Bill Page 1*******/
  .servicbannerslider .bannerText-h1 {
    margin-bottom: 3px;
    font-size: 24px;
    line-height: 32px;
  }
  .servicbannerslider .bannerText-h6 {
    font-size: 10px;
    margin-top: 0px;
  }

  .servicbannerslider .slick-dots {
    margin-bottom: 3px;
  }
  .section-servicelist h3 {
    margin-bottom: 30px;
  }

  .planItem .repeatamount {
    padding: 12px 12px 12px 14x;
    border-radius: 0 10px 10px 0;
  }
  .planItem .repeatoffer {
    padding: 12px;
  }
  .planItem .offername {
    font-size: 10px;
    line-height: 20px;
  }
  .planItem .content {
    font-size: 20px;
    line-height: 26px;
  }
  .planItem .due {
    font-size: 9px;
    line-height: 11px;
    top: -10px;
    left: 16px;
    padding: 4px 8px;
    border-radius: 10px;
  }
  .planItem .repeat {
    font-size: 10px;
    line-height: 10px;
    text-align: center;
  }

  .stickyBar-ReferSec {
    font-size: 12px;
    line-height: 16px;
  }
  .stickyBar-ReferSec .btn {
    min-width: 100px;
    margin-left: 8px;
    padding: 8px;
    font-size: 12px;
  }
  /*******End*******/

  /* UtilityTab Start */
  .sectionHeadingbanner .tagline {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 0;
  }
  .sectionHeadingbanner .pageHeading {
    font-size: 32px;
    line-height: 48px;
  }
  .utilityTab-whiteBox {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 35px;
  }
  /* UtilityTab End */
  /***** Payment Page Start *****/
  .instantPay {
    border-radius: 12px;
  }
  .instantPayHolder .qrcodeimg {
    height: 55px;
    width: 55px;
    margin: 0 8px;
  }
  .instantPayHolder .qrWhiteBg {
    border-radius: 8px;
    padding: 5px 9px;
  }
  .instantPayHolder h6 {
    font-size: 13px;
    line-height: 20px;
  }
  .instantPayHolder .qrWhiteBg .downloadoptions img {
    width: 16px;
    margin-right: 10px;
  }
  .instantPayHolder .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .generateQRcode-modal .modal-content {
    border-radius: 12px;
  }
  /***** Payment Page End *****/

  /***** Electricity Bill Page Start *****/
  .tabBookingContent .mobBillDetail {
    font-size: 14px;
    line-height: 22px;
  }
  .sectionFAQlist h3 {
    margin-bottom: 15px;
  }
  .faqList {
    padding: 20px;
    border-radius: 12px;
  }
  .faqItem .question {
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 22px;
  }
  .faqItem .answer {
    padding-top: 15px;
    font-size: 14px;
    line-height: 22px;
  }
  .faqItem:not(:first-child) {
    margin-top: 20px;
  }
  /***** Electricity Bill Page End *****/


.bookingsliderHolder{padding: 0; margin-top: 53px;}
.bookingSlider{ height:auto; }
.bookingSlider .sliderHolder-slickfade .slick-dots{bottom: 0}
.bookingSlider .bannerBg{margin: 0}
.bookingContainer{margin: 15px;}
.bookingTabs{padding: 15px 15px 0}
.bookingTabs ul, .flightsTab ul{gap: 10px; justify-content: space-between;}
.bookingTabs ul li{padding: 0 10px 10px; font-size: 16px; display: block; border-radius: 6px}
.bookingTabs ul li img{width: 70px; margin-bottom: 2px}
.tabContainer{padding: 20px 15px}
.flightsTab ul{gap: 0; max-width: calc(100% - 1px);}
.flightsTab li{padding: 4px 10px; width: 100%}
.tabDetails{padding: 15px 0 0}
.flightBook{gap: 10px;}
.flightBook > div{width: 100% !important}
.inputArrow:before, .flightBook > div label[for="searchbtn"], .actionCol label{display: none;}
 
#searchbtn{margin-top: 10px;}
.addCityBtn{    align-items: center; gap: 10px}
.addCityBtn button{width: 50%;}
.searchBtn{padding: 11px 20px}  
#multiCity #searchbtn{margin-top: 0px;} 
.flightSearchBanner{height: auto;}
.flightSearchBanner{padding: 20px 0}
.flightSearchBanner .container{padding: 0 20px;}
.flightSearchResult{flex-wrap: wrap; padding: 0 15px}
.filterSec, .searchResult{width: 100%}

.flightTime, .flightListBlock{justify-content: space-between;}
.flightListBlock{padding: 10px 0 0}
.flightViewPrice, .flightFare, .flightTime{width: 100%;         align-items: center;}
.flightIcon{padding: 0 10px 0 15px}
.flightnumber{margin-right: 15px;}
.flightFare{text-align: center;}
.flightViewPrice{padding: 0 15px}
.flightViewPrice button{width: 100%; padding:12px 15px}

.detailsTitle, .flight-body{padding: 15px;}
.flightDetailstabs{padding: 15px 15px 0}
.flightDetailstabs ul li{text-align: center; line-height: 20px; padding: 10px; font-size: 14px}
.fareSummary{padding: 0 15px}
.flight-header{font-size: 16px; padding: 15px; flex-wrap: wrap; text-align: center;}
.flight-header > span{display: block; width: 100%;}
.flight-body{flex-wrap: wrap; gap: 20px;}
.flight-body > div{width: 100%; text-align: center;}
.baggage .card-header{display: none;}
.baggage .fareDetails > span:before{background: #FFEFEA;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
            font-size: 16px;
        padding: 10px 20px;
    color: #000; width: 40%}
.baggage .fareDetails > span:first-child:before{content: "Passanger";}
.baggage .fareDetails > span:nth-child(2):before{content: "Cabin";}
.baggage .fareDetails > span:nth-child(3):before{content: "Check-in";}
.baggage .fareDetails{flex-wrap: wrap; padding: 0; border: 0; gap: 0}
.baggage .fareDetails > span{width: 100% !important; border-bottom: 1px solid #d3d3d3; padding: 10px 20px 10px calc(40% + 20px);  position: relative;}
.baggage .fareDetails > span:last-child{border:0}
 #cancellationPolicy .fareDetails > span{font-size: 14px;}
 .card-header, .cardHeader{padding: 10px 15px}
 .fareDetails{padding: 10px 15px; gap: 15px;  justify-content: space-between;}


 .reviewBookingBanner{ height:auto; padding-bottom:20px }
 .reviewBooking .container > h5{margin: 15px 0 10px}
 .reviewBookLft, .reviewBookRgt{width: 100%;}
 .baggageBlock > span{display: block; width: 100%; padding-top: 5px;}
 .reviewHeader, .reivewBody{padding: 15px}
 .reviewHeader > p{line-height: 20px;}
 .refundBooking{width: 100%; text-align: center; margin-bottom:10px; }
 .refundBooking .checkBoxParent{margin-right: 5px; line-height: 18px;}
 .travelInsBlock .reviewHeader > span{position: static; padding:5px 0 0; display:block; transform:none }
 .contactinfoForm > div, .contactinfoForm > div:first-child, .passengerField > div{width: 100%}
 .country-input{width: 140px}
 .note{    line-height: 18px;}
.selectRadio label{width: 33.33%}
.selectRadio label:before{margin: 0 auto 10px; display: block;}
.selectRadio label > span{display: block; text-align: center;}
.selectRadio .checkBoxParent{float: none;  margin: 0 auto; display: block; text-align: center;}
.passengerInfo{padding:16px 15px 20px 50px}
.passengerInfo:before{left: 15px; top: 15px;}
.status{margin:0; padding: 5px 13px 6px}
.nameInfo > span:last-child{padding: 10px 0 0}
.passname{display: block; padding-bottom: 10px;}
.seatBlock img{max-width: 100%}
.pickupBlock > div{width: 100%;}
.pickupBlock > div:nth-child(4), .pickupBlock > div:nth-child(5){    width: calc(50% - 10px);}
.cabIcon{position: absolute; left: 15px;}
.cabTag{max-width: 100px; position: absolute; right: 10px;}
.cabinfo{padding: 0 100px 0 84px; line-height: 18px}
.pickupInfo, .cabPriceBtn{padding: 15px;}
.pickupInfo{flex-wrap: wrap; gap: 15px;}
.cabPriceBtn{justify-content: space-between; width: 100%}
.pickupBlock > div:nth-child(2):before, .pickupBlock > div:nth-child(3):before{top: 8px}
.contactDetail{flex-wrap: wrap; gap: 15px;}
.contactDetail > div{width: 100%; position: relative;}
.contactDetail div > span, .contactDetail div span{position: absolute; left: 105px; top: 0; margin:0;}
.contactDetail div span > a{ margin:0;}
.filterDropdown{font-size: 18px; font-weight: 500; padding: 10px 0; display: block; position: relative; display: block}
.filterDropdown:after {width: 40px; height: 40px; position: absolute; right: -10px; top: 0; content: ""; background: url(../../assets/images/dropdown-arrow.svg) no-repeat center center;}
.paymentDetails{padding-top: 70px}
.filterCont{display: none;}
.speacialFare, .farePack {display: block; overflow-x: auto; white-space: nowrap;}
.speacialHead{width: 100%; padding-bottom: 10px;}
.speacialHead br{display: none;}
.speacialFare > div:not(.speacialHead), .farePack > div{display: inline-block; margin-right: 15px;}
.speacialFare > div:not(.speacialHead):last-child, .farePack > div:last-child{margin-right: 0}
.offerBanner{margin: 0 15px 60px; height: 200px}
.termsBlock{padding: 0 15px;}
.flgihtInfo > div{width: 100%; border: 0; padding: 0}
.flightClass button, .traveller-dropdown{width: 100%;}
.flightSearchResult h5{color: #000}
.reviewBookingBanner > .container, .flgihtInfo, .bookingDetails  {flex-wrap: wrap;}
.reviewBookingBanner > .container > .flex{display: none;}
.flgihtInfo > div{padding-bottom: 10px;}
.flgihtInfo > div{border-bottom: 1px solid #D3D3D3; padding-bottom:20px; text-align:left !important; }
.flightNumber{padding:20px 0 0 !important}
.tripSummery, .benefitsBlock .flex{flex-wrap: wrap; gap: 10px;}
.tripSummery > div, .bookingDetails > div{width: 100%}
.benefitsBlock .flex > div, .benefitsBlock .flex > button{width: calc(50% - 5px);}
.radioBlock label{padding: 5px 0; font-size: 14px;}
.successNote:before{top: 7px;}
.radioBlock .checkBoxParent{margin:2px 1px 0 0}
.bookingDetails > div > label{padding-bottom: 5px;}
.reviewHeader > h5 > span{display: block; line-height: 20px;}
.selectState select{max-width:  100%}
.reviewBookingBanner .container{padding: 0 15px; }
.reviewBookingBanner .container > .h5{margin-bottom: 20px;}
.flightpayinfo .flex{flex-wrap: wrap;}
.flightInfo{padding: 0; display: block;}
.flightInfo > span{display: block; padding-bottom: 10px; text-align: left;}
.flightpayinfo > .flex > span:first-child{width: 100%}
.flightpayinfo .flex:nth-child(2) > div > span, .flightpayinfo .flex:nth-child(1) > span{padding: 10px 5px}
.flightpayinfo img{width: 40%}
.flightpayinfo > div{padding: 20px 15px}
.flightpayinfo .flex div{ width:100%; text-align:center; }
.flightpayinfo .flex:nth-child(2) > div > span, .flightpayinfo .flex:nth-child(1) > span, .flightpayinfo img.userIcon{display: block;}
.flightpayinfo img.userIcon{margin: 0 auto 10px;}
.addPassanger svg{vertical-align: middle;}

.flightpayinfo .flex:nth-child(2) > div > span:last-child, .flightpayinfo .flex:nth-child(1) > span:last-child{padding-bottom: 0}

.bookingSlider{padding-bottom: 20px;}
.contactBanner{padding: 0}
.contactBanner .banner{height: auto; border-radius: 0}
.contactBanner .bannerText-h1, .blogBanner .bannerText-h1, .blogDetailBanner .bannerText-h1 {font-size: 22px; line-height: 30px;}
.contactBanner .bannerText-h6, .blogBanner .bannerText-h6{font-size: 16px; line-height: 22px;}
.contactBanner .flex > div:nth-child(2){display: none;}
.contactBanner > div > div > div > div{max-width: 100%; padding: 20px 15px 30px}
.contactSec {margin: 20px 0; flex-wrap: wrap; gap: 15px 0}
.contactLft, .contactRgt{width: 100%; padding:15px;}
.contactForm > div{width: 100%; padding-bottom: 5px;}
.contactForm .btnContainer{padding: 0 0 10px;}
.trustedBanner > div{flex-wrap: wrap; padding: 20px 15px; text-align: center;}
.trustedIcon{max-width: 100px; margin:0 auto 20px;}
.trustedIcon img{width: 100%}
.downloadApp{margin: 0 auto;}


.blogBanner .flex{ flex-wrap:wrap; }
.blogBanner .flex > div{width: 100%; margin: 0}
.blogBanner .flex{padding: 20px 15px 40px; gap: 15px 0}
.blogBanner .bannerText-h6{padding: 15px 0 0;}
.blogContainer{padding: 20px 15px 20px}
.latestBlog{padding-bottom: 50px;}
.blogList, .blogAuthor, .ourBlog  {flex-wrap: wrap;}
.blogList > a{width: 100%; gap: 0 15px}
.blogList .box:before{    padding-top: 100%;}
.blogInfo h4, .blogOverlay h4, .ourBlog h4{font-size: 16px; line-height: 22px; font-weight: 600}
.blogBannersec .box:before{padding-top: 75%}
.blogOverlay{padding: 15px 15px 15px; font-size: 14px; line-height: 20px}
.blogtag{font-size: 16px; padding: 8px 25px}
.blogOverlay h4{margin-top:20px }
.blogDetailBanner{padding:  0}
.blogDetailBanner .banner{border-radius: 0}
.blogDetailContainer{margin: 0 auto 60px; padding: 15px}
.blogDetailBanner .bannerText-h1{padding: 15px 15px 40px}
.blogDetailImg{border-width: 0;}
.blogAuthor {gap: 15px; padding-bottom:15px }
.authorSocial{    align-items: center;}
.authorSocial > div > span:nth-child(2){padding-top: 5px}
.blogDes{padding: 20px 0; font-size: 16px; line-height: 28px}
.blogDes h5{font-size: 16px; font-weight: 700; padding: 12px 15px}
.blogDes img{float: none; margin: 0 0 15px}
.ourBlog {padding: 30px 0 0; font-size: 16px; line-height: 24px}
.ourBlog > div{width: 100%}

.searchNews{padding: 50px 15px}
.searchIcon{width: 46px; height: 46px; top: 5px; right: 8px}
.newsUpdate ul li{width: 160px; font-size: 18px}
.newsUpdatecontent > div > div{flex-wrap: wrap;}
.newsUpdatecontent > div > div > div:first-child, .newsUpdatecontent > div > div > div:last-child{width: 100%}
.newsUpdatecontent{padding: 50px 0 0}
.newsLft h2{font-size: 22px; line-height: 32px;}
.imgBlockDetail{padding: 15px 0}
.imgBlockDetail h4{line-height: 30px}
.newsUpdatecontent > div > div{gap: 40px}
.latestNews{padding: 0}
.latestNews > .flex{gap: 15px;}
.latestNews h5{font-size: 16px; line-height: 22px;}
.newsOurBlog{padding-left: 15px; padding-right: 15px; padding-bottom: 50px;}
.searchNews input{font-size: 18px; padding-left: 20px}
.aboutBanner .banner{padding: 15px 0 0}
.aboutBanner .flex{ flex-wrap:wrap; }
.aboutBanner .flex > div:nth-child(2){display: none;}
.aboutShortContent{padding: 30px 0; font-size: 30px; line-height: 42px;}
.abouteR, .ourTeam, .whyChooseUs, .helpSupport{padding: 30px 0}
.aboutTag, .chooseTag, .teamTag, .supportTag, .faqTag{font-size: 14px; padding: 6px 15px; width: auto;}
.abouteR h2, .whyChooseUs h2{font-size: 24px}
.abouteR, .ourTeam, .whyChooseUs, .helpSupport{font-size: 14px; line-height: 22px;}
.aboutShortContent .container, .abouteR .container, .whyChooseUs .container, .helpSupport .container{padding-left:15px; padding-right:15px; }
.missionHeader > h4{font-size: 22px;}
.ourMissionBlock > div{padding: 15px}
.missionHeader > h4:before{background-size: 22px auto; width: 22px; height: 22px; margin-right: 10px;}
.missionBody ul li:before{top: 3px;}
.chooseBlock {flex-wrap: wrap; padding: 22px 0 0}
.chooseBlock > div{width: 100%}
.helpSupport .flex{flex-wrap: wrap;}
.helpSupport > div > .flex > div{width: 100%; padding: 30px 15px}
.customerCare{padding: 15px;}
.hideMobElm{display: none;}
.pnrSearch{flex-wrap: wrap;}
.pnrSearch label{width: 100%}
.pnrSearch #searchbtn{margin: 0}
.traincardHeader{flex-wrap: wrap;}
.traincardHeader > div{width: 100%}
.trainDay{border: 0; border-top: 1px solid #D5D5D5; padding: 10px 0 0}
.trainList .flightTime, .trainReviewBooking .flightTime{flex-wrap: wrap; gap: 20px 0}
.trainList .flightTime > div, .trainReviewBooking .flightTime > div, .trainList .time > span, .trainReviewBooking .time > span{width: 100%; text-align: center;}
.trainClass{overflow: auto;}
.searchResultMain{margin: 52px auto 0}
.searchResultMain, .reviewBookingBanner{padding: 15px; background: linear-gradient(
    360deg,
    #000000 0%,
    #300b00 48.21%,
    #611700 96.42%
  )}
.searchResultMain:before, .reviewBookingBanner:before{display: none;}
.trainReviewBooking .container > h5{color: #222; margin-bottom: 0}
.trainReviewBooking .form-select{max-width: 100%; background-size: 70px auto;}
.addtrainPass, .irctsDetail .reviewHeader > a{font-size: 14px;}
.irctsDetail p, .contactInfo .flex > div{max-width: 100%; width: 100%}
.contactInfo .flex{flex-wrap: wrap;}
.contactInfo .flex label{padding-bottom: 5px;}
.radioforupgrade > label .checkBoxParent{line-height: 14px}
.amountBtn {flex-direction:column;}
.amountBtn button{margin-top: 5px;}
[data-id="#trainPayment"] > .flex:first-child{flex-wrap: nowrap;}
[data-id="#trainPayment"]  .flightnumber{padding: 3px 15px !important}
.depDestBlock .flex{padding-left: 0}
.depDestBlock.flex > div, .depDestBlock .flex .boardingSta{text-align: left;}
.depDestBlock .flex .boardingSta{padding-bottom: 20px}
.depDestBlock .divider{display: none;}
[data-id="#trainPayment"] > .flex:nth-child(2){flex-wrap: nowrap;}
[data-id="#trainPayment"] > .flex:nth-child(2) > div{width: auto;}
[data-id="#trainPayment"] > .flex:nth-child(2) > div img{margin:0 20px 0 0}
.flightBook .searchBtn{height: auto;}
.popupHolder{position: absolute; top: 100%; transform: none; width: calc(100% - 30px)}
.addPassForm > div{width: 100%}
.addPassForm > div.btnContainer{padding: 0}
.addPassForm > div.btnContainer button{max-width: 100%}
.myAccountmenu{top: 35px}
header .myAccountmenu .username{display: block !important;}
.blogDetailBanner, .blogBanner, .aboutBanner, .contactBanner, .profileContainer{margin-top: 52px}

.completeKyc{padding: 15px 15px 15px 45px; flex-wrap: wrap; position: relative;}
.completeKyc > span:before{position: absolute; left: 15px; top: 15px}
.profileSec {flex-wrap: wrap;  gap: 0}
.profileSec > div, .referExample, .refferinvSec > div > img{width: 100%}
.profileRgt{padding: 30px 0 0}
.profileForm, .referTitleBtn, .referralCode .flex, .refferinvSec, .transactionsFilter, .offersSec    {flex-wrap: wrap;}
.profileForm > div, .transactionsFilter > div, .offerBlock{width: 100% !important; max-width: 100%}
.profileForm label{padding-bottom: 10px}
.referTitleBtn{gap: 20px}
.earnCount{font-size: 60px; line-height: 70px;}
.totalEarn img{max-height: 170px; margin-right: -20px;}
.cointSummary .flex{gap: 20px; font-size: 16px; padding: 15px}
.cointSummary .flex span{font-size: 18px}

.transactionsList{padding: 20px}
.transTable-row{display: block; border-bottom: 1px solid #D9D9D9; margin-bottom: 20px; padding-bottom: 0}
.transTable-header, .details .icon, .profileLft{display: none;}
.transTable-row > div{padding: 0 0 15px; position: relative;}
.accountBody li a{padding: 8px 10px 8px 0}
.myAccountmenu{border: 1px solid #D9D9D9; border-top: 0}
.offerDetail{flex-wrap: wrap;}
.offerDetail > div:first-child{display: none;}
.offerDetail > div{width: 100%}
.viewOfferPop .popBody{padding: 20px 15px}
.transTable {min-width: 100%;}
.transTable-row > div {display: flex; justify-content: space-between; align-items: flex-start;}
.transTable-row > div:last-child {margin-bottom: 0;}
.transTable-row > div::before { content: attr(data-label); font-size: 13px; color: #777; font-weight: 500;}
.details { justify-content: flex-start; gap: 10px;}
.amount {font-size: 16px;}
 .offerFooter{padding: 25px 15px 0}
.settingsTab{gap: 8px; padding: 15px 0 30px}
.settingsTab > a{padding: 6px 15px}
.notificationBlock{padding: 0 15px}
.howitworksBanner .container > div:first-child{max-width: 100%;}
.howitworksBanner .container > div:nth-child(2), .howitworksCon .bigHead{display: none}
.howitworksBanner .container{padding: 20px 15px}
.howitworksCon .container{padding: 30px 15px 0}
.howitworkBlock{padding: 35px 0; flex-wrap: wrap; gap: 20px}
.howitworkBlock > div{max-width: 100%}

.payBillsSec .container{padding: 40px 15px 40px}
.payBillHeader h1, .simpleFastTrans h1{font-size: 30px; line-height: 40px; margin-bottom:40px}
.paybillBody, .propertyTravel .container{flex-wrap: wrap;}
.paybillBody > div{width: 100%}
.billRecharge, .UtFinaceblock{padding: 20px 15px}
.billRecharge h4 span{margin-right: -15px}
.billRecharge h4{font-size: 20px;}
.whiteBlock > div{width: calc(33.33% - 12px)}
.payBillsSec .container{padding: 20px 15px 20px}
.payBillBanner{padding-bottom: 20px}
.propertyTravel .container > div{width: 100%}
.property h4{padding-bottom: 15px}
.homeSection-earn .row div.col-sm-7{padding-right: 0}
.everythingCard{padding: 40px 15px 20px}
.everythingCard .container > .flex{padding: 30px 10px 0; flex-wrap: wrap; gap: 50px}
.everythingCard .container > .flex > div{width: 100%}
.everythingCard h1{font-size: 40px; line-height: 60px;}
.cardImg{padding-bottom: 0}
.topStrip{padding: 10px 20px 5px}
.digitalCardBlock {flex-wrap: wrap; gap: 30px}
.digitalCardBlock > div{width: 100% !important}
.digitalCardBlock > div:first-child{padding: 20px}
.digitalHeading h4{font-size: 18px}
.digitalCardBlock > div:nth-child(2) h2{margin:10px 0 10px; font-size: 28px; line-height: 40px;}
.digitalGoldSec{padding-bottom: 20px; padding-top: 10px;}
.rewardGift{padding: 0 10px}
.rewardGift > .container.flex{gap: 50px; flex-wrap: wrap;}
.rewardContent{width: 100%; padding: 30px 0}
.rewardContent h1{line-height: 50px; font-size: 40px}
.rewardContent:after{display: none;}
.rewardImgsec{width: 100%; margin: 0; gap: 20px}
.rewardGift:after{content: "#Rewards 100%"; position: absolute; left: 0; bottom: 14px; font-size: 60px; font-weight: 700; -webkit-text-stroke: 1px #FFFFFF80; color: transparent; white-space: nowrap; }

.simpleFastTrans{padding: 40px 0 0}
.simpleFastTrans h1{padding-bottom: 0}
.simpleblockImg{padding: 0; flex-wrap: wrap; gap: 20px}
.simpleBlockImgSec{height: 350px}
.simpleblockImg > div{width: 100%}
.simpleBlock{margin-bottom: 20px; padding: 20px 15px 20px 52px}
.blockIcon {left: 15px; top: 20px}
.signIncorLink{gap: 5px; padding: 2px;}
.signIncorLink a{padding: 2px 6px}

.marqueeStrip{padding: 40px 0}
.goldSilverBlock{max-width: 100%; margin: 0}
.digitalTab{max-width: 550px;}
.svg-holder > div.active{border-radius: 0 30px 0 0; overflow: hidden;}
.digitalBody{border-radius: 0 30px 0}

.registerLoginPop, .loginPop{top:50px}
.regLogLft{display: none;}
.reglogForm{width: 100%; padding: 20px; display: block;}
.reglogForm label{font-size: 16px;}
.createPin label{font-size: 14px;}
.registerLoginPop .popupClose, .loginPop .popupClose{width: 30px; height: 30px; line-height:30px }
.registerLoginPop .popupClose img, .loginPop .popupClose img{width: 10px}
.partnerSlider img{height: auto;}

}
@media screen and (max-width: 575.98px) {
  .banner {
    padding-top: 20px;
  }
  .rowreversemob {
    flex-direction: column-reverse;
  }
  .banner .rowreversemob .text-end,
  .banner .rowreversemob .bannerText {
    text-align: center !important;
  }
  .banner .rowreversemob .downloadBtns {
    justify-content: center;
  } 
  .banner .rowreversemob .bannerTextHolder {
    background-color: #300b00;
    padding: 50px 0px;
  }
  .bannerText {
    padding: 0;
  }
  .bannerText-h1,
  .reviewBookingBanner .bannerText-h1 {
    font-size: 22px;
    line-height: 30px;
  }
  .homeSection-earn {
    text-align: center;
  }

  .homeSection-earn-img,
  .homeSection-gold-img {
    max-width: 80%;
  }
  .homeSection-earn .earnlabel1 {
    left: -10px;
    top: 20px;
    width: 110px;
  }
  .homeSection-earn .earnlabel2 {
    right: -7px;
    bottom: -62px;
    width: 160px;
  }
  .homeSection-earn .content {
    margin-bottom: 20px;
  }
  /*.homeSection-earn .homeRelImgHolder .homeSection-earn-img {
		width:80%;
	}*/

  .homeSection-gold .homeSection-earn .content {
    padding-left: 10px;
    padding-top: 20px;
  }
  .homeSection-gold .goldlabel-icon1 {
    width: 110px;
    right: -2px;
    top: 55px;
  }
  .homeSection-gold .goldlabel-icon2 {
    width: 30px;
    bottom: -16px;
    left: 110px;
  }
  .homeSection-gold .goldlabel1 {
    width: 110px;
    top: 66px;
    left: -5px;
  }
  .homeSection-gold .goldlabel2 {
    width: 130px;
    right: -8px;
    bottom: -18px;
  }

  .homecard1,
  .homecard2 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 20px;
  }
  /*.bannerBg ,
	.whychoosebg{
		display: none;
	}*/
  .whychoosebg {
    order: -1;
    padding: 0 1.5rem 50px;
  }
  .whychoosebg img {
    width: 100%;
    left: 0;
  }
  /*.labellListCard {
    background-color: #300b00;
    padding: 50px 0px;
  }*/
  .labellListCard {
    padding-bottom: 50px;
  }
  .labellList {
    padding-bottom: 0;
  }
  .labellList .item {
    width: 80%;
    justify-content: center;
  }
  /*.labellList .item span {
		min-width: 140px;
		text-align: left;
	}*/
  .labellList.card1,
  .labellList.card2 {
    text-align: center;
  }
  .labellList.card1 .itemHolder:nth-child(1),
  .labellList.card1 .itemHolder:nth-child(2),
  .labellList.card1 .itemHolder:nth-child(3),
  .labellList.card1 .itemHolder:nth-child(4) {
    margin-right: 0;
  }
  .labellList.card2 .itemHolder:nth-child(1),
  .labellList.card2 .itemHolder:nth-child(2),
  .labellList.card2 .itemHolder:nth-child(3),
  .labellList.card2 .itemHolder:nth-child(4) {
    margin-left: 0;
  }
  h1.bigHead {
    font-size: 46px;
    line-height: 48px;
    margin-bottom: 20px;
  }
  .homeSection-downloadnow h1.bigHead {
    font-size: 32px;
    line-height: 32px;
    top: -21px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 10px;
    line-height: 12px;
    margin-top: 8px;
  }
  .homeSection-downloadnow .bannerText-h6.semibold {
    margin-top: 0;
  }
  .homeSection-downloadnow .downloadBtns .button img.apple,
  .homeSection-downloadnow .downloadBtns .button img.gplay {
    width: 12px;
  }
  .downloadBtns .button p:first-child {
    font-size: 7px;
    line-height: 7px;
  }
  .downloadBtns .button p:nth-child(2) {
    font-size: 8px;
    line-height: 8px;
  }
  .downloadBtns .button img {
    margin-right: 4px;
  }
  .downloadBtns .button:not(:last-child) {
    margin-right: 4px;
  }
  .downloadnowsec img {
    width: 150px;
    margin-top: -58px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 17px;
    line-height: 25px;
  }
  /*---------------*/
  .secHeading {
    font-size: 46px;
    line-height: 48px;
    margin-bottom: 20px;
  }
  .secHeading .smallHeading {
    font-size: 14px;
    line-height: 18px;
    bottom: 6px;
  }
  .swiper-slide .slideItem .overlay {
    padding: 6px;
  }
  .swiper-slide .slideItem .overlay .name {
    font-size: 10px;
    line-height: 10px;
  }
  .swiper-slide .slideItem .overlay .rating img {
    height: 10px;
  }
  /*******End Home Page*******/
  /*******Start Bill Page 1*******/
  .servicbannerslider {
    padding-top: 20px;
    border-radius: 0;
  }
  .servicbannerslider .bannerBg {
    height: 100%;
  }
  .servicbannerslider .bannerText-h1,
  .flightSearchBanner .bannerText-h1 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .servicbannerslider .bannerText-h6,
  .bannerText-h6 {
    font-size: 8px;
    margin-top: 0px;
    line-height: 10px;
  }

  .sliderHolder-slickfade .slick-dots li {
    width: 12px;
    height: 12px;
  }
  .sliderHolder-slickfade .slick-dots li button:before {
    height: 8px;
    width: 8px;
    border-radius: 28px;
  }
  .sliderHolder-slickfade .slick-dots li.slick-active {
    width: 30px;
  }
  .sliderHolder-slickfade .slick-dots li.slick-active button:before {
    width: 25px;
  }
  .serviceOfferBanner {
    border-radius: 10px;
  }
  .section-paymentReminder {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-paymentReminder h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .section-servicelist {
    padding: 0;
  }
  .section-servicelist h3 {
    font-size: 15px;
    line-height: 19px;
  }
  .serviceList {
    padding-bottom: 24px;
    margin: -5px;
  }
  .serviceList .serviceItem {
    /* width: calc(100% / 5); */
    padding: 5px;
  }
  .serviceItem .iconHolder {
    padding: 10px;
  }
  .serviceList .serviceItem .iconHolder img {
    width: 24px;
  }
  .serviceName {
    font-size: 10px;
    line-height: 14px;
    min-height: 52px;
  }
  .stickyBar-ReferSec {
    font-size: 10px;
    line-height: 12px;
  }
  .stickyBar-ReferSec .stickyBg {
    width: 35px;
  }
  .stickyBar-ReferSec .btn {
    min-width: 80px;
    font-size: 10px;
  }
  /*******End*******/

  /*******Start Utility Tab*******/
  .utilityTabContent {
    padding-top: 20px;
  }
  .sectionHeadingbanner {
    padding: 50px 0 0;
  }
  .sectionHeadingbanner .headingbannerText {
    padding-bottom: 45px;
  }
  .sectionHeadingbanner .tagline {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
  }
  .sectionHeadingbanner .pageHeading {
    font-size: 28px;
    line-height: 42px;
  }
  .sliderHolder-tab-slicksync {
    border-radius: 21px 21px 0 0;
    padding: 14px 21px 7px;
  }
  .utilityTab .slick-slide {
    font-size: 12px;
    line-height: 14px;
  }
  .utilityTab .utilityIcon img {
    max-width: 21px;
  }
  .utilityTab .utilityIcon {
    height: 39px;
    width: 39px;
    margin-bottom: 14px;
  }
  .utilityTab .tabItem {
    padding-bottom: 14px;
  }
  .utilityTab .slick-slide:after {
    height: 3px;
  }
  .utilityTabContent .contactIntro {
    padding: 25px 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .utilityTabContent .contactIntro h4 {
    font-size: 17px;
    line-height: 21px;
  }
  .utilityTabContent .contactIntro h5 {
    font-size: 14px;
    line-height: 18px;
  }
  .utilityTabContent .contactIntro .downloadoptions {
    margin: 12px 0;
  }
  .downloadoptions img {
    width: 18px;
    margin-right: 11px;
  }
  .utilityTabContent .contactIntro .qrcodeImage {
    width: 42px;
  }
  .utilityTabContent .contactIntro .para2 {
    max-width: 55vw;
  }
  .utilityTabContent .mobilebill-form {
    border-radius: 12px;
    padding: 22px 18px;
  }
  .utilityTabContent .mobilebill-form h5 {
    margin-bottom: 22px;
  }
  .utilityTabContent .mobilebill-form .browseTextLink {
    font-size: 12px;
    line-height: 16px;
    padding: 10px 10px 9px 0;
  }
  .pendingPaymentList h6 {
    margin-bottom: 12px;
  }
  .pendingPaymentList .o-logo img {
    height: 35px;
    width: 35px;
  }
  .sectionBrowsePlan .repeatoffer .offername {
    font-size: 10px;
    line-height: 13px;
  }
  .sectionBuyPlan .pendingPaymentList .total .cost {
    font-size: 16px;
    line-height: 22px;
  }
  .sectionBrowsePlan .planItem .repeat {
    font-size: 12px;
    line-height: 14px;
  }
  .sectionBuyPlan .pendingPaymentList {
    padding: 12px;
  }
  .sectionBuyPlan .pendingPaymentList,
  .sectionBuyPlan .amountDetail {
    border-radius: 10px;
    border: 1px solid #ebebeb;
  }
  .sectionBuyPlan .amountDetail {
    margin-top: 14px;
    padding: 12px;
    font-size: 12px;
    line-height: 16px;
  }
  .bottomLine {
    right: -12px;
  }
  .sectionBuyPlan .amountDetail h5 {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .pendingPaymentList .planItem .content {
    font-size: 12px;
    line-height: 16px;
  }
  .suggestedPlanList h5 {
    margin: 16px 0 20px;
  }
  .sectionBuyPlan .amountDetail .form-check-label {
    padding-left: 7px;
    font-size: 12px;
  }
  .sectionBuyPlan .amountDetail .form-check-label div:nth-child(2) {
    font-size: 10px;
  }
  .sectionBuyPlan .amountDetail .detail2 {
    padding-bottom: 20px;
  }
  .sectionBuyPlan .amountDetail .detail3 {
    padding-top: 16px;
  }
  .paymentOptionTab {
    margin-top: 15px;
  }
  .paymentOptionTab {
    border-radius: 10px;
    padding: 12px;
  }
  .tabTite {
    font-size: 13px;
    line-height: 17px;
    padding-bottom: 15px;
  }
  .paymentOptionTab .nav-tabs {
    padding-bottom: 20px;
  }
  .sectionBrowsePlan .paymentOptionTab .tabView .nav-item .tabMenu {
    margin-right: 5px;
  }
  .sectionBrowsePlan .paymentOptionTab .tabView .nav-item .tabMenu.active {
    padding: 8px;
    border-radius: 3px;
    font-size: 12px;
  }
  .sectionBrowsePlan .tabView .nav-item .tabMenu {
    font-size: 12px;
    line-height: 16px;
    padding: 8px;
  }
  .sectionBrowsePlan .tabView .nav-item .tabMenu svg {
    height: 24px;
    width: 24px;
  }
  .paymentContentSection {
    padding-top: 10px;
  }
  .paymentContentSection label {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 9px;
  }
  .paymentContentSection .form-control {
    border-radius: 8px;
    font-size: 13px;
    line-height: 17px;
    padding: 10px 12px;
  }
  .paymentContentSection .form-group .success {
    padding-left: 8px;
    padding-top: 6px;
  }
  .paymentContentSection .planItem .content .o-logo {
    padding-right: 10px;
  }
  .paymentContentSection .planItem .repeatamount {
    min-width: 80px;
  }
  .paymentContentSection .pendingPaymentList .planItem .content {
    font-size: 14px;
  }
  .selectPlanTab .findPlanList .planItem .content .text2 {
    padding: 10px 0 0;
    border-left: none;
  }
  /*******End*******/

  /***** Payment Page Start *****/
  .instantPay {
    border-radius: 12px;
  }
  .instantPayHolder .qrcodeimg {
    height: 55px;
    width: 55px;
    margin: 0 8px;
  }
  .instantPayHolder .qrWhiteBg {
    border-radius: 8px;
    padding: 5px 9px;
    margin-bottom: 15px;
  }
  .instantPayHolder h6 {
    font-size: 13px;
    line-height: 20px;
  }
  .instantPayHolder .qrWhiteBg .downloadoptions img {
    width: 16px;
    margin-right: 10px;
  }
  .instantPayHolder .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .generateQRcode-modal .modal-dialog {
    max-width: 232px;
    margin-left: auto;
    margin-right: auto;
  }
  .generateQRcode-modal .modal-body {
    padding: 30px 20px 15px;
  }
  .generateQRcode-modal .btn-close {
    right: 10px;
    top: 10px;
  }
  .generateQRcode-modal h5 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 10px;
  }
  .generateQRcode-modal img.qr {
    max-width: 180px;
    margin: 15px 0;
  }
  .generateQRcode-modal img.opt {
    max-height: 20px;
  }
  /***** Payment Page End *****/
  /***** Electricity Bill Page Start *****/
  .tabBookingContent .mobBillDetail {
    font-size: 12px;
    line-height: 20px;
  }
  .faqItem .question {
    padding: 14px;
    font-size: 14px;
    line-height: 22px;
  }
  .faqItem .answer {
    font-size: 12px;
    line-height: 20px;
  }
  /***** Electricity Bill Page End *****/
  .utilityTabContent .mobilebill-form .browseTextLink {
    font-size: 12px;
    line-height: 12px;
    padding: 12px 10px 12px 0;
  }

.aboutBanner button.reviewBtn{width: 100%; margin: 15px 0 0 }
.whiteBlock > div{width: calc(50% - 8px)}
.svg-holder{display: none;}
.digitalTab{height: auto;}
.digitalTab li{border-radius: 15px 15px 0 0; padding: 10px 20px; font-size: 16px;}
.digitalTab li[data-id="goldTab"].active{background: linear-gradient(360deg, rgba(255, 231, 196, 1) 0%, #FFFFFF 100%)}
.digitalTab li[data-id="silverTab"].active{background: linear-gradient(360deg, #E4E4E4 0%, #FFFFFF 100%)}
.digitalTab li img{width:   30px;}
.digitalBody{border-radius: 0}
.digitalBody > h4{flex-wrap: wrap;}

}

@media screen and (max-width: 459.98px) {
  .serviceList .serviceItem {
    padding: 5px;
  }
  .utilityTabContent .mobilebill-form .browseTextLink {
    font-size: 12px;
    line-height: 20px;
    padding: 8px 8px 8px 0;
  }
}

@media screen and (max-width: 419.98px) {
  .homeSection-downloadnow .bannerText {
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .downloadnowsec img {
    width: 140px;
    margin-top: -55px;
  }
  .homeSection-downloadnow h1.bigHead {
    font-size: 26px;
    line-height: 26px;
    top: -16px;
  }
  .homeSection-downloadnow .bannerText-h1 {
    font-size: 15px;
    line-height: 21px;
  }
  .homeSection-downloadnow .bannerText-h6 {
    font-size: 8px;
    line-height: 10px;
  }
  .homeSection-downloadnow .bannerText-h6.semibold {
    margin-bottom: 5px;
  }
  .homeSection-downloadnow .downloadBtns .button {
    padding: 5px;
  }
  .homeSection-downloadnow .downloadBtns .button img.apple,
  .homeSection-downloadnow .downloadBtns .button img.gplay {
    width: 10px;
  }
  .homeSection-downloadnow .downloadBtns .button p:first-child {
    font-size: 6px;
    line-height: 6px;
  }
  .homeSection-downloadnow .downloadBtns .button p:nth-child(2) {
    font-size: 8px;
    line-height: 10px;
  }
  .selectPlanTab .findPlanList .planItem .content,
  .selectPlanTab .findPlanList .text1 {
    font-size: 12px;
    line-height: 18px;
  }
  .selectPlanTab .findPlanList .planItem .repeatamount {
    min-width: 80px;
  }
}