@media only screen and (max-width: 767px) {
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .pb-100 {
    padding-bottom: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .mt-20 {
    margin-top: 0;
  }
  .pl-20 {
    padding-left: 0;
  }
  .pl-15 {
    padding-left: 0;
  }
  .pl-30 {
    padding-left: 0;
  }
  .mr-20 {
    margin-right: 0;
  }
  .pr-20 {
    padding-right: 0;
  }
  p {
    font-size: 14px;
  }
  .form-control {
    height: 45px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
  body {
    font-size: 15px;
  }
  .container-fluid {
    max-width: 540px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media screen and (max-width: 480px) {
  .margin-button-mobile {
    margin-top: 20px;
  }
  .currency-form {
    margin-bottom: 20px;
  }
  .currency-area {
    height: 130vh;
  }
}

@media screen and (min-width: 769px) {
  .margin-button-mobile {
    left: 20px;
  }
  .banner-btn {
    margin-top: 100px;
  }
  .currency-form {
    margin-top: -100px;
  }
  .currency-area {
    height: 100vh;
  }
}