@media screen and (min-width: 1240px) and (max-width: 1360px) {
}
@media screen and (max-width: 1024px) {
  /* bar */
  .barInner {
    width: 27%;
  }
}
@media screen and (max-width: 991px) {
  /* wrapper */
  .wrapper {
    margin-top: 50px;
  }
  .bar {
    display: none;
  }

  /* content */
  .contentLeft {
    width: 100%;
  }
  .faq {
    padding: 50px 0;
    margin-top: 50px;
  }
  table {
    margin-bottom: 50px;
  }
  .make {
    margin-top: 50px;
  }
  .bank {
    padding: 50px 0;
    margin-top: 50px;
  }
  .about {
    padding: 50px 0;
  }
  .compare {
    margin-top: 50px;
  }
  .compareBoxs {
    flex-direction: column;
  }
  .compareBox {
    width: 100%;
  }
  .makeSub {
    font-size: 16px;
    margin-top: 30px;
  }
  .makeBoxs {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
  }
  .makeBox {
    width: 100%;
  }
  .makeBoxTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .makeBtn {
    margin-top: 30px;
  }
  .bankTitle {
    font-size: 25px;
    line-height: 35px;
  }
  .bankForm {
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-top: 30px;
  }
  .bankFormInput,
  .bankFormBtn {
    width: 100%;
  }

  /* footer */
  .footer {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  /* header */
  .headerLink {
    display: none;
  }

  /* wrapper */
  .wrapper {
    margin-top: 30px;
  }

  /* content */
  .contentTitle {
    font-size: 25px;
    line-height: 35px;
  }
  .contentLeftTopBoxsSettings {
    flex-direction: column;
    gap: 10px;
  }
  .contentLeftTopBoxsSettingBox {
    width: 100%;
  }
  .contentLeftTopBoxTop {
    flex-direction: column;
    padding: 20px;
    padding-bottom: 0;
  }
  .contentLeftTopBoxTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .contentLeftTopBoxRight {
    max-width: 100%;
  }
  .contentLeftTopBoxBottom {
    margin-top: 30px;
  }
  .contentSubs50 {
    gap: 30px;
  }
  .contentTitle1 {
    font-size: 20px;
    line-height: 30px;
  }
  .contentSub {
    font-size: 16px;
    line-height: 26px;
  }
  .contentTitle2 {
    font-size: 18px;
    line-height: 28px;
  }
  .compare {
    margin-top: 30px;
  }
  .faq {
    padding: 30px 0;
    margin-top: 30px;
  }
  table {
    margin-bottom: 30px;
  }
  .make {
    margin-top: 30px;
  }
  .bank {
    padding: 30px 0;
    margin-top: 30px;
  }
  .about {
    padding: 30px 0;
  }
  .aboutInner {
    flex-direction: column;
    gap: 30px;
  }
  .aboutText {
    width: 100%;
  }
  .aboutText {
    width: 100%;
    gap: 30px;
  }
  .aboutImg {
    width: 100%;
  }
  .aboutTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .aboutTitle1 {
    font-size: 18px;
    line-height: 28px;
  }
  .faqBlocksTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .faqBlockQuestion {
    font-size: 16px;
    line-height: 26px;
  }
  .rate {
    margin-top: 30px;
  }
  .contentUser {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    margin: 30px 0;
  }
  table tr th:first-child {
    display: block;
    width: 100%;
    border-radius: 7px 7px 0 0;
  }
  table tr th:nth-child(2),
  table tr th:nth-child(3),
  table tr th:nth-child(4) {
    display: block;
    width: 100%;
  }
  table tr th:last-child {
    display: block;
    width: 100%;
  }
  table tr td {
    display: block;
    width: 100%;
  }
  table tr th:last-child {
    border-radius: 0;
  }

  /* footer */
  .footer {
    padding: 30px 0;
  }
  .footerLinks {
    flex-wrap: wrap;
    gap: 20px;
  }
}