/*================================
Template Name: --- WebSite Name -----
Author: CodeGama
Author website: 
Version: 1.0
================================== */

@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {

  /* Moblie Nav Style  */
  .mobile-nav-header {
    display: block !important;
  }

  .main-wrapped-header {
    display: none !important;
  }
}


@media (max-width: 767.98px) {
  .order-by {
    order: 1;
  }

  .section-title h2 {
    font-size: 2em;
  }

  .sm-padding {
    padding: 2em 0;
  }

  .section-title h4 {
    font-size: 2em;
  }

  :where(.banner-main-info, .banner-main-avater) {
    width: 100% !important;
  }

  .banner-container {
    min-height: auto !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 1em;
  }

  .banner-main-info {
    padding-right: 0em !important;
  }

  .banner-main-avater {
    display: none;
  }

  .home-banner-sec {
    background: url(../img/banner/banner-hero-back.webp) no-repeat center left !important;
    background-size: cover;
  }

  .banner-badge {
    display: none !important;
  }

  .banner-main-info h1 {
    font-size: 1.6em !important;
  }

  .payment-avater {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }

  .payment-info h2,
  .process-info-frame h2,
  .support-tiltes h2,
  .business-card-one h2,
  .business-card-three h2,
  .testimonial-title h2 {

    font-size: 1.3em !important;
    text-align: center;
  }

  .payment-info :where(h2 + p) {
    text-align: center;

  }

  .payment-action {
    text-align: center;
  }

  .payment-info {
    padding-top: 2em;
  }

  .process-list-card {
    display: grid;
    grid-template-columns: auto !important;
    align-items: center;
    gap: 1em;
    place-items: center;
    text-align: center;
  }

  .support-card {
    height: auto !important;
    margin-bottom: 1em;
    text-align: center;
  }

  .support-card-icons {
    margin: 0 auto;
    margin-bottom: 1em !important;
  }

  .business-card-one,
  .business-card-three {
    padding: 1em !important;
  }

  .padding-left-small {
    padding: 0 !important;
    margin-bottom: 1em !important;
  }

  .footer-sec {
    padding: 1em !important;
    text-align: center !important;
  }

  .logo {
    /* margin-right: 1em; */
    max-width: 6em !important;
  }

  .support-tiltes {
    margin-bottom: 2em !important;
  }

  .process-info-frame h2 {
    margin-bottom: 1.5em !important;
  }

  .code-title h2 {
    font-size: 1em !important;
    text-align: center !important;
    margin-bottom: 0.9em !important;
  }

  .code-title p {
    font-size: 0.9em !important;
    text-align: center !important;
  }

  .code-card {
    text-align: center !important;
  }

  .code-card-icons {
    margin: auto !important;
    margin-bottom: 0.5em !important;
  }

  .code-avater-title {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    align-items: center !important;
    flex-direction: column !important;
  }

  .code-avater-title h2 {
    font-size: 1.5em !important;
    margin-bottom: 0.5em !important;
    text-align: center !important;
  }

  .code-avater-box {
    padding-left: 0 !important;
  }

  .code-card-info h3 {
    font-size: 1em !important;
    line-height: 1.5 !important;
  }

  .platfrom-container {
    padding: 2em 0 !important;
    text-align: center !important;
  }

  .platform-titles h5 {
    flex-direction: column !important;
  }

  .platform-card-frame {
    margin-top: 2em !important;
  }

  .footer-quick-media ul {
    justify-content: center !important;
  }

  .footer-social-icon-sec {
    margin-bottom: 2em !important;
  }

  .platform-titles h2 {
    font-size: 1.5em !important;
    margin-bottom: 0.5em !important;
  }

  .accordion-collapse .accordion-body {
    font-size: 0.85em !important;
  }

  .accordion-button {
    line-height: 1.5 !important;
  }
  .contact-us-form-box{
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  .contact-us-form-sec{
    padding: 1.5em!important;
  }
  .contact-us-info-sec{
    margin-left: 0!important;
    padding: 1.5em;
  }
}

@media (max-width: 575.98px) {}


/* Large Device CSS */


/* @media screen and (min-width: 1400px) {
    .container {
      width: 1420px;
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1600px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  @media screen and (min-width: 1900px) {
    .container {
      width: 1520px;
      max-width: 100%;
    }
  } */