@media (max-width: 576px) {
  .carousel-item picture,
  .carousel-item video,
  .carousel {
    height: auto;
  }
  .carousel-item {
    height: auto;
  }
  .carousel .carousel-item img {
    height: 230px;
  }
  .carousel-item img {
    height: 230px;
  }
  .main-wrapper .hero {
    min-height: 300px !important;
    max-height: 300px !important;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
  }
  .modal .modal-body {
    padding: 0;
  }
  .video-container video {
    height: 43vh !important;
  }
  .video-container {
    height: 44vh !important;
  }
  #play-pause {
    padding: 10px 0 10px 15px !important ;
  }

  .nvideo .content-wrap {
    padding: 15px 0 !important;
  }
  #volume-btn svg {
    width: 23px !important;
  }
  #fullScreen svg {
    width: 23px !important;
  }
  .main-title {
    padding: 23px 0 20px 0 !important;
  }
  .signup-wrapper .btn-signup {
    width: 330px;
    justify-content: center;
    margin: auto;
    margin-bottom: 10px;
  }
  .inner-spotlight h3 {
    font-size: 40px !important;
  }
  .inner-spotlight h2 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .inner-spotlight p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .benefits-list-wrap ul li {
    gap: 0;
    margin-bottom: 15px;
  }
  .benefits-list-wrap li .figcaption {
    width: 100%;
    padding-left: 0;
  }
  .border-r-white {
    border: none;
  }
  .pl-50 {
    padding-left: 0;
  }
  .prepaid-solution-wrap h2 {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .growth-rate-list {
    gap: 20px;
  }
  .added-value .va-box {
    margin-bottom: 20px;
  }

  .container-wrapper .ng-title {
    font-size: 30px !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
  }
  .hospitality {
    padding-bottom: 0 !important;
  }
  .inner .ngeniousline {
    padding-bottom: 10px;
  }
  .main-wrapper .bg-wrapper .content-wrap h3 {
    font-size: 16px;
  }

  a.btn.red.fwrap {
    right: 1px !important;
  }
  .faq .accordion {
    margin: 0 !important;
  }
  .faq .accordion-item-body-content ul {
    padding-left: 1rem !important;
  }
}
@media (max-width: 1200px) {
  .myCarousel .carousel-control-prev {
    left: 0 !important;
  }
  .myCarousel .carousel-control-next {
    right: 0 !important;
  }
}
@media (max-width: 768px) {
  .wrap-mangament .item .fig-content {
    text-align: center;
  }
  .wrap-mangament .gridder-show {
    margin: 0 !important;
  }
  .carousel-item {
    height: auto !important;
  }
  .carousel {
    height: auto !important;
  }
  .previous-campagin h2 {
    font-size: 30px;
  }
  .policy-txt {
    padding: 25px 0 !important;
  }
  .media-news .news-list .item {
    margin-top: 15px;
  }
  .videolist-header .bg-title {
    padding: 30px 0 10px !important;
  }
  .view-options {
    display: none !important;
  }
  .main-wrapper .hero img {
    width: 130px !important;
  }
  .bg-wrapper .heading {
    padding-left: 0 !important;
  }
  .customers-checkout-wrapper .icons-wrapper div {
    flex-wrap: wrap;
  }
  .customers-checkout-wrapper .icons-wrapper div img {
    width: 100% !important;
  }
  .customers-checkout-wrapper .icons-wrapper figure {
    width: 20% !important;
    margin-right: 35px;
  }
  .features-inner .icon {
    margin-bottom: 10px;
  }
  .signup-wrapper {
    margin: 0 !important;
  }
  .helping-ecommerce .container {
    padding: 30px 15px;
  }
  .benefts-wrapeper .benifit-top {
    padding: 30px 15px;
  }
  .benefts-wrapeper h2 {
    text-align: center;
  }
  .fs-38 {
    font-size: 23px !important;
  }
  .how-it-warp h2 {
    font-size: 28px;
  }
  .open-dropown p {
    margin: 0 0 10px !important;
  }
  .prepaid-solution-wrap {
    padding: 30px 0;
  }
  .benefits-list-wrap .col-md-4 ul li:first-child .figcaption {
    min-height: auto !important;
  }
  .why-issuance-wrap .wrap-why-list .click-box span {
    width: 28px;
    height: 28px;
    font-size: 25px;
  }
  .why-issuance-wrap .wrap-why-list .click-box:before {
    width: 100%;
    height: 2px;
    margin-bottom: 20px;
  }
  .why-issuance-wrap .wrap-why-list .click-box h3 {
    padding-bottom: 20px;
  }
  .why-issuance-wrap .wrap-why-list .list-view-bx {
    padding-bottom: 20px;
  }
  .issuer-value-add .navbar ul li a.active:before,
  .issuer-value-add .navbar ul li a.active:after,
  .issuer-value-add .navbar ul li a::after,
  .issuer-value-add .navbar ul li a:before {
    left: 92%;
  }
  .issuer-value-add .navbar ul li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
  .container-wrapper li {
    margin-left: 0.8rem;
  }
  .issuer-services ul.ngDot-1 {
    padding-left: 0;
  }
  .faq .accordion-item-header {
    padding: 1rem 3rem 1rem 1rem;
  }
  .customer-pay-form .field-set {
    display: block;
  }
  .customer-pay-form .field-set label {
    width: 100%;
  }
  .input-wrap {
    width: 100%;
    margin-left: 0;
  }
  .customer-pay-form .field-set {
    display: block !important;
  }
  .accept-payment-wrap {
    display: block !important;
  }
  .customer-pay-form .field-set [type='radio'] {
    width: fit-content;
  }
  .sales-wrap .btn-signup {
    margin-bottom: 15px !important;
  }
  /* .main-wrapper .bg-wrapper .content-wrap {
    padding: 10px 66px 10px 10px !important;
  } */
  .webinar-wrap .content,
  .webinar-wrap .grey-bg {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .carousel-item img {
    object-fit: cover;
  }
  .pt-80 {
    padding-top: 50px !important;
  }
  .heading h2 {
    font-size: 30px;
  }
  .contact h4,
  .contact span {
    font-size: 20px;
    text-align: left !important;
  }
  .awards .text .landing-title h2 {
    font-size: 20px;
  }
  .why-list figcaption {
    font-size: 14px;
  }
  .testimonials .landing-title h2,
  .latest-news .landing-title h2 {
    font-size: 20px;
  }
  .testimonials .swiper-slide p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .latest-news .text {
    display: flex !important;
  }
  .call-button {
    bottom: 35px;
    right: 10px;
  }
  .nav-links {
    padding: 15px !important;
    overflow-y: auto;
  }
  .wrap-mangament ul li a {
    font-size: 20px;
  }
  .dropdown-menu {
    min-width: 100%;
  }
  .wrap-mangament ul li a,
  .wrap-mangament ul li.active a {
    padding: 15px;
  }
  #myCarousel .carousel-control-next-icon,
  #myCarousel2 .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xMCAxN2w1LTVsLTUtNSIvPjwvc3ZnPg==);
  }
  #myCarousel .carousel-control-prev-icon,
  #myCarousel2 .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0xNCA3bC01IDVsNSA1Ii8+PC9zdmc+);
  }
  .fs-27 {
    font-size: 20p !important;
  }
  .main-wrapper .hero img {
    width: 200px !important;
    height: 60px;
    object-fit: contain;
  }
  .main-wrapper .hero .absolute-img {
    width: 100% !important;
    height: 60px;
    object-fit: contain;
  }
}