@media (min-width: 768px) {
  .mobile-view-logout-btn {
    display: none;
  }

  .desktop-view-logout-btn {
    margin-left: 40px;
  }
}

@media (max-width: 1770px) {
  .hero-left-vector {
    max-width: 380px;
  }

  .hero-right-vector {
    max-width: 315px;
  }
}

@media (max-width: 1499.98px) {
  .h1 {
    font-size: 50px;
    line-height: 65px;
  }

  .h2 {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  /*===============================================
             LOGIN SECTION / PAGE SOC
  ===============================================*/
  .login-section .inner-login .title-main {
    padding-bottom: 50px;
  }

  .login-section .login-wrapper {
    padding: 70px 0;
  }

  .login-section .login-wrapper .btn {
    margin-top: 40px;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .career-steps-section .career-btns {
    min-width: 300px;
    padding: 11px 15px;
  }

  /*===============================================
              ARRANGE COLLECTION SECTION SOC
  ===============================================*/
  .arrange-collection-section .arrange-collection-steps {
    /* width: calc((100% / 3) - 30px); -- 4/3/24 */
    padding: 0 30px;
  }

  /*===============================================
       REPORTS & CERTIFICATION SECTION SOC
  ===============================================*/
  .reports-certificate-list-view {
    padding-top: 40px;
  }

  /*===============================================
       MANAGEMENT REPORTS SECTION SOC
  ===============================================*/
  .coming-soon-content .coming-soon-content-text {
    font-size: 100px;
    line-height: 100px;
  }

  .coming-soon-content {
    padding: 100px 0 60px;
  }
}

@media (max-width: 1399px) {
  .btn {
    padding: 10px 30px;
    font-size: 19px;
  }

  .hero-left-vector {
    max-width: 340px;
  }

  .hero-right-vector {
    max-width: 264px;
    right: 0;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .career-steps-section .career-btns {
    min-width: 250px;
  }

  /*===============================================
             LOGIN SECTION / PAGE SOC
  ===============================================*/
  .login-section .inner-login .title-main {
    padding-bottom: 40px;
  }

  .login-section .login-wrapper {
    padding: 60px 0;
  }

  .login-section .login-wrapper .btn {
    margin-top: 35px;
  }

  /*===============================================
              ARRANGE COLLECTION SECTION SOC
  ===============================================*/
  .arrange-collection-section .arrange-collection-steps {
    /* width: calc((100% / 3) - 20px);  -- 4/3/24 */
    padding: 0 20px;
  }

  .arrange-collection-section .arrange-collection-steps .arrange-collection-steps-box {
    padding: 20px;
  }

  .arrange-collection-section .arrange-collection-steps-wrapper {
    padding: 50px 0;
  }
}

/* ====================================================
                    TABLET VIEW
==================================================== */
@media (max-width: 1199.98px) {
  .h1 {
    font-size: 37px;
    line-height: 50px;
  }

  .h2 {
    font-size: 30px !important;
    line-height: 47px !important;
  }

  .h3 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .h4 {
    font-size: 19px !important;
  }

  .p {
    font-size: 16px;
    line-height: 26px;
  }

  .common-padding {
    padding: 80px 0;
  }

  /* =============================================
            HERO SECTION SOC
  ============================================= */
  .hero-section .inner-hero {
    max-width: 600px;
    padding: 100px 0;
  }

  .hero-section {
    min-height: 425px;
  }

  .hero-right-vector {
    max-width: 240px;
  }

  .hero-left-vector {
    max-width: 295px;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .inner-career-steps .title-main {
    padding-bottom: 50px;
  }

  .career-steps-content-box {
    width: calc(100% / 2);
    padding: 20px;
  }

  /*===============================================
       ARRANGE COLLECTION SECTION SOC
===============================================*/
  .category-hero-section .title-main .h1 {
    padding-bottom: 15px;
  }

  .category-title-main {
    max-width: 100%;
  }

  .arrange-collection-section .title-main .h2,
  .reports-certificate-section .title-main .h2 {
    padding-bottom: 15px;
  }

  .arrange-collection-section .arrange-collection-steps {
    /* width: calc((100% / 3) - 15px);  -- 4/3/24 */
    padding: 0 15px;
  }

  .arrange-collection-section .arrange-collection-steps .arrange-collection-steps-box {
    padding: 20px 15px;
  }

  .arrange-collection-section .arrange-collection-steps-wrapper {
    padding: 50px 0;
    /* margin: 0px -15px; -- 4/3/24 */
  }

  .customer-details-form-wrapper .title-main {
    padding: 40px 0;
    /*-- 4/3/24*/
  }

  .customer-details-form {
    padding: 30px;
    /*-- 4/3/24*/
  }

  .inner-assets-invento .title-main {
    padding: 80px 0 40px;
    /*-- 4/3/24*/
  }

  .arrange-collection-section .arrange-collection-steps .arrange-collection-steps-box .arrange-steps-content {
    font-size: 20px;
    line-height: 22px;
    display: inline-block;
  }

  .inner-arrange-collection .welcome-text {
    font-size: 20px;
  }

  /*04/03/24*/
  /*===============================================
       MANAGEMENT REPORTS SECTION SOC
  ===============================================*/
  .coming-soon-content .coming-soon-content-text {
    font-size: 80px;
    line-height: 80px;
  }

  .coming-soon-content {
    padding: 80px 0 50px;
  }

  /*===============================================
       GLOBAL STOCKS SECTION SOC
  ===============================================*/
  .global-stocks-section .global-view-store-wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 991.98px) {
  .h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .h2 {
    font-size: 28px !important;
    line-height: 40px !important;
  }

  .h3 {
    font-size: 23px !important;
    line-height: normal !important;
  }

  .h4 {
    font-size: 18px !important;
  }

  .p {
    font-size: 16px;
    line-height: 26px;
  }

  .common-padding {
    padding: 60px 0;
  }

  /*===============================================
              HEADER SECTION SOC
  ===============================================*/
  .header-main .inner-header {
    padding: 15px 0;
    min-height: 102px;
  }

  .header-main .header-left .header-main-logo {
    max-width: 180px;
  }

  .header-main .header-right .header-brand-logo {
    max-width: 110px;
  }

  /*===============================================
              HERO SECTION SOC
  ===============================================*/

  .hero-section .inner-hero {
    max-width: 425px;
    padding: 50px 0;
  }

  .hero-left-vector {
    max-width: 30vw;
  }

  .hero-right-vector {
    max-width: 25vw;
  }

  .hero-section {
    min-height: 355px;
  }

  .margin-top {
    margin-top: 103px;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .inner-career-steps .title-main {
    padding-bottom: 40px;
  }

  /*===============================================
              LOGIN PAGE SOC
  ===============================================*/
  .login-section {
    height: calc(100vh - 104px);
  }

  /*===============================================
       ARRANGE COLLECTION SECTION SOC
  ===============================================*/
  .arrange-collection-section .arrange-collection-steps {
    width: 100%;
    padding: 15px 0;
  }

  .arrange-collection-section .arrange-collection-steps-wrapper {
    margin: 0;
    padding: 30px 0;
  }

  .customer-details-form .row {
    display: block;
  }

  /*04/03/24*/

  /*===============================================
       REPORTS & CERTIFICATION SECTION SOC
===============================================*/

  .select-filter-for-reports .dropdown dt a {
    padding: 20px 10px;
  }

  .report-certicates-list {
    justify-content: space-between;
  }

  .reports-certificate-list-view {
    padding-top: 30px;
  }

  .reports-certificate-list-wrapper {
    padding-top: 40px;
  }

  /*===============================================
       GLOBAL STOCKS SECTION SOC
  ===============================================*/
  .global-stocks-section .global-view-store-wrapper {
    padding-top: 40px;
  }
}

/* ====================================================
                    MOBILE VIEW
==================================================== */
@media (max-width: 767px) {
  .custom-container {
    max-width: 100%;
    padding: 0 20px;
  }

  .h4 {
    font-size: 16px !important;
  }

  .form-label {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .form-control::placeholder {
    font-size: 14px;
  }

  .form-control,
  .form-select {
    font-size: 14px;
    padding: 15px;
  }

  .form-group {
    padding-bottom: 16px;
  }

  /*===============================================
              LOGIN PAGE SOC
  ===============================================*/

  .login-section .login-wrapper .btn {
    margin-top: 26px;
  }

  .mobile-view-logout-btn {
    display: inline-block;
    margin-left: 20px;
  }

  .desktop-view-logout-btn {
    display: none;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .inner-career-steps .title-main {
    padding-bottom: 30px;
  }

  .career-steps-section .career-btns {
    padding: 10px;
  }

  .career-steps-box img {
    max-width: 70px;
    max-height: 70px;
  }

  /*===============================================
       ARRANGE COLLECTION SECTION SOC 
  ===============================================*/

  .arrange-collection-section .title-main .h2,
  .reports-certificate-section .title-main .h2 {
    padding-bottom: 10px;
  }

  .arrange-collection-section .arrange-collection-steps .arrange-collection-steps-box .arrange-steps-content {
    font-size: 16px;
    line-height: 20px;
  }

  .arrange-collection-section .arrange-collection-steps .h3,
  .reports-certificate-section .arrange-collection-steps .h3 {
    padding-bottom: 10px;
  }

  .customer-details-form .form-label {
    font-size: 16px;
  }

  /*04/03/24*/
  .customer-details-form .form-group {
    padding-bottom: 16px;
  }

  /*04/03/24*/
  .customer-details-form .form-control,
  .customer-details-form .form-select {
    padding: 15px;
  }

  .customer-details-form .form-control::placeholder {
    font-size: 16px;
  }

  /*===============================================
       REPORTS & CERTIFICATION SECTION SOC
  ===============================================*/
  .reports-certificate-search-icon {
    top: 0;
  }

  .reports-certificate-search {
    padding: 0 40px 15px 40px;
  }

  .reports-certificate-search::placeholder {
    font-size: 16px;
  }

  .select-filter-for-reports .dropdown dt a {
    padding: 15px 10px;
  }

  .reports-certificate-list-view {
    padding-top: 20px;
  }
}

@media (max-width: 575px) {
  .h1 {
    font-size: 32px;
    line-height: 40px;
  }

  .h2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .h3 {
    font-size: 18px !important;
    line-height: normal !important;
  }

  .p {
    font-size: 16px;
    line-height: 26px;
  }

  .common-padding {
    padding: 50px 0;
  }

  /*===============================================
              LOGIN PAGE SOC
  ===============================================*/
  .login-section {
    height: calc(100vh - 64px);
  }

  /*===============================================
              HEADER SECTION SOC
  ===============================================*/
  .header-main .header-left .header-main-logo {
    max-width: 125px;
  }

  .header-main .header-right .header-brand-logo {
    max-width: 45px;
  }

  .header-main .inner-header {
    min-height: 62px;
  }

  /*===============================================
              HERO SECTION SOC
  ===============================================*/
  .hero-section {
    min-height: calc(100vh - 64px);
    /*change min height for full screen -- By Himani 20/2/24*/
    padding-bottom: 340px;
  }

  .hero-right-vector {
    max-width: 260px;
    margin: auto;
    left: 0;
  }

  .hero-section .inner-hero {
    padding: 50px 0 0;
  }

  .margin-top {
    margin-top: 62px;
  }

  /*===============================================
              CAREER SECTION SOC
  ===============================================*/
  .inner-career-steps .title-main {
    padding-bottom: 20px;
  }

  .career-steps-section .career-btns {
    font-size: 16px;
    max-width: 225px;
  }

  .career-steps-content-box {
    width: calc(100%);
  }

  /*===============================================
       ARRANGE COLLECTION SECTION SOC 
  ===============================================*/

  .arrange-collection-section .arrange-collection-submit-btn {
    min-width: 100%;
  }

  .customer-details-form {
    padding: 15px 15px;
  }

  /*0403/24*/
  .inner-arrange-collection .welcome-text {
    font-size: 18px;
  }

  /*0403/24*/
  /*===============================================
       MANAGEMENT REPORTS SECTION SOC
  ===============================================*/
  .coming-soon-content .coming-soon-content-text {
    font-size: 50px;
    line-height: 50px;
  }

  /*===============================================
       GLOBAL STOCKS SECTION SOC
  ===============================================*/

  .global-stocks-section .global-view-store-wrapper .view-store-score-btn {
    min-width: 100%;
  }
}