/**************************/
/* BELOW 1344px (Smaller desktops) */
/**************************/

@media (max-width: 84em) {
  /*---------------------*/
  /* Reusable Header
  /*-------------*/

  .header {
    padding-left: 0;
    padding-right: 0;
  }

  /*---------------------*/
  /* General Container
  /*-------------*/

  .container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  /*---------------------*/
  /* Index Page
  /*-------------*/

  .section-features.mini-container {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
  }
}

/**************************/
/* BELOW 1200px (Landscape Tablets) */
/**************************/

@media (max-width: 75em) {
  /*---------------------*/
  /* Index Page
  /*-------------*/

  .hero {
    gap: 6.4rem;
  }

  .hero-img {
    padding-left: 1rem;
  }

  .section-features-items {
    column-gap: 3.2rem;
  }

  .graph-chart-container {
    column-gap: 2.4rem;
  }

  .start-trading-items {
    column-gap: 4rem;
  }

  .footer-menu {
    grid-template-columns: 18rem 1fr 1fr 18rem;
  }

  /*---------------------*/
  /* Side Page Footer
  /*-------------*/

  .footer-group .logo .img {
    height: 2.4rem;
  }
}

/**************************/
/* BELOW 944px (Tablets) */
/**************************/

@media (max-width: 59em) {
  /*---------------------*/
  /* Index Page
  /*-------------*/

  .hero {
    gap: 2.4rem;
  }

  .hero-img-box {
    grid-column: 1/-1;
    grid-row: 1/2;
    display: flex;
    justify-content: center;
    /* align-items: center; */
  }

  .hero-img {
    width: 54rem;
    padding-left: 0;
  }

  .hero-text-box {
    grid-column: -3/-1;
    padding-left: 0;
    text-align: center;
  }

  .hero-text-box .heading-primary {
    line-height: 1.3;
    margin-bottom: 2.4rem;
  }

  .hero-description {
    margin-bottom: 3.2rem;
  }

  .section-features-items {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 9.6rem;
    row-gap: 4.8rem;
  }

  .graph-chart-container {
    grid-template-columns: 1fr 24rem;
  }

  .section-how-it-work .graph-chart {
    height: 37rem;
  }

  .btn-container {
    margin-bottom: 2.4rem;
  }

  .btn-container .large {
    padding: 1.4rem 2.4rem;
  }

  .start-trading-items {
    column-gap: 2.4rem;
  }

  .start-trading-item-text {
    min-height: 16rem;
  }

  .justify-center .large {
    padding: 1.4rem 3.2rem;
  }

  .faq-containers {
    display: block;
  }

  .faq-containers .first {
    margin-bottom: 2.4rem;
  }

  .footer-menu {
    grid-template-columns: 12rem 1fr 1fr 12rem;
    grid-column-gap: 3.2rem;
  }

  /*---------------------*/
  /* Trade & Evaluation Page
  /*-------------*/

  .page {
    grid-template-columns: 3fr 1fr;
  }

  .main-nav .logout {
    display: none;
  }

  .focus-group {
    right: 26.6rem;
  }

  /*---------------------*/
  /* Admin
  /*-------------*/

  .add-wallet-form.mini-container {
    width: 100%;
  }

  /*---------------------*/
  /* Side Page Footer
  /*-------------*/

  .footer-group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 4.8rem;
  }

  .advantages-list {
    border-right: 0;
  }
}

/**************************/
/* BELOW 768px (Smaller tablets) */
/**************************/

