@media (min-width: 1200px) and (max-width: 1499.98px) {
  .homeBanner_content {
    width: 70%;
    padding: 0;
  }
  .footerMenus_Box {
    padding-top: 4rem;
  }

  .become-partner-content .content-box h6 {
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .footer_Wrapper {
    margin-top: -16rem;
  }
}

@media (min-width: 992px) {
  p {
    font-size: 1rem !important;
  }
  .dropdown-icon,
  .btnclose {
    display: none !important;
  }
  .fetureSlider .swiper-wrapper a.swiper-slide {
    margin-right: 22px !important;
    width: 32% !important;
  }

  .our-clients-list {
    /* margin-left: 2.5rem !important;
    margin-right: 2.5rem !important; */
    width: 90%;
  }

  .pricing-tab .tabs-container .nav-tabs .nav-link {
    padding: 0.5rem !important;
    font-size: 0.975rem;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .become-partner-content .content-box h6 {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .breadcrumbs_box {
    margin-top: 122px;
  }
  #header {
    padding: 0 0 0.5rem !important;
  }
  .header_left {
    width: 28%;
  }
  .header_right {
    gap: 0.5rem;
    width: 70%;
  }
  .navbar {
    width: 100%;
  }
  .navbar-nav {
    width: 100%;
    justify-content: flex-end;
  }
  .nav-link {
    padding: 0.5rem 0 !important;
  }
  .headerBtns {
    justify-content: end;
    width: 100%;
  }
  .menu-item {
    flex-direction: column;
    gap: 0.5rem;
  }
  .header_rightTopContent p {
    font-size: 0.7rem !important;
  }
  .homeBanner_content {
    width: 100%;
    padding: 0;
  }

  .footerMenus {
    padding-top: 0;
  }
  .footer_Wrapper {
    margin-top: -12rem;
  }
  .fLinks li p {
    font-size: 0.875rem !important;
  }

  .support_Team {
    padding: 3rem;
  }

  .homeBanner {
    padding-top: 14rem;
  }

  .enquiryForm {
    width: auto;
  }

  .homeBanner_content {
    padding: 0 !important;
  }

  .featureBlock_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .enqui_featuresSection h4 {
    font-size: 2rem;
    margin-top: 1rem;
  }

  .features-tools {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumbs_box {
    margin-top: 167px;
  }
  .scrolldown {
    bottom: 15%;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
  p {
    font-size: 1rem !important;
  }
  .payment_cardContent h6 {
    font-size: 1.2rem !important;
  }

  .payment_cardContent {
    padding: 1rem;
  }
  .footer_topWrapper h6 {
    text-align: left;
  }

  .footer_topLeftBox {
    padding: 1.5rem;
    align-items: start !important;
  }

  .footer_topLeftBox p {
    width: 70%;
    text-align: left;
    z-index: 11;
    position: relative;
  }

  .fTitle {
    font-size: 1.4rem !important;
  }

  .fLinks li p,
  .copyRightBox p {
    font-size: 0.875rem !important;
  }
  .enquiry-header .header_right {
    justify-content: center;
    padding-bottom: 0.5rem;
  }
  #header {
    padding: 0 0 0.5rem !important;
  }
  .navbar {
    width: 100%;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .d-lg-none {
    display: none !important;
  }
  /* responsive header start */
  .header_box {
    flex-direction: column;
    gap: 0.5rem;
  }
  .header_rightTopContent {
    display: none;
  }
  .header_right {
    width: 100%;
    gap: 0.5rem;
    flex-direction: column;
  }

  .menu-item {
    gap: 0.5rem;
    flex-direction: column;
  }
  .navbar-nav {
    width: 100%;
    justify-content: space-between;
  }
  .nav-link {
    padding: 0.5rem 0 !important;
  }
  nav ul li:hover > .dropdown-menu {
    top: 121px;
  }
  .btnclose {
    display: none !important;
  }

  nav ul li.nav-item.dropdown {
    display: flex;
    align-items: center;
  }

  li.nav-item.dropdown a.dropdown-toggle::after {
    display: none;
  }

  .nav-item .dropdown-menu.show {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 1.5rem;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed !important;
    max-width: 72rem;
    top: 121px;
    animation: none;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
    background-color: #fff;
  }

  nav ul li:hover > .dropdown-menu {
    display: none;
  }
  /* responsive header end */
  .homeBanner_content {
    width: 100%;
    padding: 0;
  }

  .footerMenus {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 6rem;
  }

  .ecomworldpayAppView::before {
    top: 0;
  }

  .testimonials_Box {
    padding-bottom: 3rem;
  }
  .footer_Wrapper {
    margin-top: -16rem;
  }
  .pricing-tab .tabs-container .nav-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }

  .payment-cards .payment-cardsDetails {
    flex-direction: column;
  }

  .payment-cardsDetails label {
    border-bottom: 1px solid #dfdfdf;
    border-right: 0;
    padding: 0;
    text-align: center;
  }

  .payment-cards .payment-cardsImg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .platform-fees {
    text-align: center;
  }

  .support_Box {
    padding: 0 1rem;
  }

  .support_BoxContent h6 {
    font-size: 1.125rem !important;
  }
  .support_Team {
    padding: 2rem;
  }

  .support_Team h6 {
    font-size: 1.25rem !important;
  }

  .card-title {
    font-size: 1.125rem !important;
    line-height: 1.4 !important;
  }

  .enquiryForm {
    width: 60%;
  }

  .featureBlock_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .features-tools {
    grid-template-columns: repeat(3, 1fr);
  }

  #bcome-affiliate-wrapper .homeBanner_content {
    width: 100%;
  }

  .partner_wrapper ul {
    padding: 0 3rem;
  }

  .become-partner-content .row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
  .become-partner-content .content-box h6 {
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
  }
}

@media (min-width: 768px) {
  .custom-input {
    font-size: 16px; /* md:text-base */
    padding: 12px 48px; /* md:py-3 md:px-12 */
    border-radius: 8px; /* md:rounded-lg */
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .scrolldown {
    bottom: 14%;
  }
  .breadcrumbs_box {
    margin-top: 135px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.8rem !important;
  }

  p {
    font-size: 0.875rem !important;
  }

  .footer_topLeftBox p {
    width: 100%;
  }

  .testimonial-content h3 {
    font-size: 1.4rem;
  }

  .testimonial-slide {
    box-shadow: none;
  }

  .fTitle {
    font-size: 1.4rem !important;
  }

  .enquiry-header .header_right {
    justify-content: center;
    padding-bottom: 0.5rem;
  }
  /* responsive header start */
  .header_left {
    height: 103px;
  }
  .navbar {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    margin-top: 1rem;
  }
  .navbar .container-fluid {
    display: block !important;
  }
  .navbar-nav {
    background-color: var(--custom-dark-blue);
    padding: 1rem;
    margin: 0 auto;
    gap: 1rem;
  }

  nav ul li {
    width: 100%;
    direction: ltr;
    text-align: left;
    padding: 0 1rem;
  }

  .nav-link {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  button.navbar-toggler {
    position: fixed;
    top: 5.5rem;
  }
  .header_box {
    flex-direction: column;
  }

  .header_right {
    margin: 0;
    width: 100%;
  }
  .header_rightTopContent {
    display: none;
  }

  .menu-item {
    justify-content: flex-start;
    position: relative;
    width: 100%;
    direction: rtl;
    display: inline-flex;
  }
  .headerBtns a {
    /* padding: 0.25rem 0.5rem;
    font-size: 0.7rem; */
    padding: 0.5rem 1rem;
    background-color: var(--pure-orange);
    border-color: var(--pure-orange);
  }

  .headerBtns {
    justify-content: end;
    width: 85%;
    position: absolute;
    left: 0;
    top: -2rem;
  }

  .navbar .navbar-toggler i::before {
    color: var(--white);
  }

  .nav-item .dropdown-menu {
    position: static;
    width: 100%;
    background: #333;
    padding: 10px;
  }
  .nav-item .dropdown-menu.show {
    padding: 1rem 0;
    background: transparent;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
  }

  .nav-item .dropdown-menu .dropdown-item {
    color: white;
    padding: 0;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .nav-item .dropdown-menu .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  nav ul li:hover > .dropdown-menu {
    position: relative !important;
    top: 0;
    max-width: 100%;
    display: none;
    opacity: 0;
    left: auto;
    right: auto;
    margin: 0;
    flex-direction: column;
    background-color: transparent;
  }
  nav ul li:hover::before {
    display: none;
  }

  a#featuresDropdown {
    position: relative;
  }

  .dropdown-icon {
    position: absolute;
    right: 0;
    top: 3px;
  }
  /* responsive header end */

  /* .accordion-container {
    display: block;
  } */

  .homeBanner_content {
    width: 100%;
    padding: 1rem !important;
  }
  .payment_card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  /* responsive footer start */
  .ecomworldpayAppView::before {
    display: none;
  }
  .footer_topLeftBox {
    flex-direction: column;
    justify-content: center !important;
  }

  .footer_topWrapper {
    padding-top: 4.5rem;
  }

  .footer_topWrapper h6 {
    font-size: 2rem;
  }

  .footer_topWrapper p {
    font-size: 1rem !important;
  }

  .footer_Wrapper {
    margin-top: 0;
  }
  .footerMenus {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .footerMenus_left {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer_bootom {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

  .footer_bootom .fPanel .social-icon {
    justify-content: start;
    gap: 1rem;
    padding-top: 0;
  }

  .footer_bootom .fPanel {
    margin-bottom: 0.5rem;
  }
  /* responsive footer end */
  .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .company-tab .tabs-container .nav-tabs .nav-link {
    font-size: 1rem;
    justify-content: center;
  }

  .pricing-tab .tabs-container .nav-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pricing-tab .tabs-container .nav-tabs .nav-link {
    justify-content: center;
  }

  .payment-cards .payment-cardsDetails {
    flex-direction: column;
  }

  .payment-cardsDetails label {
    border-bottom: 1px solid #dfdfdf;
    border-right: 0;
    padding: 0;
    text-align: center;
  }

  .payment-cards .payment-cardsImg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .platform-fees {
    text-align: center;
  }

  .support_Box {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .support_BoxContent h6 {
    font-size: 1.125rem !important;
  }

  .support_BoxSection2 h5 {
    font-size: 1.5rem !important;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 1rem;
  }

  .support_Team {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 3rem 2rem;
    margin-bottom: 1rem;
  }

  .createButton {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .support_Team h6 {
    padding-bottom: 0;
    font-size: 1.25rem !important;
  }

  .popularQue_Box {
    flex-direction: column;
  }

  .popularQue_Box ul {
    flex-direction: column;
  }

  .payments-section {
    margin-bottom: 0rem;
  }

  .flex-container .row {
    flex-direction: column;
    gap: 1rem;
  }

  .card-title {
    font-size: 1.125rem !important;
  }

  .featureBlock_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .enqui_featuresSection h4 {
    font-size: 1.8rem !important;
  }

  .enquiryForm {
    width: 70%;
  }
  .features-tools {
    grid-template-columns: repeat(2, 1fr);
  }

  #bcome-affiliate-wrapper .homeBanner_content {
    width: 100%;
  }

  .partner_wrapper ul {
    padding: 0 3rem;
  }

  .become-partner-content .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
  .become-partner-content .content-box h6 {
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
  }

  .api-cust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .card-description {
    min-height: 50px;
  }

  .card-link {
    justify-content: center;
  }
}

@media (max-width: 575.98px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 1.8rem !important;
  }

  p {
    font-size: 0.875rem !important;
  }

  .footer_topLeftBox p {
    width: 100%;
  }

  .enquiry-header .header_right {
    justify-content: center;
    padding-bottom: 0.5rem;
  }
  /* responsive header start */
  .header_left {
    height: 103px;
  }
  .navbar {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    margin-top: 1rem;
  }
  .navbar .container-fluid {
    display: block !important;
  }
  .navbar-nav {
    background-color: var(--custom-dark-blue);
    padding: 1rem;
    margin: 0.5rem auto;
    gap: 1rem;
  }

  nav ul li {
    width: 100%;
    direction: ltr;
    text-align: left;
    padding: 0 1rem;
  }

  .nav-link {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  button.navbar-toggler {
    position: fixed;
    top: 5.5rem;
  }
  .header_box {
    flex-direction: column;
  }

  .header_right {
    margin: 0;
    width: 100%;
  }
  .header_rightTopContent {
    display: none;
  }

  .menu-item {
    justify-content: flex-start;
    position: relative;
    width: 100%;
    direction: rtl;
    display: inline-flex;
  }
  .headerBtns a {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    background-color: var(--pure-orange);
    border-color: var(--pure-orange);
  }

  .headerBtns {
    justify-content: end;
    width: 85%;
    position: absolute;
    left: 0;
    top: -2rem;
  }

  .navbar .navbar-toggler i::before {
    color: var(--white);
  }

  .nav-item .dropdown-menu {
    position: static;
    width: 100%;
    background: #333;
    padding: 10px;
  }
  .nav-item .dropdown-menu.show {
    padding: 1rem 0;
    background: transparent;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
  }

  .nav-item .dropdown-menu .dropdown-item {
    color: white;
    padding: 0;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .nav-item .dropdown-menu .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.2);
  }

  nav ul li:hover > .dropdown-menu {
    position: relative !important;
    top: 0;
    max-width: 100%;
    display: none;
    opacity: 0;
    left: auto;
    right: auto;
    margin: 0;
    flex-direction: column;
    background-color: transparent;
  }
  nav ul li:hover::before {
    display: none;
  }

  a#featuresDropdown {
    position: relative;
  }

  .dropdown-icon {
    position: absolute;
    right: 0;
    top: 3px;
  }
  /* responsive header end */

  .homeBanner_content {
    width: 100%;
    padding: 0;
  }

  .homeBanner_content h6 {
    font-size: 1.2rem !important;
    line-height: 1.2;
  }

  .homeBanner {
    min-height: 80vh;
  }

  .homeBanner_content h4 {
    font-size: 1.8rem !important;
    line-height: 1.4;
  }

  .payment_cardContent h6,
  .contactTeam h6 {
    font-size: 1.4rem !important;
  }

  .contactTeam h5,
  .testimonials_headline {
    line-height: 1.4;
  }

  /* p {
    line-height: 1.5rem;
    font-size: 14px;
    line-height: 1.4;
  } */

  .homeBanner_content ul li {
    font-size: 14px;
    text-align: left;
  }

  .home_feature h5 {
    font-size: 2rem;
    padding: 0 0;
  }

  .home_feature-searchBox {
    flex-direction: column;
  }

  .our-clients-list .marqueeOuter {
    width: 100%;
  }

  .payment_card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .testimonials_Box {
    padding-bottom: 2rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 50%;
    transform: translateY(-50%);
  }

  .testimonial-content {
    padding: 0;
  }

  .testimonial-content h3 {
    font-size: 1rem !important;
    line-height: 1rem;
  }

  /* responsive footer start */
  .ecomworldpayAppView::before {
    display: none;
  }

  .footer_topLeftBox {
    flex-direction: column;
    justify-content: center !important;
    padding: 1rem;
  }

  .footer_topWrapper {
    padding-top: 4.5rem;
  }

  .footer_topWrapper h6 {
    font-size: 2rem;
  }

  .footer_topWrapper p {
    font-size: 1rem !important;
  }

  .footer_Wrapper {
    margin-top: 0;
  }
  .footerMenus {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .footerMenus_left {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .footer_bootom {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

  .footer_bootom .fPanel .social-icon {
    justify-content: start;
    gap: 1rem;
    padding-top: 0;
  }

  .footer_bootom .fPanel {
    margin-bottom: 0.5rem;
  }
  /* responsive footer end */

  .policySection ul {
    align-items: start;
    padding-top: 1rem;
    flex-wrap: wrap;
    column-gap: 0.8rem;
    row-gap: 0.2rem;
  }

  .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .policySection ul li::after {
    /* display: none; */
  }

  .featureBlock_list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0 4rem;
  }
  .footer_bootom1 {
    padding-top: 0;
    gap: 1rem;
    flex-direction: column;
  }
  .socialIcon-footer {
    flex-direction: column;
    padding-top: 1rem;
  }

  .socialIcon-footer .fPanel {
    gap: 0.5rem;
    flex-direction: column;
  }

  .socialIcon-footer .social-icon {
    width: 100%;
  }

  .container.feature {
    grid-template-columns: repeat(1, 1fr);
  }

  .breadcrumbs_box {
    margin-top: 8rem;
  }

  .features-tools {
    grid-template-columns: repeat(1, 1fr);
  }

  .company-tab .tabs-container .nav-tabs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

  .company-tab .tabs-container .nav-tabs .nav-link {
    justify-content: center;
    font-size: 0.875rem;
  }

  .pricing-tab .tabs-container .nav-tabs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .payment-cards .payment-cardsDetails {
    flex-direction: column;
  }

  .payment-cardsDetails label {
    border-bottom: 1px solid #dfdfdf;
    border-right: 0;
    padding: 0;
    text-align: center;
  }

  .payment-cards .payment-cardsImg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .platform-fees {
    text-align: center;
  }

  .support_Box {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .support_BoxContent h6 {
    font-size: 1.125rem !important;
  }

  .support_BoxSection2 h5 {
    font-size: 1.5rem !important;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 1rem;
  }

  .support_Team {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 3rem 2rem;
    margin-bottom: 1rem;
  }

  .createButton {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .support_Team h6 {
    padding-bottom: 0;
    font-size: 1.25rem !important;
  }

  .popularQue_Box {
    flex-direction: column;
  }

  .popularQue_Box ul {
    flex-direction: column;
  }

  .intro-section .title {
    font-size: 1.5rem !important;
  }

  .flex-container .row {
    flex-direction: column;
    gap: 1rem;
  }
  .card-title {
    font-size: 1.125rem !important;
  }

  .payments-section .flex-container {
    flex-direction: column;
  }

  .payment-options {
    flex-wrap: wrap;
    justify-content: center;
  }

  .card-section {
    padding: 1.5rem;
  }

  .payments-section {
    margin-bottom: 0rem;
  }

  .featureBlock_list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .enqui_featuresSection h4 {
    font-size: 1.8rem !important;
  }

  .enquiryForm {
    width: 70%;
  }

  .api-cust-grid .card {
    display: flex;
    align-items: center;
  }

  .card-description {
    min-height: 50px;
  }

  .api-cust-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  #bcome-affiliate-wrapper .homeBanner_content {
    width: 100%;
  }

  .become-partner-content {
    padding: 0 4rem;
  }

  .become-partner-content .row {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .scrolldown {
    bottom: 17%;
  }

  .partner_wrapper ul {
    padding: 0 3rem;
  }

  .become-partner-content .content-box h6 {
    font-size: 1.5rem !important;
  }
}