@media only screen and (max-width: 1200px) {
  .current-upcoming-offer {
    .company-list {
      .company-item {
        .company-details {
          .logo {
            width: 24%;
          }
        }
      }
    }
  }

  .kyc-steps {
    section {
      padding: 5rem 20rem;
    }
  }
}

@media (max-width: 992px) {
  .navbar {
    position: unset;
    padding: 1rem 0;
    background-color: #ffffff;

    .navbar-brand img {
      width: 10rem;
    }

    .navbar-collapse {
      padding: 1rem 0rem;
      width: 35%;

      .nav-link,
      .dropdown-toggle,
      .dropdown-item {
        font-size: 1.4rem;
        padding: 1rem 1rem;
        border-bottom: 0.1rem solid #f8f8f8;
        /* width: 35%; */
      }

      .navbar-right {
        .dropdown-toggle {
          justify-content: flex-start;
        }

        .dropdown-menu {
          padding: 0;

          .dropdown-item {
            padding: 1rem;

            &:hover {
              background-color: #ffffff;
            }
          }
        }
      }
    }
  }

  .current-upcoming-offer {
    .company-list {
      margin-bottom: 5rem;

      .company-item {
        flex-direction: column;
        gap: 2rem;

        .company-details {
          gap: 2rem;

          .logo {
            width: 20%;
          }

          .content {
            margin: 0;

            .company-header {
              justify-content: space-between;
            }

            .company-content {
              margin: 1rem 0 0;
            }
          }
        }

        .action-button {
          width: 100%;
          text-align: -webkit-right;
        }
      }
    }

    .secondary-trade {
      .filters {
        margin: 5rem 0;

        .tabs {
          width: 65%;

          a {
            padding: 0.8rem;
            width: 100%;
          }
        }
      }
    }

    .trade,
    .subscribe-offer {
      padding: 4rem;
      gap: 2rem;

      .details-container {
        flex: 100%;
      }

      img {
        max-width: 100%;
        height: auto;
      }
    }
  }

  .show-interest {
    .left-block {
      .heading {
        padding-right: 2rem;
        padding-left: 2rem;
        padding-bottom: 2rem;
      }
    }

    .right-block {
      .form-wrapper {
        padding: 4rem 4rem;

        .form-check {
          label {
            width: 90%;
          }
        }
      }
    }
  }

  .equity {
    .key-performance {
      .indicators-wrap {
        padding: 2rem;

        .indicators {
          gap: 1rem;

          .icon img {
            width: 3.2rem;
            height: 2.2rem;
          }

          .value {
            font-size: 3.6rem;
          }
        }
      }
    }

    .tab-content-wrapper {
      .profile-content {

        .company-profile,
        .equity-profile,
        .contact-details {
          margin: 4rem 4rem;
          padding: 4rem 4rem;
        }

        .board-member,
        .top-management {
          h3 {
            padding-left: 1.3rem;
          }

          .user-details {
            padding: 0 3.5rem 2rem 0;

            .profile-icon img {
              width: 6rem;
            }
          }
        }

        .board-member,
        .top-management {
          padding: 6rem 8.5rem;
        }

        .subsidiaries {
          padding: 6rem 8.5rem;
        }
      }

      .reports-content {
        .nav {
          .nav-item {
            .nav-link {
              border: 0;
            }
          }
        }
      }
    }
  }

  .kyc-steps {
    section {
      padding: 5rem;
    }
  }

  .company-details-form,
  .financial-details-form,
  .payment-method,
  .bank-account-form,
  .ivestor-card-form,
  .tax-declaration-form,
  .professional-investor-form,
  .review-information {
    padding: 6rem 10rem;
  }

  .login {
    padding: 5rem;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 8px;
  }

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

  .current-upcoming-offer {
    .company-list {
      margin-bottom: 5rem;

      .company-item {
        gap: 1rem;
        display: flex;
        flex-wrap: wrap;

        .company-details {
          gap: 2rem;

          .logo {
            width: 18%;

            img {
              max-width: 100%;
            }
          }

          .content {
            width: 78%;
            margin: 0;

            .company-header {
              justify-content: space-between;
            }

            .company-content {
              margin: 1rem 0 0;
            }
          }
        }

        .action-button {
          text-align: -webkit-right;
          width: 100%;
        }
      }
    }

    .secondary-trade {
      .brand-list {
        gap: 5rem;
        flex-direction: column;
      }

      .filters {
        flex-direction: column;
        margin: 5rem 0;

        .tabs {
          width: 100%;

          a {
            padding: 0.8rem;
          }
        }

        .search-bar {
          width: 100%;

          input {
            width: 100%;
          }
        }
      }
    }

    .trade,
    .subscribe-offer {
      .image-container {
        justify-content: center;
        display: flex;
        align-items: center;
      }
    }

    .trade,
    .image-container {
      justify-content: center;
      display: flex;
      align-items: center;
    }


    .help {
      .help-item {
        .help-cover {
          padding: 2.4rem 2.4rem 0;
        }

        .details {
          justify-content: space-between;
        }
      }
    }
  }

  .show-interest {
    .container {
      padding-top: 0;
    }
  }

  .equity {
    .key-performance {
      padding-top: 3rem;
    }

    .company-details {
      .details {
        padding-left: 0;
      }
    }

    .tab-content-wrapper {
      .profile-content {

        .board-member,
        .top-management {
          padding: 6rem 8rem;
        }

        .subsidiaries {
          padding: 6rem 7rem;
        }
      }
    }
  }

  footer {
    padding-top: 4rem;

    .policy-social-links {
      text-align: center;
    }

    .contact-details {
      padding-bottom: 4rem;
    }

    .footer-navigation {
      padding-top: 4rem;
    }

    .address {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    .location-btn {
      margin-bottom: 2rem;
    }

    .copyright-text {
      text-align: center;
    }
  }

  .login {
    .col {
      background: unset;

      .form-wrapper {
        width: 100%;
      }
    }
  }
}

@media (max-width: 576px) {
  .modal-dialog {
    margin: 1.5rem;
  }

  .current-upcoming-offer {
    .company-list {
      .company-item {
        .company-details {
          align-items: start;

          .logo {
            width: 24%;
          }

          .content {
            width: 72%;
          }
        }
      }
    }

    .trade,
    .subscribe-offer {
      flex-direction: column;
    }

    .help {
      flex-direction: column;
      gap: 4rem;
    }
  }

  .equity {
    .company-details {
      .card {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
    }

    .key-performance {
      .indicators-wrap .indicators {
        gap: 3rem;
      }
    }

    .tab-content-wrapper {
      .profile-content {

        .company-profile,
        .equity-profile,
        .contact-details {
          margin: 1.3rem 1.3rem;
          padding: 2rem 2rem;
        }

        .board-member,
        .top-management {
          padding: 6rem 3rem;
        }

        .subsidiaries {
          padding: 6rem 3rem;
        }
      }

      .news-disclosures-content,
      .reports-content {
        .document-list {
          .document-item {
            flex-direction: column;
            align-items: flex-start;

            .left-block,
            .right-block {
              width: 100%;

              button {
                float: right;
              }
            }
          }
        }
      }
    }
  }

  .company-details-form,
  .financial-details-form,
  .payment-method,
  .bank-account-form,
  .ivestor-card-form,
  .tax-declaration-form,
  .professional-investor-form,
  .review-information {
    padding: 6rem 0;
  }

  .update-kyc-details {
    section {
      padding: 0;
    }
  }

  .kyc-steps {
    section {
      padding: 2rem;

      .update-kyc-steps {
        h3 {
          padding-bottom: 2rem;
        }

        .steps-wrapper {
          .step {
            padding: 1.2rem 4.2rem 1.2rem 1.2rem;
            gap: 1rem;

            &.completed::after,
            &.pending::after {
              right: 1.2rem;
            }
          }
        }
      }
    }
  }

  .company-profile-pre-listing {
    .company-details {
      .card {
        padding: 2rem;
      }

      .details {
        padding-top: 2rem;
      }
    }

    .company-links a {
      margin: 0;
    }
  }

  .login {
    padding: 1.3rem 0;

    .col {
      background: unset;

      .form-wrapper {
        width: 100%;

        .input-link-wrap {
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }
      }
    }
  }
}

@media (max-width: 360px) {
  .current-upcoming-offer {
    .secondary-trade {
      .filters {
        .tabs {
          flex-direction: column;
        }
      }
    }
  }
}

.image-container {
  width: auto !important;
  padding-bottom: 22px !important;
  padding-top: 6px !important;
}

.heading text-center {
  text-align: left;
  padding: 5.4rem 8rem 5.4rem 5.2rem;
}

.subscribe-offer {
  .details-container {
    text-align: left;
  }
}

/* CSS Updated for Equity Responsiveness*/

@media (max-width: 1000px) {
  .bullet-progress2 {
    width: 100%;
  }

}



@media (min-width: 375px) and (max-width: 767.98px) {


  .eq-logo {
    bottom: 60px;
  }

  .stepper-wrapper {

    max-width: 350px !important;
    margin: 0 auto;
    overflow-x: scroll !important;
    padding-bottom: 20px;

  }

  ::-webkit-scrollbar {
    width: 6px !important;
    height: 6px;
  }



  /* Track */
  ::-webkit-scrollbar-track {
    /*  box-shadow: inset 0 0 5px gray; */
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #CFD2D3;
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #CFD2D3;
  }


  .mdl-sec2 {
    float: none !important;
    margin: 0 auto;
  }

  .kp-mods {
    width: 30%;
  }


  .eq-desc-lft {
    margin-bottom: 0px;
  }

  /* .mdl-sec2-ttl {
     float: none!important;
  } */

  h1 {
    font-size: 2rem!important;
  }

}

@media (min-width: 780px) and (max-width: 1800px) {

  .mdl-sec2-ttl {
    float: left !important;
  }

}

/*----- EQ Logo correction ------*/

@media (min-width: 344px) and (max-width: 767.98px) {

  .eq-logo {    bottom: 88px!important;  }

  .img-responsive {
    width: auto;
    height: auto;
}

}

@media (min-width: 767.98px) and (max-width: 1091px) {

  .eq-logo {  bottom: 65px!important;  }

}


@media (min-width: 1092px) and (max-width: 1400px) {

  .eq-logo {  bottom: 102px!important;  }

}

@media (min-width: 769px) and (max-width: 991px) {

  .kp-mods { width: 31.5%; }

}

@media (min-width: 300px) and (max-width: 991px) {

  .kp-mods h1 { font-size: 20px !important; }

}

@media (min-width: 300px) and (max-width: 600px) {
  .col-xs-12 {
      /* flex: 0 0 auto; */
      width: 100%;
  }

  .kp-mods {
    width: 30%;
  }
}

@media (min-width: 300px) and (max-width: 500px) {
  .col-tech-bx-active{ width:90%; }
}


/*----- EQ Logo correction ------*/


/*----- Hero Section ------*/


@media (min-width: 375px) and (max-width: 767.98px) {

  .dfm-label1 
  {
  float: left;
  margin: 12px 6px 12px 0px;
  }
  
  .eq-lnk{ text-align:left; }
  
  /*h1 { color:#fff; }*/
  
  .eq-client-hld 
  {
      top: 8%;
  }
  
  }
  
  /*----- Hero Section ------*/

/*----- 30/09/2024 ------*/
@media (min-width: 300px) and (max-width: 500px) 
{
  .collapse-tab-txt1 { width:89%!important; }
  .subscr-bnr-caption { font-size:20px; }
  .form-check-label { width: 79%!important;}
}

/*----- Capital Raise ------*/

@media (min-width: 300px) and (max-width: 991px) 
{
  .frm-img { display: none; }
}

@media (min-width: 300px) and (max-width: 2000px) 
{
.frm-capital-r-hld { max-height: 510px!important; overflow-y: scroll;}
}

/*---- 02/10/24 ----*/

@media (min-width: 300px) and (max-width: 991px) 
{
  .frm-capital-r-hld { width: 80%!important; right: 8%!important; }

}

@media (min-width: 300px) and (max-width: 768px) {
  col-xs-6 { width:45%!important;}
  }