@media (max-width: 48em) {
  .side-page {
    padding: 5rem 1.2rem;
  }

  .sidebar {
    padding: 10rem 0 0;
  }

  .mini-header .h2 {
    font-size: 2.4rem;
  }

  /*---------------------*/
  /* Dashboard Header
  /*-------------*/

  .navbar-brand {
    background-color: rgba(13, 17, 23, 0.1);
    padding-left: 1.2rem !important;
  }

  .navbar .navbar-toggler {
    top: 1.2rem;
  }

  .navbar .form-control.admin {
    font-size: 1.4rem;
    height: 4rem;
    background-color: rgba(60, 62, 122, 0.777);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
  }

  /*---------------------*/
  /* Account Info Side Page
  /*-------------*/

  .mini-container.row-1 .bottom {
    grid-template-columns: 1fr;
  }

  .mini-container.row-2 .change-password {
    grid-template-columns: 1fr;
  }

  .main-container .delete-account {
    display: grid;
    gap: 2rem;
    font-size: 1.2rem;
  }

  .main-container .delete-account button {
    justify-content: center;
  }

  /*---------------------*/
  /* Transact. & Trade His. Side Page
  /*-------------*/

  .table-striped.table tbody tr td {
    font-size: 1rem;
    line-height: 1.2;
  }

  .view-page .table-striped.table tbody tr td {
    font-size: 1rem;
    line-height: 1.2;
  }

  /*---------------------*/
  /* Alerts
  /*-------------*/

  .alert-container {
    font-size: 1.4rem;
    text-align: center;
  }

  .alert-container .alert-success {
    width: 28rem;
  }

  .alert-container .alert-danger {
    width: 28rem;
  }

  .success-alert {
    text-align: center;
    width: 28rem;
  }

  .warning-alert {
    text-align: center;
    width: 28rem;
  }
}

/**************************/
/* BELOW 704px (Smaller tablets) */
/**************************/

@media (max-width: 44em) {
  /*---------------------*/
  /* Index Page
  /*-------------*/

  .hero-text-box .heading-primary {
    font-size: 2.4rem;
  }

  .hero-description {
    font-size: 1.6rem;
  }

  .section-payment-type {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }

  .logos img {
    height: 3rem;
  }

  .section-features-items {
    display: block;
    margin-bottom: 0;
  }

  .section-features-item {
    text-align: center;
    padding-bottom: 3.2rem;
    border-bottom: 0.5px solid rgba(139, 139, 146, 0.3);
    margin-bottom: 3.2rem;
  }

  .section-features-btn {
    display: none;
  }

  .section-features-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }

  .how-it-work .heading-secondary {
    font-size: 2.4rem;
  }

  .how-it-work-description {
    font-size: 1.6rem;
  }

  .graph-chart-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .section-how-it-work .graph-chart {
    width: 100%;
    height: 24rem;
  }

  .graph-chart-controller.mini-container {
    width: 28rem;
    justify-self: center;
  }

  .logo-container {
    display: none;
  }

  .graph-chart-description {
    justify-content: center;
  }

  .btn-container {
    margin-bottom: 0;
  }

  .start-trading .heading-secondary {
    font-size: 2.4rem;
  }

  .start-trading-description {
    font-size: 1.6rem;
  }

  .start-trading-items {
    grid-template-columns: 1fr;
    gap: 7.2rem;
  }

  .start-trading-item {
    justify-self: center;
    max-width: 32rem;
  }

  .start-trading-item-text {
    min-height: 1rem;
  }

  .justify-center .large {
    padding: 2rem 6.4rem;
  }

  .faq .heading-secondary {
    font-size: 2.4rem;
  }

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

  .footer-social {
    grid-column: auto;
  }

  /*---------------------*/
  /* Trade & Evaluation Page
  /*-------------*/

  .page {
    grid-template-columns: 1fr;
  }

  .deposit-group,
  .withdrawal-group {
    display: none;
  }

  .focus-group {
    right: 1.2rem;
  }

  #tradingview_64561 {
    height: 50rem;
  }
}

/**************************/
/* BELOW 544px (Phones) */
/**************************/

