@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: 1200px) {
}

@media (max-width: 2000px) {
  .container{
    max-width: 1600px!important;
  }
}

@media (max-width: 1800px) {
  .container{
    max-width: 1320px!important;
  }
}

@media (max-width: 1400px) {
  .container{
    max-width: 1140px!important;
  }
}

@media (max-width: 1199.98px) {
  .banner-left-sec{
    padding: 2em 0;
  }
  .container{
    max-width: 960px!important;
  }
}

@media (max-width: 991.98px) {
  .user-dropdown-sec .dropdown-toggle{
    padding-left: 0;
    padding-top: 1em;
  }
  .container{
    max-width: 720px!important;
  }
  .tab-section {
    padding: 3em 0;
  }
  .banner-left-sec {
    padding: 3em 0 0;
  }
  .banner-content h1 {
    text-align: center;
  }
  .banner-content p{
    text-align: center;
  }
  .banner-img {
      margin: 2em auto 0;
  }
  .section-title h2 span{
    white-space: nowrap;
  }
  .navbar-toggler{
    border: 0!important;
    padding: 0!important;
  }
  .logo{
    height: 2em;
  }
  .transaction-table-sec td{
    white-space: nowrap;
  }
  .transaction-search-sec .transaction-search{
    width: 100%!important;
  }
  .buy-sec{
    max-width: 100%!important;
    margin:unset;
    padding: 2em 0;
  }
  .how-its-works-img {
    max-width: 100%!important;
}
.display-mobile{
  display:none!important ;
}
.transaction-view-card{
  grid-template-columns: 250px auto!important;
}
.resp-margin-btm-md{
  margin-bottom: 2em;
}
.auth-right-img {
  height: 50vh;
}
.login-box{
  height: auto;
}
.auth-form-sec{
  padding: 2em!important;
}
}

@media (max-width: 767.98px) {
  .display-none{
    display: none!important;
  }
  .transaction-view-card{
    grid-template-columns: auto!important;
    gap:0.5em!important;
    place-items: center;
  }
  .transaction-hash-id-sec{
    text-align: center;
    justify-content: center!important;
  }
  .how-its-work-btn-sec{
    margin-bottom: 2em!important;
  }
  .buy-body-sec{
    padding: 2em 1em!important;
  }

  .display-mobile{
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin: 2em auto;
  }
  .how-its-works-img {
    max-width: 100%!important;
}
  .container{
    max-width: 100%!important;
  }
  .section-title-info {
    font-size: 0.5em;
  }
  .section-title h2 span {
    white-space: nowrap;
  }
  .faq-sec .accordion .accordion-button {
    font-size: 0.5em;
  }
  .tab-section {
    padding: 3em 0;
  }
  .faq-sec .accordion .accordion-body {
    font-size: 0.8em;
  }
  .footer-card {
    flex-direction: column;
    gap: 1em;
  }
  .footer-copyrights p {
    text-align: center;
  }
  .section-title {
    margin-bottom: 2em;
  }
  .sm-padding {
    padding: 2em 0;
  }
  .faq-sec .nav-pills {
    justify-content: center;
  }
  .banner-content h1 {
    font-size: 2em;
    text-align: center;
  }
  .banner-content p {
    text-align: center;
  }
  .banner-img {
    margin: 2em auto 0;
  }
  /* .banner-content {
    padding: 2em 0 0;
  } */
  .wallet-scan {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .scan-details {
    align-items: normal !important;
  }
  .sell-radio-wrapper {
    flex-wrap: wrap;
  }
  .sell-radio-left-sec {
    border-right: none !important;
  }
  .you-will-be-getting-sec {
    flex-direction: column;
    align-items: baseline !important;
  }
  .sell-sec {
    padding: 3em 0;
  }
  .transaction-table-sec td{
    white-space: nowrap;
  }
  .transaction-search-sec .transaction-search{
    width: 100%!important;
  }
  .buy-sec{
    max-width: 100%!important;
    margin:unset;
    padding: 2em 0;
  }
  .scan-btn-sec{
    flex-direction: column;
  }
  .paste-hash-code-sec{
    flex-direction: column;
  }
  .auth-right-img-sec{
    display: none;
  }
  .login-box{
    height: 100vh;
  }
  .auth-form-sec {
    padding: 0em!important;
  }
  .profile-header-left-sec{
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .edit-profile-header-sec {
    padding: 2em 0;
  }
  .profile-box{
    min-height: calc(100vh - 60px);
  }
}