@media only screen and (max-width: 575px) {
    .xs-none {
      display: none;
    }
    .simple-wrap,
    .about-wrap.style-two {
      overflow-x: hidden;
    }
    .breadcrumb-wrap .breadcrumb-menu li {
      font-size: 14px;
    }
    .breadcrumb-wrap .breadcrumb-menu li a {
      font-size: 14px;
    }
    .page-nav {
      margin-top: 5px;
    }
    .page-nav.mt-3 {
      margin-top: 5px !important;
    }
    .page-nav.mt-5 {
      margin-top: 15px !important;
    }
    .page-nav li a {
      width: 42px;
      height: 42px;
      font-size: 16px;
      line-height: 43px;
    }
    .page-nav li a i {
      font-size: 24px;
      line-height: 40px;
      top: 0;
    }
    .page-nav li a img {
      max-width: 22px;
      margin: 0 auto;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      bottom: 50px;
    }
    .hero-wrap .hero-form-wrap p {
      font-weight: 700;
    }
    .atm-content {
      margin-bottom: 30px;
    }
    .atm-content .search-atm input {
      padding: 14px 40px 14px 17px;
    }
    .atm-content .search-atm button {
      padding: 13px 18px;
    }
    .news-wrap {
      padding: 50px 12px;
    }
    .bt-wrap {
      padding: 0 12px;
    }
    .mortgage-rewards {
      padding: 0 12px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .container-fluid {
      max-width: 540px;
      padding: 0 15px;
    }
    .news-wrap {
      padding: 50px calc((100% - 515px) / 2);
    }
    .bt-wrap > .row {
      max-width: 540px;
      margin: 0 auto;
    }
    .mortgage-rewards {
      padding: 0 calc((100% - 520px) / 2);
    }
    .mortgage-rewards .reward-content {
      padding: 50px 0 30px;
    }
  }
  @media only screen and (max-width: 767px) {
    p, input, textarea, span, label {
      font-size: 14px;
    }
    .sm-none {
      display: none !important;
    }
    .smb-20 {
      margin-bottom: 20px;
    }
    .mt-35 {
      margin-top: 15px;
    }
    .mb-100 {
      margin-bottom: 50px;
    }
    .mtb-100 {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .ptb-70 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .ptb-140 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .pt-140 {
      padding-top: 50px;
    }
    .pb-100 {
      padding-bottom: 50px;
    }
    .pb-115 {
      padding-bottom: 25px;
    }
    .pb-140 {
      padding-bottom: 50px;
    }
    .pb-75 {
      padding-bottom: 25px;
    }
    .pb-50 {
      padding-bottom: 0px;
    }
    .row.mb-30 {
      margin-bottom: 25px;
    }
    .row.mb-40 {
      margin-bottom: 35px;
    }
    .link-one,
    .link-two,
    .link-three,
    .link-four {
      font-size: 14px;
    }
    .link-one i,
    .link-two i,
    .link-three i,
    .link-four i {
      top: 6px;
    }
    .btn-one,
    .btn-two,
    .btn-three,
    .btn-four {
      font-size: 14px;
      padding: 10px 18px 10px;
    }
    .btn-one svg,
    .btn-two svg,
    .btn-three svg,
    .btn-four svg {
      margin-left: 4px;
      max-width: 16px;
    }
    .back-to-top {
      font-size: 20px;
      width: 35px;
      height: 35px;
      line-height: 32px;
      right: 10px;
    }
    .back-to-top i {
      font-size: 18px;
    }
    .section-title {
      font-size: 28px;
      line-height: 38px;
    }
    .section-title.mb-40 {
      margin-bottom: 30px;
    }
    .content-title h2 {
      font-size: 28px;
      line-height: 38px;
    }
    .breadcrumb-wrap {
      padding-top: 90px;
    }
    .breadcrumb-wrap .breadcrumb-content {
      margin-bottom: 20px;
      text-align: center;
    }
    .breadcrumb-wrap .breadcrumb-content h2 {
      font-size: 26px;
      line-height: 36px;
      margin: 0 0 8px;
    }
    .breadcrumb-wrap .breadcrumb-content .breadcrumb-menu li:after {
      font-size: 16px;
    }
    .hero-wrap {
      padding: 120px 0 0;
    }
    .hero-wrap .hero-content {
      margin-bottom: 30px;
    }
    .hero-wrap .hero-content h1 {
      font-size: 32px;
      line-height: 42px;
    }
    .hero-wrap .hero-content h1 img {
      max-width: 40px;
    }
    .hero-wrap .hero-content .hero-btn .btn-one {
      display: block;
      width: 100%;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings {
      width: 100%;
      margin-top: 15px;
      margin-left: 0;
      padding: 11px 22px 11px 20px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings h3 {
      font-size: 32px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings .card-ratings-right p {
      font-size: 14px;
    }
    .hero-wrap .hero-content .card-list {
      margin-top: 30px;
    }
    .hero-wrap .hero-content .card-list li img {
      max-width: 60px;
    }
    .hero-wrap .hero-content .card-list li span {
      font-size: 13px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      max-width: 300px;
      z-index: 1;
      margin-bottom: 30px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form {
      padding: 22px 20px 25px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form h4 {
      font-size: 18px;
      margin-bottom: 16px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form h4 svg {
      top: -1px;
      width: 16px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form .form-group {
      margin-bottom: 10px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form .form-group input {
      height: 50px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form form .form-group a {
      display: block;
      width: 100%;
      font-size: 14px;
    }
    .about-wrap .about-content {
      padding: 50px 22px;
      border-radius: 15px 0 0 0;
    }
    .about-wrap .about-content:before {
      border-radius: 15px 0 0 0;
    }
    .about-wrap .about-content .ceo-info-wrap .ceo-img {
      width: 70px;
      height: 70px;
    }
    .about-wrap .about-content .ceo-info-wrap .ceo-info {
      width: calc(100% - 82px);
      margin-left: 12px;
    }
    .about-wrap .about-content .ceo-info-wrap .ceo-info h5 {
      font-size: 18px;
    }
    .about-wrap .about-bg {
      height: 400px;
      background-position: top;
      border-radius: 0 0 15px 15px;
    }
    .about-wrap .account-process {
      -moz-columns: 1;
           columns: 1;
      -moz-column-gap: 0;
           column-gap: 0;
    }
    .about-wrap .account-process li {
      font-size: 14px;
    }
    .about-wrap .account-process li i {
      font-size: 24px;
      top: 16px;
    }
    .banking-activity {
      padding: 30px 10px 5px;
    }
    .activity-card span {
      width: 80px;
      height: 80px;
    }
    .activity-card span i {
      font-size: 30px;
    }
    .activity-card h6 {
      font-size: 14px;
    }
    .cat-card.style-two {
      font-size: 13px;
    }
    .feature-box {
      padding: 28px 22px 22px;
    }
    .award-box {
      padding: 35px 25px 20px;
    }
    .award-box .award-item h4 {
      font-size: 20px;
    }
    .card-tablist {
      justify-content: flex-start;
    }
    .card-tablist .nav-item:last-child {
      margin-right: 0;
    }
    .card-tablist .nav-item .nav-link {
      padding: 7px 20px;
      font-size: 14px;
    }
    .credit-card.style-two {
      display: block;
      padding: 22px 20px;
    }
    .credit-card.style-two .card-img {
      width: 100%;
      top: 0;
    }
    .credit-card.style-two .card-img img {
      display: block;
      margin: 0 auto;
    }
    .credit-card.style-two h4 {
      font-size: 20px;
    }
    .credit-card.style-two .card-features {
      width: 100%;
      padding: 15px 0 0;
    }
    .credit-card.style-two .card-btn {
      width: 100%;
      padding: 0;
    }
    .credit-card.style-two .card-btn a {
      padding: 10px 24px;
      font-size: 14px;
    }
    .card-details-wrap .card-img img {
      display: block;
      margin: 22px 0 20px;
    }
    .card-details-wrap .card-img .card-ratings {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .card-details-wrap .card-img .card-ratings .ratings {
      margin-right: 9px;
    }
    .card-details-wrap .card-img .card-ratings .ratings li {
      width: 16px;
      height: 16px;
      display: inline-flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: center;
      background-color: #FFBE11;
      text-align: center;
      margin: 0 -0.5px;
    }
    .card-details-wrap .card-img .card-ratings .ratings li i {
      color: var(--whiteColor);
      font-size: 12px;
      line-height: 0.7;
    }
    .card-details-wrap .card-img .card-ratings span {
      line-height: 1;
      position: relative;
      top: 1px;
    }
    .card-details-wrap .card-details .card-btn {
      margin: 15px 0 22px;
    }
    .card-details-wrap .card-details .card-btn a {
      margin-right: 15px;
    }
    .card-details-wrap .card-details .card-btn .contact-num span {
      font-size: 14px;
    }
    .card-details-wrap .card-details .card-btn .contact-num a {
      font-size: 15px;
    }
    .card-details-wrap .card-details .card-features {
      justify-content: flex-start;
    }
    .card-details-wrap .card-details .card-features li {
      margin: 0 8px 8px 0;
      font-size: 14px;
    }
    .security-card {
      padding: 22px;
    }
    .security-card span {
      width: 50px;
    }
    .security-card span i {
      font-size: 50px;
    }
    .security-card .security-text {
      width: calc(100% - 70px);
      margin-left: 20px;
    }
    .security-card .security-text h4 {
      font-size: 20px;
    }
    .process-wrap.style-one .process-img-wrap .process-promo {
      top: -6px;
      right: -6px;
      padding: 20px 15px 14px;
      max-width: 150px;
    }
    .process-wrap.style-one .process-img-wrap .process-promo p {
      font-size: 16px;
      line-height: 24px;
    }
    .process-wrap.style-three .process-img-wrap, .process-wrap.style-four .process-img-wrap {
      overflow: hidden;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap, .process-wrap.style-four .process-img-wrap .circle-wrap {
      top: 0%;
      right: 50%;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap .circle-text, .process-wrap.style-four .process-img-wrap .circle-wrap .circle-text {
      width: 300px;
      height: 300px;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap .circle-text svg, .process-wrap.style-four .process-img-wrap .circle-wrap .circle-text svg {
      width: 300px;
      height: 300px;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap .circle-text svg text, .process-wrap.style-four .process-img-wrap .circle-wrap .circle-text svg text {
      font-size: 12px;
      letter-spacing: 0.5em;
    }
    .process-wrap.style-three .process-img-wrap {
      overflow: hidden;
    }
    .process-wrap.style-three .process-img-wrap .process-shape {
      max-width: 80%;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap {
      top: 0%;
      right: 50%;
    }
    .process-wrap.style-four .process-img-wrap .circle-wrap {
      top: 0%;
      left: 0%;
    }
    .bt-wrap .bt-img {
      height: 400px;
      margin-bottom: 25px;
    }
    .bt-wrap .bt-content {
      padding: 0 0 50px 0;
    }
    .bt-wrap .bt-content .feature-list {
      margin: 22px 0 22px;
    }
    .bt-wrap .bt-content .feature-list.style-two {
      -moz-columns: 1;
           columns: 1;
    }
    .bt-wrap .bt-content .feature-list.style-two li {
      margin-bottom: 10px;
    }
    .facility-card {
      padding: 22px;
    }
    .facility-card h3 {
      font-size: 28px;
      line-height: 38px;
    }
    .facility-card h3 span {
      font-size: 14px;
    }
    .facility-card p {
      margin-bottom: 25px;
    }
    .testimonial-wrap .testimonial-slider-wrap .testimonial-pagination {
      position: relative;
      margin: 0 0 15px;
      text-align: left;
      top: auto;
    }
    .testimonial-card {
      padding: 27px 22px 25px;
    }
    .testimonial-card:before {
      top: 1px;
    }
    .testimonial-card:after {
      top: 27px;
    }
    .testimonial-card .client-info-wrap .client-img {
      width: 70px;
      height: 70px;
    }
    .testimonial-card .client-info-wrap .client-info {
      width: calc(100% - 85px);
      margin-left: 15px;
    }
    .testimonial-card .client-info-wrap .client-info h5 {
      font-size: 18px;
      line-height: 25px;
    }
    .testimonial-card p {
      margin: 15px 0 5px;
    }
    .counter-card-wrap .counter-card {
      padding: 28px 25px 25px;
      border-radius: 15px;
      margin-bottom: 10px;
    }
    .counter-card-wrap .counter-card .counter-text h2 span {
      font-size: 48px;
      line-height: 53px;
    }
    .bank-card {
      padding: 23px 20px 20px 20px;
    }
    .bank-card.style-two {
      padding: 35px 20px 20px 20px;
    }
    .bank-card.style-two .bank-shape {
      top: 20px;
      z-index: 0;
    }
    .bank-card.style-two .d-flex .link-one {
      width: 100%;
      margin-bottom: 10px;
    }
    .bank-card.style-two .d-flex span {
      width: 100%;
    }
    .bank-card.style-two p {
      margin-bottom: 20px;
    }
    .ira-content .ira-checklist {
      -moz-columns: 1;
      columns: 1;
      margin-bottom: 30px;
    }
    .ira-content .ira-checklist li {
      font-size: 14px;
    }
    .ira-box {
      padding: 20px 22px 23px;
    }
    .ira-box h2 {
      font-size: 30px;
      line-height: 40px;
    }
    .interest-calculator {
      padding: 22px;
    }
    .interest-calculator.style-two {
      padding: 22px;
    }
    .chart-hint {
      max-width: 100%;
    }
    .chart-hint li {
      font-size: 14px;
    }
    .app-box {
      padding: 45px 22px 270px 22px;
    }
    .app-box .app-content .section-title {
      margin-bottom: 30px;
    }
    .app-box .app-content .app-btn span {
      font-size: 16px;
      display: block;
      width: 100%;
      margin: 0 0 10px;
    }
    .app-box .app-content .app-btn a img {
      max-width: 120px;
    }
    .app-box .app-img {
      max-width: 250px;
    }
    .newsletter-wrap .card-one {
      max-width: 100px;
    }
    .newsletter-wrap .card-two {
      max-width: 100px;
    }
    .newsletter-wrap .newsletter-form .form-group {
      width: 100%;
      margin: 0 0 15px;
    }
    .newsletter-wrap .newsletter-form .form-group input {
      width: 100%;
    }
    .newsletter-wrap .newsletter-form button {
      display: block;
      width: 100%;
      padding: 14px 15px;
    }
    .process-wrap .process-content .process-item-wrap .process-item {
      padding-bottom: 20px;
      margin-bottom: 16px;
    }
    .process-wrap .process-content .process-item-wrap .process-item span {
      top: -2px;
      width: 70px;
      font-size: 40px;
      line-height: 48px;
    }
    .process-wrap .process-content .process-item-wrap .process-item .process-info {
      width: calc(100% - 70px);
    }
    .process-wrap .process-content .process-item-wrap .process-item .process-info h4 {
      font-size: 20px;
    }
    .process-wrap.style-two .process-content .process-item-wrap {
      margin: 30px 0;
    }
    .mortgage-rewards .reward-content {
      padding: 50px 0 30px;
    }
    .mortgage-rewards .reward-bg {
      height: 380px;
    }
    .loan-category-card.style-one {
      padding: 22px;
    }
    .loan-category-card.style-one span {
      font-size: 38px;
    }
    .loan-category-card.style-one h3 {
      font-size: 20px;
      margin-bottom: 13px;
    }
    .loan-category-card.style-one p {
      margin: 0;
    }
    .loan-form .form-group label, .loan-form .form-group input, .loan-form .form-group select {
      font-size: 14px;
    }
    .card-slider-wrap .card-slider-one .card-pagination {
      margin-top: 5px;
    }
    .saving-calculator {
      padding: 22px 22px;
    }
    .saving-calculator .saving-form {
      margin-top: 30px;
    }
    .saving-calculator .saving-form label {
      font-size: 14px;
    }
    .saving-calculator .form-btn {
      margin-top: 25px;
    }
    .saving-calculator .form-btn button {
      width: 100px;
    }
    .saving-calculator .form-btn .result {
      width: calc(100% - 110px);
      font-size: 14px;
      padding: 9px 10px;
    }
    .feature-list li {
      margin-bottom: 10px;
      font-size: 14px;
      padding-left: 28px;
    }
    .feature-list li i {
      top: 5px;
    }
    .step-wrap .step-img {
      margin: 25px 0 0;
      height: 380px;
      background-position: top;
    }
    .news-card .news-img .news-date {
      font-size: 14px;
    }
    .news-card .news-info {
      padding: 20px;
    }
    .news-card .news-info .news-metainfo li {
      font-size: 14px;
    }
    .news-card .news-info h3 {
      font-size: 20px;
      margin-bottom: 20px;
    }
    .faq-content .accordion-item .accordion-header .accordion-button span {
      height: 55px;
      width: 17px;
    }
    .loan-box {
      padding-left: 22px;
      padding-right: 22px;
    }
    .loan-box .loan-content h4 {
      margin: 24px 0 15px;
      font-size: 20px;
    }
    .loan-box .loan-content .feature-list {
      -moz-columns: 1;
           columns: 1;
    }
    .loan-box .loan-content .feature-list li {
      margin-bottom: 10px;
    }
    .loan-box .loan-content .feature-list li:last-child {
      margin-bottom: 0;
    }
    .contact-card.style-one .contact-info h4 {
      font-size: 20px;
      line-height: 24px;
    }
    .contact-card.style-two {
      padding: 35px 22px 20px;
      margin-bottom: 35px;
    }
    .contact-card.style-two h4 {
      margin-bottom: 20px;
    }
    .contact-card.style-two .contact-info h5, .contact-card.style-two .contact-info a {
      font-size: 18px;
      line-height: 25px;
    }
    .contact-card.style-two:before {
      height: 40px;
    }
    .contact-card.style-two:after {
      top: 40px;
    }
    .cod-wrap .cod-img-wrap .cod-img-one {
      padding-left: 50px;
    }
    .rate-box {
      padding: 28px 15px;
    }
    .rate-box .rate-btn a {
      display: block;
      width: 100%;
    }
    .rate-box .rate-btn a:first-child {
      margin: 0 0 15px 0;
      margin-right: 0;
    }
    .mortgage-table {
      width: 100%;
      overflow-x: auto;
    }
    .mortgage-table table thead tr th {
      font-size: 14px;
    }
    .mortgage-table table thead tr th:first-child {
      min-width: 150px;
    }
    .mortgage-table table tbody tr td {
      font-size: 14px;
    }
    .mortgage-table table tbody tr td:first-child {
      min-width: 150px;
    }
    article h1, article h2, article h3, article h4, article h5, article h6, article p,
    .terms-wrap h1,
    .terms-wrap h2,
    .terms-wrap h3,
    .terms-wrap h4,
    .terms-wrap h5,
    .terms-wrap h6,
    .terms-wrap p {
      margin-bottom: 15px;
    }
    article .content-feature-list, .terms-wrap .content-feature-list {
      margin: 15px 0 15px;
    }
    article ol, .terms-wrap ol {
      margin-top: 15px;
      margin-bottom: 25px;
    }
    article h1,
    .terms-wrap h1 {
      font-size: 26px;
    }
    article h2,
    .terms-wrap h2 {
      font-size: 24px;
    }
    article h3,
    .terms-wrap h3 {
      font-size: 22px;
    }
    article h4,
    .terms-wrap h4 {
      font-size: 20px;
    }
    article h5,
    .terms-wrap h5 {
      font-size: 18px;
    }
    article h6,
    .terms-wrap h6 {
      font-size: 16px;
    }
    article ol li,
    .terms-wrap ol li {
      font-size: 14px;
      margin-bottom: 10px;
    }
    article ol li:last-child,
    .terms-wrap ol li:last-child {
      margin-bottom: 0;
    }
    article ul li,
    .terms-wrap ul li {
      font-size: 14px;
      margin-bottom: 10px;
    }
    article ul li:last-child,
    .terms-wrap ul li:last-child {
      margin-bottom: 0;
    }
    article .post-img,
    .terms-wrap .post-img {
      margin-bottom: 20px;
    }
    article .blog-metainfo,
    .terms-wrap .blog-metainfo {
      margin-bottom: 5px;
    }
    article .content-feature-list li i, article .content-feature-list li ion-icon,
    .terms-wrap .content-feature-list li i,
    .terms-wrap .content-feature-list li ion-icon {
      font-size: 14px;
      top: 4px;
    }
    .post-wrapper {
      padding: 22px 22px;
    }
    .wp-block-quote {
      padding: 20px;
      margin: 20px 0 20px;
    }
    .wp-block-quote p {
      font-size: 16px;
    }
    .post-img {
      margin: 0 0 25px;
    }
    .post-share .social-profile li a {
      width: 30px;
      height: 30px;
    }
    .post-share .social-profile li a i {
      font-size: 15px;
    }
    .reply-btn {
      font-size: 14px;
    }
    .post-tag {
      margin-bottom: 15px;
    }
    .post-tag ul li a {
      font-size: 13px;
    }
    .comment-item-wrap .comment-item {
      margin-bottom: 15px;
      padding-bottom: 20px;
    }
    .comment-item-wrap .comment-item.reply {
      margin-left: 25px;
    }
    .comment-item-wrap .comment-item .comment-author-img {
      width: 65px;
      height: 65px;
    }
    .comment-item-wrap .comment-item .comment-author-wrap {
      width: 100%;
      margin-left: 0;
      margin-top: 20px;
    }
    .comment-item-wrap .comment-item .comment-author-wrap .comment-author-name {
      margin-bottom: 15px;
    }
    .comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5 {
      font-size: 20px;
    }
    .comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date {
      margin-bottom: 13px;
      font-size: 14px;
    }
    .comment-item-wrap .comment-item .comment-author-wrap .comment-text {
      margin-bottom: 10px;
    }
    #cmt-form .comment-form .form-group {
      margin-bottom: 15px;
    }
    #cmt-form .comment-form .form-group label {
      font-size: 14px;
    }
    #cmt-form .comment-form .form-group input {
      height: 54px;
    }
    .category-list li {
      margin-bottom: 14px;
    }
    .category-list li a {
      font-size: 14px;
    }
    .category-list li a:before {
      top: 7px;
    }
    .pp-post-item .pp-post-img {
      width: 95px;
    }
    .pp-post-item .pp-post-info {
      width: calc(100% - 110px);
    }
    .pp-post-item .pp-post-info .news-metainfo li, .pp-post-item .pp-post-info .news-metainfo a {
      font-size: 14px;
    }
    .pp-post-item .pp-post-info h6 {
      font-size: 15px;
      line-height: 22px;
    }
    .tag-list li a {
      font-size: 14px;
    }
    .terms-wrap .single-terms {
      margin-bottom: 30px;
    }
    .error-content img {
      max-width: 100%;
    }
    .login-form-wrap {
      padding: 30px 15px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
      max-width: 720px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .pt-140 {
      padding-top: 70px;
    }
    .pt-100 {
      padding-top: 70px;
    }
    .pb-100 {
      padding-bottom: 70px;
    }
    .mt-100 {
      margin-top: 70px !important;
    }
    .mb-100 {
      margin-bottom: 70px !important;
    }
    .mtb-100 {
      margin-top: 70px;
      margin-bottom: 70px;
    }
    .pb-50 {
      padding-bottom: 20px;
    }
    .pb-75 {
      padding-bottom: 35px;
    }
    .pb-115 {
      padding-bottom: 35px;
    }
    .pb-140 {
      padding-bottom: 70px;
    }
    .ptb-100 {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .ptb-140 {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .pt-70 {
      padding-top: 40px;
    }
    .pb-70 {
      padding-bottom: 40px;
    }
    .pb-75 {
      padding-bottom: 45px;
    }
    .pb-50 {
      padding-bottom: 20px;
    }
    .pt-75 {
      padding-top: 45px;
    }
    .breadcrumb-wrap {
      padding-top: 68px;
    }
    .breadcrumb-wrap .breadcrumb-content h2 {
      font-size: 30px;
      line-height: 40px;
      margin: 0 0 8px;
    }
    .section-title {
      font-size: 30px;
      line-height: 40px;
    }
    .content-title h2 {
      font-size: 30px;
      line-height: 40px;
    }
    .hero-wrap {
      padding: 120px 0 0;
    }
    .hero-wrap .hero-content {
      padding-bottom: 0;
    }
    .hero-wrap .hero-content h1 {
      font-size: 54px;
      line-height: 60px;
    }
    .hero-wrap .hero-content h1 img {
      max-width: 40px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings {
      margin-left: 10px;
      padding: 11px 22px 11px 20px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings h3 {
      font-size: 32px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings .card-ratings-right p {
      font-size: 14px;
    }
    .hero-wrap .hero-content .card-list li img {
      max-width: 100px;
    }
    .hero-wrap .hero-form-wrap .hero-img {
      position: relative;
      bottom: auto;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      position: absolute;
      bottom: 30px;
      right: 30px;
      max-width: 390px;
    }
    .about-wrap .about-content {
      padding: 70px 60px;
      border-radius: 15px 0 0 0;
    }
    .about-wrap .about-content:before {
      border-radius: 15px 0 0 0;
    }
    .about-wrap .about-bg {
      height: 450px;
      background-position: top;
      border-radius: 0 0 15px 15px;
    }
    .facility-card h3 {
      font-size: 36px;
      line-height: 46px;
    }
    .bt-wrap > .row {
      max-width: 720px;
      margin: 0 auto;
    }
    .bt-wrap .bt-img {
      height: 500px;
      margin-bottom: 25px;
    }
    .bt-wrap .bt-content {
      padding: 0 0 70px 0;
    }
    .credit-card.style-two {
      padding: 0 22px;
    }
    .credit-card.style-two .card-img {
      width: 22%;
    }
    .credit-card.style-two .card-features {
      width: 53%;
      padding: 40px 25px 5px 25px;
    }
    .credit-card.style-two .card-btn {
      width: 25%;
      padding: 0 0 0 22px;
    }
    .credit-card.style-two .card-btn a {
      padding: 10px 24px;
      font-size: 14px;
    }
    .award-box {
      padding: 40px 50px 20px;
    }
    .app-box {
      padding: 65px 0 72px 30px;
    }
    .app-box .app-content .app-btn span {
      font-size: 16px;
    }
    .app-box .app-content .app-btn a img {
      max-width: 115px;
    }
    .app-box .app-img {
      max-width: 290px;
    }
    .testimonial-card::after {
      top: 27px;
    }
    .step-wrap .step-img {
      margin: 25px 0 0;
      height: 600px;
      background-position: top;
    }
    .news-wrap {
      padding: 70px calc((100% - 695px) / 2);
    }
    .mortgage-rewards {
      padding: 0 calc((100% - 695px) / 2);
    }
    .mortgage-rewards .reward-content {
      padding: 70px 0 30px;
    }
    .mortgage-rewards .reward-bg {
      height: 450px;
    }
    .process-wrap .process-img-wrap {
      overflow: hidden;
    }
  }
  @media only screen and (max-width: 991px) {
    .md-none {
      display: none !important;
    }
    .md-center {
      text-align: center !important;
    }
    .account-process {
      margin-top: 25px;
    }
    .category-slider-wrap .category-slider-btn {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      margin-right: 8px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      margin-left: 8px;
    }
    .category-slider-wrap .category-slider-btn .category-prev,
    .category-slider-wrap .category-slider-btn .category-next {
      position: relative;
      left: auto;
      top: auto;
      margin-top: 30px;
      transform: translateY(0);
      width: 40px;
      height: 40px;
    }
    .award-box .section-title {
      margin-bottom: 25px;
      text-align: center;
    }
    .process-wrap.style-three .process-img-wrap .process-shape {
      max-width: 70%;
    }
    .process-wrap.style-three .process-img-wrap .circle-wrap {
      top: 5%;
      right: 10%;
    }
    .process-wrap.style-four .process-content {
      margin-bottom: 25px;
    }
    .interest-calculator.style-two {
      margin-bottom: 25px;
    }
    .credit-card.style-one {
      padding: 22px 22px 25px;
      margin-bottom: 25px;
    }
    .credit-card.style-one .card-features {
      margin-bottom: 30px;
    }
    .credit-card.style-one .card-btn a {
      padding: 11px 12px 11px;
    }
    .card-details-wrap .card-details {
      margin: 25px 0 0;
    }
    .simple-img,
    .certificate-features,
    .ira-img {
      margin-bottom: 25px;
    }
    .cod-img-one,
    .cod-img-wrap,
    .interest-calculator {
      margin-top: 25px;
    }
    .interest-calculator {
      padding: 25px 22px 28px;
    }
    .interest-calculator .result {
      font-size: 32px;
      line-height: 42px;
    }
    .interest-calculator h6 {
      font-size: 18px;
    }
    .process-wrap.style-one .process-content {
      margin-bottom: 25px;
    }
    .process-wrap.style-one .process-img-wrap .process-shape {
      width: 80%;
    }
    .testimonial-wrap.style-one .counter-card-wrap {
      margin-top: 30px;
    }
    .faq-content #accordionExample {
      margin-bottom: 10px;
    }
    .atm-content {
      margin-bottom: 30px;
    }
    .atm-map {
      height: 500px;
    }
    .news-wrap {
      background-color: var(--optionalColor);
    }
    .news-wrap .news-overlay {
      width: 100%;
      border-radius: 0;
    }
    .news-wrap .content-title .news-pagination {
      margin-top: 35px;
    }
    .news-wrap .news-slider-wrap {
      margin-top: 25px;
    }
    .cod-img-two {
      margin-bottom: 25px;
    }
    .cod-wrap-two .cod-content {
      margin-bottom: 25px;
    }
    .cod-wrap-two .cod-img-wrap {
      padding-bottom: 180px;
    }
    .cod-wrap-two .cod-img-wrap .cod-img-two {
      max-width: 80%;
    }
    .cod-wrap-two .cod-img-wrap .btn-one {
      left: 15px;
      bottom: 80px;
    }
    .cod-wrap .cod-content {
      margin-bottom: 25px;
    }
    .cod-wrap .cod-img-wrap {
      padding-bottom: 180px;
    }
    .cod-wrap .cod-img-wrap .cod-img-two {
      max-width: 85%;
      margin-bottom: 25px;
    }
    .apy-box {
      margin-top: 20px;
      font-size: 26px;
      line-height: 36px;
      padding: 15px 20px;
    }
    .saving-calculator .saving-form {
      margin-top: 30px;
    }
    .wh-card-wrap .wh-card:after {
      display: none;
    }
    .process-wrap.style-two .process-content {
      margin-top: 25px;
    }
    .loan-img {
      margin-bottom: 25px;
    }
    .video-bg {
      height: 350px;
    }
    .business-card .business-info {
      padding: 22px 22px 7px;
    }
    .business-card.style-two .business-info {
      padding: 18px 22px 7px;
    }
    .cta-wrap .link-one {
      font-size: 16px;
    }
    .rate-box {
      margin-top: 25px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .lg-none {
      display: none !important;
    }
    .sidebar {
      margin-top: 50px;
    }
    .lmb-20 {
      margin-bottom: 20px;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .newsletter-wrap .card-one {
      max-width: 200px;
    }
    .newsletter-wrap .card-two {
      max-width: 200px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title {
      font-size: 38px;
      line-height: 48px;
    }
    .content-title h2 {
      font-size: 38px;
      line-height: 48px;
    }
    .breadcrumb-wrap .breadcrumb-content h2 {
      font-size: 36px;
      line-height: 46px;
    }
    .hero-wrap .container {
      max-width: 990px;
    }
    .hero-wrap .hero-content h1 {
      font-size: 48px;
      line-height: 57px;
    }
    .hero-wrap .hero-content h1 img {
      max-width: 40px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings {
      margin-left: 10px;
      padding: 11px 22px 11px 20px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings h3 {
      font-size: 32px;
    }
    .hero-wrap .hero-content .hero-btn .card-ratings .card-ratings-right p {
      font-size: 14px;
    }
    .hero-wrap .hero-content .card-list li img {
      max-width: 100px;
    }
    .hero-wrap .hero-form-wrap .hero-img {
      padding-left: 30px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      max-width: 390px;
    }
    .award-box {
      padding: 40px 50px 20px;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -20px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -20px;
    }
    .bt-wrap {
      padding-right: calc((100% - 920px) / 2 + 12px);
      padding-left: 0;
    }
    .bt-wrap .bt-content {
      padding-left: 10px;
    }
    .bt-wrap .bt-content .content-title p {
      padding-right: 20px;
    }
    .testimonial-card::after {
      width: 98.7%;
    }
    .cod-wrap-two .cod-img-wrap {
      position: relative;
      height: auto;
      padding-bottom: 200px;
    }
    .cod-wrap-two .cod-img-wrap .cod-img-two {
      max-width: 380px;
    }
    .cod-wrap .cod-img-wrap {
      position: relative;
      height: auto;
      padding-bottom: 200px;
    }
    .cod-wrap .cod-img-wrap .cod-img-one {
      padding-left: 50px;
    }
    .cod-wrap .cod-img-wrap .cod-img-two {
      max-width: 380px;
    }
    .app-box {
      padding: 91px 0 96px 40px;
    }
    .app-box .app-content .app-btn span {
      font-size: 18px;
    }
    .app-box .app-content .app-btn a img {
      max-width: 170px;
    }
    .app-box .app-img {
      max-width: 380px;
    }
    .news-wrap {
      padding-left: calc((100% - 938px) / 2);
      padding-right: 0;
      width: calc(100% - 12px);
    }
    .mortgage-rewards {
      padding-left: calc((100% - 960px) / 2 + 12px);
      padding-right: 0;
      overflow: hidden;
    }
  }
  @media only screen and (min-width: 1200px) {
    .xl-none {
      display: none !important;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .breadcrumb-wrap .container {
      max-width: 1200px;
      padding-left: 40px;
    }
    .hero-wrap .container {
      max-width: 1200px;
    }
    .hero-wrap .hero-content .card-list li img {
      max-width: 120px;
    }
    .hero-wrap .hero-form-wrap .hero-img {
      padding-left: 30px;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -30px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -30px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-wrap .hero-form-wrap .hero-img {
      left: -55px;
      bottom: -75px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      margin-bottom: 75px;
    }
    .app-box .app-btn a img {
      max-width: 170px;
    }
    .step-wrap .step-img {
      height: 803px;
    }
    .bt-wrap {
      padding-right: calc((100% - 1140px) / 2 + 12px);
      padding-left: 0;
    }
    .bt-wrap .bt-content {
      padding-left: 20px;
    }
    .bt-wrap .bt-content .content-title p {
      padding-right: 50px;
    }
    .bt-wrap .bt-content .feature-list {
      width: calc(100% + 25px);
    }
    .credit-card.style-one .card-ratings span,
    .credit-card.style-two .card-ratings span {
      font-size: 14px;
    }
    .testimonial-wrap.style-one .testimonial-slider-wrap {
      width: calc(100% + 12px);
    }
    .testimonial-wrap.style-one .testimonial-bg {
      width: 33%;
    }
    .testimonial-wrap.style-one .counter-card-wrap {
      width: calc(100% - 50px);
      margin-left: auto;
    }
    .testimonial-card {
      padding: 31px 30px 23px;
    }
    .cod-wrap .cod-img-wrap .cod-img-one {
      padding-left: 80px;
    }
    .cod-wrap .cod-img-wrap .cod-img-two {
      max-width: 490px;
    }
    .cod-wrap-two .cod-img-wrap .cod-img-two {
      max-width: 400px;
    }
    .news-wrap {
      padding-left: calc((100% - 1140px) / 2);
      padding-right: 0;
      width: calc(100% - 12px);
    }
    .mortgage-rewards {
      padding-left: calc((100% - 1140px) / 2 + 12px);
      padding-right: 0;
      overflow: hidden;
    }
  }
  @media only screen and (min-width: 1300px) and (max-width: 1399px) {
    .breadcrumb-wrap .container {
      max-width: 1300px;
      padding-left: 90px;
    }
    .hero-wrap .container {
      max-width: 1300px;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -60px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -60px;
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .container-fluid {
      padding-left: 40px;
      padding-right: 40px;
    }
    .step-wrap .step-img {
      height: 663px;
    }
    .hero-wrap .container {
      max-width: 1400px;
    }
    .hero-wrap .hero-content {
      width: calc(100% - 45px);
    }
    .hero-wrap .hero-content h1 {
      font-size: 65px;
      line-height: 75px;
    }
    .hero-wrap .hero-content p {
      font-size: 18px;
      line-height: 29px;
      padding-right: 50px;
    }
    .hero-wrap .hero-form-wrap .hero-img {
      left: -55px;
      bottom: -75px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      margin-bottom: 75px;
    }
    .loan-box {
      padding-left: 100px;
      padding-right: 100px;
      max-width: 1400px;
      margin: 0 auto;
    }
  }
  @media only screen and (min-width: 1400px) {
    .px-xxl-6 {
      padding: 0 80px;
    }
    .pe-xxl-6 {
      padding: 0 80px 0 0;
    }
    h4 {
      font-size: 22px;
    }
    .content-title h2 {
      font-size: 48px;
      line-height: 64px;
    }
    .section-title {
      font-size: 48px;
      line-height: 60px;
    }
    .breadcrumb-wrap .container {
      max-width: 1400px;
      padding-left: 50px;
    }
    .breadcrumb-wrap .br-img {
      width: calc(100% - 14px);
      margin-left: auto;
    }
    .breadcrumb-wrap .breadcrumb-content {
      padding-top: 17px;
    }
    .breadcrumb-content h2 {
      font-size: 48px;
      line-height: 53px;
    }
    .about-wrap .about-content {
      padding: 100px 90px 100px 90px;
    }
    .about-wrap .ceo-contact {
      padding-left: 45px;
    }
    .about-wrap .bank-account.content-title {
      padding-right: 70px;
    }
    .about-wrap .account-process {
      position: relative;
      top: 5px;
    }
    .simple-box {
      padding: 25px 28px 25px;
    }
    .banking-activity {
      padding: 50px 6px 20px;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -40px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -40px;
    }
    .interest-calculator {
      padding: 84px 87px 28px;
    }
    .interest-calculator.style-two {
      padding: 84px 87px 85px;
    }
    .bn-card {
      padding: 30px 25px 25px 30px;
    }
    .facility-card {
      padding: 28px 30px 22px;
    }
    .process-wrap.style-one, .process-wrap.style-three {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .process-wrap.style-three .process-content {
      width: calc(100% - 125px);
      margin-left: auto;
    }
    .process-wrap.style-four .process-content {
      width: calc(100% - 85px);
    }
    .security-card {
      padding: 25px 30px 22px;
    }
    .award-box .award-item {
      position: relative;
    }
    .award-box .award-item h4 {
      padding: 0 50px;
    }
    .award-box .award-item:first-child {
      left: -15px;
    }
    .award-box .award-item:last-child {
      left: -20px;
    }
    .cat-card.style-one {
      padding: 30px 23px 22px 32px;
    }
    .app-box {
      padding: 91px 0 96px 112px;
    }
    .app-box .app-content {
      width: calc(100% + 50px);
    }
    .bank-card {
      padding: 30px 20px 25px 30px;
    }
    .card-details-wrap .card-details {
      width: calc(100% + 20px);
      margin-left: -20px;
      position: relative;
      top: 13px;
    }
    .bt-wrap {
      padding-right: calc((100% - 1320px) / 2 + 12px);
      padding-left: 0;
    }
    .bt-wrap .bt-img {
      width: calc(100% - 70px);
    }
    .bt-wrap .bt-content {
      width: calc(100% + 10px);
      margin-left: 25px;
    }
    .bt-wrap .bt-content .content-title p {
      padding-right: 50px;
    }
    .bt-wrap .bt-content .feature-list {
      width: calc(100% + 25px);
    }
    .testimonial-wrap.style-one .testimonial-slider-wrap {
      width: calc(100% + 12px);
    }
    .testimonial-wrap.style-one .counter-card-wrap {
      width: calc(100% - 120px);
      margin-left: auto;
      position: relative;
      top: 5px;
    }
    .testimonial-card {
      padding: 31px 30px 23px;
    }
    .news-card .news-info {
      padding: 22px 28px 22px;
    }
    .news-wrap {
      padding-left: calc((100% - 1320px) / 2);
      padding-right: 0;
      width: calc(100% - 12px);
    }
    .news-wrap .content-title {
      width: calc(100% - 80px);
    }
    .news-wrap .news-slider-wrap {
      width: calc(100% + 89px);
      margin-left: -89px;
    }
    .ira-img {
      width: calc(100% - 80px);
    }
    .ira-content {
      width: calc(100% - 6px);
      margin-left: auto;
    }
    .apy-box {
      max-width: 448px;
    }
    .saving-calculator {
      padding: 85px 112px 85px 88px;
    }
    .saving-calculator .saving-form {
      padding-left: 30px;
    }
    .process-wrap.style-one .process-img-wrap {
      width: calc(100% + 15px);
      margin-left: -15px;
    }
    .process-wrap.style-one .process-img-wrap .process-img {
      margin: 0 auto;
    }
    .process-wrap.style-one .process-content {
      width: calc(100% - 113px);
    }
    .process-wrap.style-two .process-img {
      width: calc(100% + 30px);
    }
    .process-wrap.style-two .process-content {
      width: calc(100% - 120px);
      margin-left: auto;
    }
    .step-wrap .step-content {
      width: calc(100% + 30px);
    }
    .step-wrap .step-img {
      width: calc(100% - 120px);
      margin-left: auto;
    }
    .step-wrap.style-two .step-img {
      width: calc(100% - 105px);
      margin-left: 0;
      height: 596px;
    }
    .certificate-features {
      width: calc(100% - 100px);
    }
    .cod-wrap .cod-content {
      width: calc(100% - 100px);
    }
    .cod-wrap.style-two .cod-content {
      width: calc(100% - 0px);
    }
    .cod-wrap.style-two .cod-content .cod-item-wrap {
      padding-right: 30px;
    }
    .cod-wrap.style-two .cod-img-wrap .cod-img-two {
      width: auto;
      max-width: 424px;
    }
    .cod-wrap-two .cod-content .cod-item-wrap {
      padding-right: 30px;
    }
    .cod-wrap-two .cod-img-wrap .cod-img-two {
      width: auto;
      max-width: 424px;
    }
    .simple-content {
      width: calc(100% - 8px);
      margin-left: auto;
    }
    .simple-img {
      width: calc(100% - 80px);
    }
    .smb-content {
      width: calc(100% - 50px);
    }
    .smb-content .content-title p {
      margin: 18px 0 44px;
      padding-right: 50px;
    }
    .smb-card {
      padding: 26px 28px 22px 30px;
    }
    .smb-card-wrap {
      width: calc(100% - 5px);
      margin-left: auto;
    }
    .cod-img-two {
      width: calc(100% - 80px);
    }
    .mortgage-card {
      padding: 30px 30px 25px;
    }
    .mortgage-rewards {
      padding-left: calc((100% - 1320px) / 2);
      padding-right: 0;
      overflow: hidden;
    }
    .mortgage-rewards .reward-content {
      width: calc(100% - 50px);
    }
    .mortgage-rewards .reward-bg {
      width: calc(100% + 5px);
      margin-left: -5px;
    }
    .loan-card {
      padding: 32px 25px 22px 30px;
    }
    .loan-category-card.style-one {
      padding: 30px 30px 25px;
    }
    .contact-card.style-two .contact-info h5, .contact-card.style-two .contact-info a {
      font-size: 22px;
      line-height: 28px;
    }
    .business-card.style-two .business-info {
      padding: 15px 22px 7px 29px;
    }
    .comment-box-title {
      font-size: 48px;
      font-weight: 600;
    }
    .login-form-wrap {
      padding: 85px 88px 90px;
    }
  }
  @media only screen and (min-width: 1600px) {
    .section-title {
      font-size: 48px;
      line-height: 52.8px;
    }
    .content-title h2 {
      font-size: 48px;
      line-height: 52.8px;
    }
    .breadcrumb-wrap .container {
      max-width: 1580px;
      padding-left: 140px;
    }
    .hero-wrap .container {
      max-width: 1580px;
    }
    .hero-wrap .hero-content {
      width: calc(100% - 45px);
    }
    .hero-wrap .hero-content h1 {
      font-size: 75px;
      line-height: 80px;
      margin-top: -2px;
    }
    .hero-wrap .hero-content h1 img {
      margin-top: -10px;
      top: 3px;
    }
    .hero-wrap .hero-content p {
      font-size: 18px;
      line-height: 29px;
      padding-right: 50px;
    }
    .hero-wrap .hero-form-wrap .hero-img {
      left: -75px;
      bottom: -95px;
    }
    .hero-wrap .hero-form-wrap .hero-login-form {
      margin-bottom: 95px;
      left: 10px;
    }
    .about-wrap .about-content {
      padding: 100px 103px 100px 104px;
    }
    .about-wrap .ceo-contact {
      padding-left: 40px;
    }
    .about-wrap .bank-account.content-title {
      padding-right: 70px;
    }
    .process-wrap.style-one, .process-wrap.style-three {
      margin-top: 32px;
      margin-bottom: 45px;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -80px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -80px;
    }
    .newsletter-wrap .card-one {
      left: 8%;
    }
    .newsletter-wrap .card-two {
      right: 7.2%;
    }
    .testimonial-wrap .testimonial-bg {
      width: 34.7%;
    }
    .bt-wrap .bt-img {
      width: calc(100% - 63px);
    }
    .bt-wrap .bt-content {
      width: calc(100% - 26px);
    }
    .bt-wrap .bt-content .content-title p {
      padding-right: 50px;
    }
    .bt-wrap .bt-content .feature-list {
      width: calc(100% + 25px);
    }
    .loan-box {
      padding-left: 150px;
      padding-right: 150px;
      max-width: 1540px;
      margin: 0 auto;
    }
  }
  @media only screen and (min-width: 1920px) {
    .breadcrumb-wrap .container {
      max-width: 1605px;
      padding-left: 150px;
    }
    .hero-wrap .container {
      max-width: 1605px;
    }
    .container {
      padding-left: 0;
      padding-right: 0;
    }
    .loan-box {
      max-width: 1620px;
      margin: 0 auto;
    }
    .category-slider-wrap .category-slider-btn .category-prev {
      left: -122px;
    }
    .category-slider-wrap .category-slider-btn .category-next {
      right: -122px;
    }
  }
  /*---------------------------------
     Responsive CSS For New Demos
  -----------------------------------*/
  @media only screen and (max-width: 767px) {
    .btn-eight,
    .btn-seven {
      font-size: 14px;
      padding: 10px 18px 10px;
    }
    .mb-sm-20 {
      margin-bottom: 20px;
    }
    .content-title h2 span {
      font-size: 28px;
    }
    .hero-wrap.style-two {
      padding: 190px 0 0;
    }
    .hero-wrap.style-two:before {
      background-size: cover;
      width: 100%;
    }
    .hero-wrap.style-two .hero-content {
      padding-bottom: 30px;
    }
    .hero-wrap.style-two .hero-content h1 {
      font-size: 30px;
      line-height: 42px;
      margin-bottom: 100px;
    }
    .hero-wrap.style-two .hero-content h1 span {
      display: block;
    }
    .hero-wrap.style-two .hero-content h1 span a {
      top: auto;
      margin-left: 0;
      margin-top: 15px;
    }
    .hero-wrap.style-two .hero-content .subpara {
      margin-bottom: 20px;
    }
    .hero-wrap.style-two .hero-content .card-ratings {
      padding: 16px 17px 16px 17px;
    }
    .hero-wrap.style-two .hero-content .card-ratings h3 {
      font-size: 33px;
    }
    .hero-wrap.style-three {
      padding: 124px 0 40px;
    }
    .hero-wrap.style-three .hero-content {
      padding: 0 0 10px;
      margin-bottom: 0;
    }
    .hero-wrap.style-three .hero-content h1 {
      font-size: 32px;
      line-height: 44px;
    }
    .hero-wrap.style-three .hero-content .hero-contact {
      margin: 35px 0;
      text-align: left;
    }
    .hero-wrap.style-three .counter-card-wrap .counter-card {
      padding: 11px 20px 11px;
      border-radius: 15px;
      margin-bottom: 10px;
    }
    .hero-wrap.style-three .counter-card-wrap .counter-card:last-child {
      margin-bottom: 0;
    }
    .hero-wrap.style-three .counter-card-wrap .counter-card .counter-icon {
      width: 40px;
    }
    .hero-wrap.style-three .counter-card-wrap .counter-card .counter-text {
      width: calc(100% - 60px);
      margin-left: 20px;
    }
    .hero-wrap.style-three .counter-card-wrap .counter-card .counter-text h2 {
      font-size: 28px;
      line-height: 41px;
    }
    .about-wrap.style-three .about-content .feature-card-wrap .feature-card {
      margin-bottom: 25px;
    }
    .about-wrap.style-three .about-content .feature-card-wrap .feature-card .feature-icon {
      top: 0;
    }
    .about-wrap.style-three .about-content .feature-card-wrap .feature-card .feature-info {
      width: 100%;
      margin: 25px 0 0;
    }
    .about-wrap.style-three .about-content .feature-card-wrap .feature-card .feature-info h3 {
      font-size: 18px;
      margin-bottom: 8px;
    }
    .wh-wrap .wh-content {
      margin-bottom: 25px;
    }
    .wh-wrap .wh-content .content-title {
      margin-bottom: 10px;
    }
    .wh-wrap .wh-content .growth-rate h6 {
      font-size: 90px;
    }
    .wh-wrap .wh-content .growth-rate h6 span {
      font-size: 35px;
    }
    .wh-card {
      padding: 45px 20px;
    }
    .wh-card h3 {
      max-width: 78%;
      font-size: 20px;
      line-height: 30px;
    }
    .wh-card img {
      right: 20px;
    }
    .case-details-wrap .counter-card-wrap .counter-card .counter-text h2 {
      font-size: 40px;
      line-height: 50px;
    }
    .fund-transfer .fund-bg-one,
    .fund-transfer .fund-bg-two {
      height: 700px;
      width: calc(100% - 20px);
    }
    .fund-transfer .fund-transfer-content {
      width: 100%;
      border-radius: 15px;
      padding: 40px 20px;
    }
    .fund-transfer .fund-transfer-content ul li {
      margin-bottom: 16px;
    }
    .fund-transfer .fund-transfer-content ul li:last-child {
      margin-bottom: 0;
    }
    .fund-transfer .fund-transfer-content ul li span {
      margin-right: 5px;
    }
    .account-system .content-title h2 {
      padding-left: 65px;
    }
    .account-system .content-title h2 img {
      max-width: 50px;
    }
    .account-system .account-process {
      -moz-columns: 1;
           columns: 1;
    }
    .brand-wrapper {
      border-bottom: none;
    }
    .brand-wrapper .brand-logo {
      width: 50%;
      padding: 40px 20px;
    }
    .brand-wrapper .brand-logo:nth-child(even) {
      border-right: none;
    }
    .platform-wrap .content-title {
      margin-bottom: 50px;
    }
    .platform-wrap .service-list li a {
      padding-left: 40px;
      font-size: 25px;
    }
    .platform-wrap .service-list li a:after {
      bottom: 0;
    }
    .platform-wrap .service-list li a span {
      bottom: 4px;
      font-size: 14px;
    }
    .simple-content .accordion-item {
      margin: 0 0 42px 44px;
    }
    .simple-content .accordion-item .accordion-header .accordion-button {
      margin: 0;
      font-size: 20px;
      line-height: 28px;
      padding: 0 0 45px 0;
    }
    .simple-content .accordion-item .accordion-header .accordion-button span {
      top: 14px;
    }
    .simple-content .accordion-item .accordion-body {
      border-radius: 0 0 5px 5px;
      padding: 0 0 24px 0;
      border: none;
    }
    .simple-content .accordion-item .accordion-body p {
      margin: 0;
    }
    .simple-content .accordion-item .accordion-body p:last-child {
      margin: 0;
    }
    .feature-wrap .feature-bg {
      height: 360px;
    }
    .feature-wrap .feature-content {
      padding: 50px 15px;
    }
    .feature-wrap .feature-content .section-title {
      margin-bottom: 30px;
    }
    .feature-wrap .feature-content .feature-list {
      -moz-columns: 1;
           columns: 1;
    }
    .feature-card.style-one {
      padding: 20px;
    }
    .feature-card.style-one .feature-info {
      width: 100%;
      margin: 20px 0 0;
    }
    .testimonial-content .quote-icon {
      width: 60px;
    }
    .testimonial-content .quote-icon img {
      max-width: 50px;
    }
    .testimonial-slider-three.style-one {
      width: calc(100% - 70px);
    }
    .testimonial-slider-three.style-one .testimonial-pagination {
      width: calc(100% + 65px);
      left: calc(50% - 32.5px) !important;
    }
    .testimonial-card.style-two h2 {
      font-size: 40px;
      line-height: 1;
      margin-bottom: 0;
    }
    .testimonial-card.style-two p {
      font-size: 18px;
      line-height: 32px;
      margin-bottom: 25px;
    }
    .testimonial-card.style-two h6 {
      font-size: 18px;
      line-height: 20px;
    }
    .case-card.style-one .case-info {
      padding: 0 25px 20px;
    }
    .case-slider-two .case-pagination {
      margin-top: 10px;
    }
    .service-slider-wrap {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .service-card.style-one .section-title span {
      font-size: 28px;
    }
    .service-card.style-one .service-bg {
      height: 380px;
    }
    .chat-wrapper .chat-content .live-chat {
      margin: 25px 0;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-wrap.style-two {
      padding: 140px 0 0;
    }
    .hero-wrap.style-two .hero-content {
      padding-bottom: 30px;
    }
    .hero-wrap.style-two .hero-content h1 {
      font-size: 42px;
      line-height: 56px;
      margin-bottom: 130px;
    }
    .hero-wrap.style-two .hero-content h1 a {
      top: -10px;
    }
    .hero-wrap.style-three {
      padding: 124px 0 30px;
    }
    .hero-wrap.style-three .hero-content h1 {
      font-size: 70px;
      line-height: 84px;
    }
    .hero-wrap.style-three .hero-content .hero-contact {
      margin: 35px 0;
      text-align: left;
    }
    .feature-wrap .feature-bg {
      height: 450px;
    }
    .feature-wrap .feature-content {
      padding: 70px 30px;
    }
    .brand-wrapper .brand-logo {
      padding: 40px 25px;
    }
    .wh-wrap .wh-content {
      margin-bottom: 25px;
    }
    .wh-wrap .wh-content .content-title {
      margin-bottom: 10px;
    }
    .wh-card h3 {
      max-width: 80%;
    }
    .platform-wrap {
      background-image: url(../img/about/platform-bg.webp);
    }
    .platform-wrap .content-title {
      margin-bottom: 90px;
    }
    .platform-wrap .platform-overlay {
      z-index: -1;
    }
    .platform-wrap .service-list li a {
      font-size: 34px;
    }
    .platform-wrap .service-list li a span {
      bottom: 6px;
    }
  }
  @media only screen and (max-width: 991px) {
    .mb-md-20 {
      margin-bottom: 20px;
    }
    .hero-wrap.style-three:after {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.55);
      z-index: -1;
    }
    .about-wrap.style-three .about-img-wrap {
      margin-bottom: 30px;
    }
    .about-wrap.style-two .content-title {
      margin-bottom: 20px;
    }
    .about-wrap.style-two .about-content .accordion {
      margin-bottom: 25px;
    }
    .about-wrap.style-two .about-content .accordion .accordion-item {
      padding: 25px 18px 25px 22px;
    }
    .about-wrap.style-two .about-content .accordion .accordion-item .accordion-header .accordion-button {
      font-size: 18px;
      line-height: 28px;
    }
    .about-wrap.style-two .about-img img {
      display: block;
      margin: 0 auto;
    }
    .simple-img-wrap {
      margin-top: 25px;
    }
    .feature-wrap .feature-bg {
      border-radius: 25px 25px 0 0;
    }
    .feature-wrap .feature-content {
      border-radius: 0 0 25px 25px;
    }
    .hw-wrapper .brand-award-wrapper .brand-award:after {
      left: 52%;
    }
    .hw-wrapper .brand-award-wrapper .brand-award .award-logo h6 {
      font-size: 16px;
      line-height: 24px;
    }
    .service-card.style-one .service-content {
      margin-bottom: 25px;
    }
    .service-slider-one .slider-btn,
    .service-slider-one .servie-pagination {
      position: relative;
      bottom: auto;
      right: auto;
      margin-top: 41px;
    }
    .service-slider-one .slider-btn {
      justify-content: flex-end;
    }
    .testimonial-content {
      margin-bottom: 25px;
    }
    .testimonial-slider-three {
      padding-bottom: 45px;
    }
    .testimonial-slider-three .testimonial-pagination {
      text-align: center;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
    }
    .testimonial-slider-three.style-two .testimonial-pagination {
      position: relative;
      margin-top: 20px;
      bottom: auto;
    }
    .testimonial-card.style-three .client-ratings {
      margin-bottom: 25px;
    }
    .testimonial-card.style-three .client-ratings .ratings {
      text-align: left;
    }
    .testimonial-card.style-three .client-ratings .ratings h5 {
      font-size: 80px;
      line-height: 80px;
    }
    .testimonial-card.style-three .client-quote .section-title {
      padding-bottom: 45px;
      margin-bottom: 40px;
      margin-top: 20px;
    }
    .testimonial-card.style-three .client-quote .client-info-wrap .client-img {
      width: 70px;
      height: 70px;
    }
    .testimonial-card.style-three .client-quote .client-info-wrap .client-info {
      width: calc(100% - 90px);
      margin-left: auto;
    }
    .news-card-wrap .news-card.style-two {
      padding-bottom: 30px;
    }
    .news-card.style-two .news-metainfo,
    .news-card.style-two .news-info,
    .news-card.style-two .news-link {
      width: 100%;
    }
    .news-card.style-two .news-metainfo li {
      font-size: 14px;
    }
    .news-card.style-two .news-info {
      margin: 15px 0;
      padding-left: 0;
    }
    .news-card.style-two .news-link {
      text-align: left;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-wrap.style-two {
      padding: 200px 0 0;
    }
    .hero-wrap.style-two .hero-content h1 {
      font-size: 60px;
      line-height: 75px;
      margin-bottom: 200px;
    }
    .hero-wrap.style-two .hero-content .subpara {
      padding-left: 12px;
    }
    .hero-wrap.style-two .hero-content .card-ratings {
      margin-right: 12px;
    }
    .hero-wrap.style-three {
      padding: 214px 0 30px;
    }
    .hero-wrap.style-three .hero-content h1 {
      font-size: 70px;
      line-height: 84px;
    }
    .hero-wrap.style-three .hero-content .hero-contact {
      margin-top: 80px;
    }
    .feature-wrap .feature-content .feature-list {
      -moz-columns: 1;
           columns: 1;
    }
    .wh-wrap .wh-content .content-title {
      margin-bottom: 80px;
    }
  }
  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-wrap.style-two .subpara {
      padding-left: 12px;
    }
    .hero-wrap.style-two .card-ratings {
      margin-right: 12px;
    }
    .wh-wrap.style-one .wh-content .content-title p {
      max-width: 70%;
    }
    .wh-card-wrapper {
      width: calc(100% + 200px);
      margin-left: -190px;
      position: relative;
      top: -5px;
    }
    .wh-card-wrapper .wh-card h3 {
      max-width: 70%;
    }
  }
  @media only screen and (min-width: 1400px) {
    .hero-wrap.style-two .hero-content h1 {
      font-size: 80px;
      line-height: 100px;
      margin-bottom: 385px;
    }
    .hero-wrap.style-two .hero-content .subpara {
      font-size: 20px;
      line-height: 30px;
    }
    .hero-wrap.style-three {
      padding: 354px 0 50px;
    }
    .hero-wrap.style-three .hero-content {
      width: calc(100% + 20px);
    }
    .hero-wrap.style-three .hero-content h1 {
      font-size: 100px;
      line-height: 110px;
    }
    .hero-wrap.style-three .hero-content p {
      font-size: 20px;
      line-height: 28.8px;
    }
    .hero-wrap.style-three .hero-content p {
      margin-bottom: 43px;
      margin-top: 7px;
    }
    .about-wrap.style-two #accordionExample {
      width: calc(100% - 112px);
    }
    .fund-transfer .fund-transfer-content {
      padding: 45px 45px 45px 30px;
    }
    .wh-wrap.style-one .wh-content .content-title p {
      max-width: 65%;
    }
    .wh-card-wrapper {
      width: calc(100% + 240px);
      margin-left: -240px;
      position: relative;
      top: -5px;
    }
    .wh-card {
      padding: 40px 25px 40px 50px;
    }
    .wh-card h3 {
      max-width: 58%;
    }
    .brand-wrapper .brand-logo {
      padding: 87.5px 25px;
    }
    .testimonial-content .section-title {
      max-width: 65%;
    }
    .testimonial-content .quote-icon {
      width: 112px;
    }
    .testimonial-slider-three.style-one {
      width: calc(100% - 112px);
      position: relative;
      top: -5px;
    }
    .testimonial-slider-three.style-one .testimonial-pagination {
      right: 100px;
    }
    .testimonial-card.style-two {
      padding-right: 115px;
    }
    .case-card.style-one .case-info {
      padding: 0 30px 20px;
    }
    .case-details-wrap .featured-box {
      padding: 45px 50px 45px;
    }
    .hw-wrapper .brand-award-wrapper .brand-award {
      width: calc(100% + 120px);
      margin-left: -58px;
    }
    .hw-wrapper .brand-award-wrapper .brand-award .award-logo h6 {
      padding: 0 45px;
    }
    .feature-card.style-one {
      padding: 30px;
    }
    .feature-card.style-one .feature-icon {
      width: 100px;
      height: 100px;
    }
    .feature-card.style-one .feature-info {
      width: calc(100% - 130px);
    }
  }
  @media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .hero-wrap.style-two .hero-content h1 {
      font-size: 80px;
      line-height: 100px;
    }
    .feature-wrap .container-fluid {
      padding-left: 12px;
      padding-right: 12px;
    }
    .testimonial-card.style-three .client-ratings {
      min-height: 534px;
    }
  }
  @media only screen and (min-width: 1600px) {
    .hero-wrap.style-two .hero-content h1 {
      font-size: 96px;
      line-height: 110px;
      margin-bottom: 455px;
    }
  }
  @media only screen and (min-width: 1920px) {
    .ps-xxl-55 {
      padding-left: 2.4rem !important;
    }
    .container-fluid.style-two {
      max-width: 1820px;
      margin: 0 auto;
    }
    .hero-wrap.style-two .container-fluid {
      padding: 0 55px;
      max-width: 1820px;
    }
    .hero-wrap.style-two:before {
      max-width: 1805px;
      margin: 0 auto;
    }
    .hero-wrap.style-three {
      padding: 354px 0 0px;
    }
    .hero-wrap.style-three .container-fluid {
      max-width: 1720px;
    }
    .hero-wrap.style-three .hero-content {
      width: calc(100% + 20px);
    }
    .hero-wrap.style-three .hero-content h1 {
      font-size: 128px;
      line-height: 130px;
      margin-bottom: 2px;
      left: -6px;
      position: relative;
    }
    .hero-wrap.style-three .hero-content p {
      margin-bottom: 43px;
      margin-top: 7px;
    }
    .hero-wrap.style-three .counter-card-wrap {
      width: calc(100% - 24px);
      position: relative;
      top: -58px;
      max-width: 346px;
    }
    .feature-card-wrapper .container-fluid {
      max-width: 1820px;
      margin: 0 auto;
    }
    .feature-wrap {
      max-width: 1820px;
      margin: 0 auto;
    }
    .feature-wrap .container-fluid {
      padding: 0;
    }
    .feature-wrap .feature-bg {
      width: calc(100% + 12px);
    }
    .feature-wrap .feature-content {
      width: calc(100% - 12px);
      margin-left: auto;
      padding: 100px 100px 100px 110px;
    }
    .service-card.style-one .service-content {
      padding-right: 50px;
    }
    .service-slider-one .slider-btn {
      bottom: 5px;
    }
    .service-slider-one .servie-pagination {
      bottom: 45px;
    }
  }/*# sourceMappingURL=responsive.css.map */