@media (max-width: 34em) {
  /*---------------------*/
  /* Reusable Header
  /*-------------*/

  .header .container {
    padding: 1.2rem;
  }

  .main-nav-list .btn {
    font-size: 1.4rem;
    padding: 1.2rem 1.4rem;
    border-radius: 6px;
  }

  /*---------------------*/
  /* Index Page
  /*-------------*/

  .hero-img {
    width: 32rem;
    padding-left: 0;
  }

  .hero-text-box .large {
    padding: 2rem 8rem;
  }

  .section-payment-type .container {
    padding: 1.2rem;
  }

  .logos img {
    height: 2.4rem;
  }

  .section-how-it-work .graph-chart {
    width: 100%;
    height: 18rem;
  }

  .footer-menu {
    grid-template-columns: 1fr;
    gap: 4.8rem;
  }

  .footer-social {
    grid-row: 6/7;
  }

  /*---------------------*/
  /* Auth Pages
  /*-------------*/

  .auth-container {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }

  .auth-container .mini-container {
    width: 100%;
  }

  /*---------------------*/
  /* Trade & Evaluation Page
  /*-------------*/

  .page {
    grid-template-rows: 4.5rem 1fr;
  }

  .header-app .logo {
    height: 2rem;
  }

  .header-bal {
    padding: 0.4rem 0.8rem;
    border-radius: 4px;
  }

  .header-bal .header-bal-text {
    display: none;
  }

  .evaluation-btn .small {
    /* font-size: 1.4rem; */
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
  }
  .evaluation-link.small {
    padding: 0.5rem 1rem;
    border-radius: 0.4rem;
  }

  .focus-group {
    top: 5.8rem;
  }

  .focus-group-divider .account-details {
    padding: 1rem;
  }

  .focus-group-divider .mini-nav {
    padding: 1rem;
    /* width: 10rem; */
  }

  .mini-nav-link:link,
  .mini-nav-link:visited {
    padding: 0.4rem;
    font-size: 1.4rem;
  }

  .wrapper {
    padding: 0.4rem;
  }

  .evaluatorModalContainer {
    display: grid;
  }

  /*---------------------*/
  /* Side Pages Footer
  /*-------------*/

  .footer-group .logo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
    /* justify-content: space-between; */
    /* align-items: center; */
    padding: 0;
  }

  .footer-group .logo .img {
    height: 3.2rem;
  }

  /*---------------------*/
  /* Deposit Crypto
  /*-------------*/

  .side-page.deposit {
    padding: 5rem 0.6rem;
  }

  .mini-container.short {
    width: 100%;
    padding: 1.2rem 0.6rem;
  }

  .crypto-deposit .qr-code {
    width: 100%;
  }

  .copy-wallet {
    width: 100%;
  }

  .crypto-deposit input {
    width: 100%;
  }

  /*---------------------*/
  /* Withdrawal Side Page
  /*-------------*/

  .account-withdrawal {
    grid-template-columns: 1fr;
  }

  /*---------------------*/
  /* Account Info Side Page
  /*-------------*/

  .side-page.account-info {
    padding: 5rem 1.2rem;
  }

  /*---------------------*/
  /* Admin
  /*-------------*/

  .add-edit-group .form-group {
    display: grid;
    gap: 1.5rem;
  }
}

/**************************/
/* BELOW 384px (Small Phones) */
/**************************/

@media (max-width: 24em) {
  /*---------------------*/
  /* Reusable Header
  /*-------------*/

  .main-nav-list {
    gap: 0;
  }
  .main-nav-list .hider {
    display: none;
  }

  /*---------------------*/
  /* Index Page
  /*-------------*/

  .hero-img {
    width: 100%;
    padding-left: 0;
  }

  .logos img {
    height: 2rem;
  }

  .graph-chart-controller.mini-container {
    width: 100%;
    justify-self: center;
  }

  /*---------------------*/
  /* Trade & Evaluation Page
  /*-------------*/

  .focus-group-divider .account-details {
    padding: 1rem 0;
  }

  .focus-group-divider .mini-nav {
    padding: 1rem;
    width: 12rem;
  }

  .modal-content {
    width: 26rem;
  }

  /*---------------------*/
  /* Side Pages Footer
  /*-------------*/

  .footer-group .logo .img {
    height: 2.4rem;
  }

  /*---------------------*/
  /* Account Info Side Page
  /*-------------*/

  .main-container .top {
    font-size: 1.2rem;
  }

  .top .id {
    font-size: 1rem;
  }
}