@media (max-width: 1400px) {
  .loginForm {
    padding: 28px 0 40px;
  }

  .forgot-password {
    margin-bottom: 40px;
  }
  .lfield {
    font-size: 14px;
    height: 44px;
  }

  .lfield::placeholder {
    font-size: 14px;
  }
  .login-heading h3 {
    font-size: 28px;
  }
  .login-heading p {
    font-size: 16px;
  }
  .signin-button {
    font-size: 18px;
    width: 300px;
    height: 50px;
  }
  .forgotlabel a {
    font-size: 16px;
  }
  .form-info p {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .banner-heading h2 {
    font-size: 30px;
  }
  .main-banner {
    text-align: center;
  }

  .image-in-banner {
    max-width: 248px;
    margin: 0 auto;
    margin-top: 27px;
  }

  .logo {
    text-align: center;
  }

  .logo img {
    max-width: 128px;
  }

  .eye-side-banner {
    position: static;
    width: 100%;
  }

  .col-md-6.image-eye {
    padding: 0;
    margin-top: 20px;
  }

  .data-home-content .row {
    flex-direction: column-reverse;
  }

  .eye-side-banner .eye-abs {
    padding-right: 100px;
  }

  .data-home-content {
    padding-top: 30px;
  }

  .icon-heading {
    width: 21px;
    height: 21px;
  }

  .icon-heading img {
    width: 100%;
  }

  .custom-accordion-btn h3 {
    font-size: 20px;
  }

  .tabheading {
    gap: 10px;
  }

  .accordion-side-foundation .accordion-button {
    padding-bottom: 16px;
  }

  .accordion-side-foundation .accordion-item {
    margin-bottom: 24px;
  }

  .data-home-content {
    min-height: unset;
  }

  .accordion-side-foundation .accordion-body {
    font-size: 16px;
  }

  .accordion-button::after {
    background-size: 14px !important;
  }

  .accordion-button:not(.collapsed)::after {
    background-size: 14px !important;
  }

  .accordion-side-foundation {
    padding: 0 10px;
  }
  .section-headings h3 {
    font-size: 24px;
  }

  .section-headings p {
    font-size: 16px;
    padding-top: 20px;
  }

  .sec-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .gold-standard-wrapper .section-paralax-grade {
    margin-top: 30px !important;
    padding-top: 0 !important;
  }

  .paralax-title h2 {
    font-size: 20px;
  }

  .paralax-title p {
    font-size: 16px;
    padding-top: 5px;
  }

  .paralax-title {
    padding-top: 20px;
  }

  .paralax-row .row {
    flex-direction: column-reverse;
  }

  .gold-standard-wrapper .paralax-row {
    margin-bottom: 40px !important;
  }

  .gold-standard-wrapper {
    padding: 30px 10px 10px 10px;
  }

  .section-headings h3,
  .section-headings p {
    text-align: left;
  }
  .offering-section h3 {
    text-align: center;
  }

  .offering-section .row {
    padding-top: 20px !important;
  }

  .offering-box {
    padding: 24px 20px;
    min-height: 248px;
  }

  .offering-title h2 {
    font-size: 18px;
  }

  .offering-title p {
    font-size: 16px;
    max-width: 200px;
    font-weight: 300;
  }

  .offering-image {
    max-width: 220px;
  }

  .offering-box.offeringA {
    margin-bottom: 20px;
  }

  .footer-row {
    flex-direction: column;
    gap: 20px;
  }

  .footer-logo {
    flex-direction: column;
    gap: 18px;
  }

  span.bgsep {
    display: none;
  }

  .copyright {
    font-size: 14px;
    text-align: center;
    line-height: normal;
  }

  .social-row ul {
    padding-left: 0;
  }

  /* Login CSS */

  .login-form-wrapper {
    width: 100%;
    padding: 0;
  }
  .login-heading h3 {
    font-size: 20px;
  }
  .login-heading p {
    font-size: 14px;
    max-width: 200px;
  }
  .lfield {
    font-size: 13px;
    height: 34px;
    padding: 25px 40px;
  }
  .lfield::placeholder {
    font-size: 13px;
  }
  .email-fieldm {
    background-size: 14px;
  }
  .pass-fieldm {
    background-size: 12px;
  }
  .l-field-block {
    margin-bottom: 24px;
  }
  .forgotlabel a {
    font-size: 12px;
  }
  .signin-button {
    font-size: 16px;
    width: 100%;
    height: 46px;
  }
    .signin-button .btn-text{
    font-size: 16px;
    
  }
     .form-info p {
        font-size: 12px;
        margin-bottom: 0;
        
    }
  .form-info a {
        font-size: 12px;
        display: block;
        text-align: center;
        line-height: 2;
    }
  .toggle-password img {
    width: 16px !important;
  }
  .toggle-password {
    top: 22px;
  }
  .login-wrapper {
    align-items: start;
    padding-top: 35px;
  }
  .login-container {
    padding: 0 20px;
    flex: 1;
  }
  .email-fieldm {
    background-position: 4% 50%;
  }
  .pass-field {
    background-position: 4.5% !important;
  }
  .loginForm {
    width: 100%;
}
}