@media screen and (max-width: 1200px) {
  .bannerhome {
    background: bottom !important;
  }

  .news-section {
    padding: 20px 15px !important;
  }

  .register-application-cover .register-application-form {
    margin: 3rem 2rem !important;
  }
}


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

  .main-header-all-cover {
    margin: 0 0px !important;
  }

  .header-title h3 {
    font-size: var(--font-size-14) !important;
    line-height: 22px !important;
  }

  .navbar-custom .nav-item .nav-link {
    font-size: var(--font-size-14) !important;
    padding-right: .3rem !important;
    padding-left: .3rem !important;
  }

  .actions-btns .btn-primary2 {
    font-size: var(--font-size-14) !important;
    padding: var(--padding2) !important;
  }


  .detail-form-page .multi-step-form ul .nav-item {

    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }


}


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


  .detail-form-page .multi-step-form ul {
    gap: 19px 1px !important;
    flex-wrap: wrap !important;
    flex-direction: inherit !important;
    justify-content: center !important;
  }

  .detail-form-page .multi-step-form ul .nav-item {
    /* flex-direction: column !important; */
    flex-basis: 32% !important;
    display: flex !important;
  }

    .modal-dialog.modal-lg.modal-dialog-centered.grievancedialog {
      max-width: 700px;
    }


}




@media screen and (min-width: 320px) and (max-width: 991px) {
  .actions-btns {
    display: none;
  }

  .navbar-custom .navbar-toggler {
    color: rgb(16 39 95);
    border-color: rgb(16 39 95);
  }

  .navbar-custom .navbar-toggler .navbar-toggler-icon {
    filter: brightness(0) saturate(100%) invert(14%) sepia(61%) saturate(749%) hue-rotate(189deg) brightness(95%) contrast(90%);
  }

  .responsive-btns {
    display: block !important;
  }

  .navbar-collapse {
    position: absolute;
    top: 70px;
    right: 0;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  #mainNavbar .navbar-nav {
    width: 300px;
    background: white;
    padding: 20px;
    border-radius: 5px;
  }

  #mainNavbar .navbar-nav .nav-item {
    padding: 4px;
  }

  #mainNavbar .navbar-nav .nav-item .responsive-login-btn .nav-link {
    color: #fff !important;
  }

  .login-detail-row {
    flex-direction: column !important;
    /* gap: 10px !important; */
    margin: 0 10px !important;
  }

  .login-detail-row .login-detail-col {
    width: 100% !important;
  }

  .login-detail-row .login-detail-col .auth-full-page-content {
    border-radius: 30px 30px 0px 0 !important;
  }

  .login-detail-row .login-detail-col .instructions-section {
    border-radius: 0 0 30px 30px !important;
  }

  .how-it-works-section .custom-container:before {
    display: none;
  }

  .how-it-works-section .custom-container .card-step {
    flex: 0 0 50% !important;
  }

  .how-it-works-section .custom-container {

    justify-content: center !important;
  }

  .how-it-works-section .custom-container .card-step .title:after {
    display: none !important;
  }


  .how-it-works-section .custom-container .card-step .title:before {
    display: none !important;
  }

  .how-it-works-section .custom-container .card-step .title {
    border-radius: 10px !important;
  }

  .arrow-icon {
    display: none !important;
  }

  .linking-bar-header p {
    text-align: center;
  }

  .verify-input-wrapper {
    flex-direction: column !important;
    align-items: start !important;
  }



  .auth-page.forgotmain .auth-full-page-content {
    width: 80% !important;
  }


  .detail-form-page .multi-step-form {
    padding: 20px 18px !important;
  }

  .detail-form-page .basic-detail-form .auth-page-cover .card {
    margin: 20px 0 0 0 !important;
  }

  .detail-form-cover.mx-5.px-5 {
    padding: 0px !important;
    margin: 0px !important;
  }


  .card-body.uploadmaindoc .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6.mb-2 {
    width: 100% !important;
  }


  .multi-step-form ul.list-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    align-items: center;
    justify-items: center;
  }


  .detail-form-page .multi-step-form ul .nav-item {
    flex-direction: column !important;
  }

  .detail-form-page .multi-step-form ul .nav-item::before {
    display: none !important;
  }

  .detail-form-page .multi-step-form ul .nav-item::after {
    display: none !important;
  }

  /* 
  .detail-form-page .multi-step-form ul {
    gap: 20px !important;
  } */


  .register-application-cover .register-application-form {
    margin: 2rem 0rem !important;
  }

  .application-form .auth-page-cover .card {
    padding: 13px 13px !important;
  }

  .application-form .auth-page-cover .card .form-section {
    padding: 20px 20px !important;
  }


}

@media screen and (min-width: 320px) and (max-width: 520px) {
  .responsive-hidden-nav {
    display: none !important;
  }

  .how-it-works-section .custom-container .card-step {
    flex: 0 0 100% !important;
  }

  .custom-navbar-header {
    display: block !important;
  }

  .custom-navbar-header .navbar-custom .navbar-toggler {
    color: #fff;
    border-color: #fff;
  }

  .custom-navbar-header .navbar-custom .navbar-toggler .navbar-toggler-icon {
    filter: inherit !important;
  }

  .custom-navbar-header .navbar-collapse {
    position: absolute;
    top: 53px;
    right: 11px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }

  .header-title h3 {
    font-size: 14px !important;
    text-align: center !important;
  }

  .header-title h3 p {
    line-height: inherit !important;
  }

  .main-header-all-cover {
    justify-content: center !important;
    margin: 0 0px !important;
  }

  .hero-section-cover .hero-section .home-banner-content {
    padding: 20px 20px !important;
  }

  .hero-section-cover .home-banner-content .badge {
    display: none !important;
  }

  .hero-section-cover .hero-section .home-banner-content {
    padding: 30px 30px !important;
  }

  .hero-section-cover .hero-title {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: inherit !important;
  }

  .hero-section-cover .hero-form-regiter-details .hero-form-detail {
    flex-direction: column !important;
  }

  .hero-section-cover .checklist-item-2 {
    margin: 0 !important;
  }

  .hero-form-regiter-details {
    margin-top: 5px !important;
    gap: 5px !important;
  }

  .hero-section-cover .hero-form-detail {
    gap: 5px !important;
  }

  .hero-section-cover .hero-form-detail p {
    font-size: 14px !important;
  }

  .hero-section-cover .hero-section .home-banner-content .lead {
    display: none !important;
  }

  .hero-section-cover .hero-register-btn {
    margin-top: 20px;
  }

  .homebannertabsinn .nav-tabs .nav-item {
    width: 100% !important;
  }

  .footer-links-tabs {
    flex-direction: column;
  }

  .responsive-hidden {
    display: none;
  }

  .auth-page.forgotmain .auth-full-page-content {
    width: 95% !important;
  }

  .forgottwobtn {
    display: flex;
    flex-direction: column;
  }

  .forgotmain {
    height: auto !important;
    padding: 0 0 30px 0;
  }

  .daymondrop {
    display: flex !important;
    flex-direction: column !important;
  }

  table.candidate-detailstable tr {
    display: block !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    justify-items: center !important;
  }

  table.candidate-detailstable td:first-child {
    text-align: center !important;
    border: 0 !important;
  }

  table.candidate-detailstable td:last-child {
    text-align: center !important;
  }

  table.candidate-detailstable table td {
    text-align: center !important;
  }


  .secpin {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .secpinright {
    display: flex;
    gap: 10px;
  }

 .detail-form-page .multi-step-form ul {
    gap: 19px 1px !important;
    flex-wrap: wrap !important;
    flex-direction: inherit !important;
    justify-content: center !important;
  }

  .detail-form-page .multi-step-form ul .nav-item {

    flex-basis: 100% !important;
    display: flex !important;
  }


}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .footer-text {
    flex-direction: column !important;
  }

  .footer-text p {
    text-align: center !important;
  }

  .footer-links {
    margin-bottom: 10px;
  }

  .buttons.summerymainbtnsmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    flex-direction: column-reverse;
  }

  .summerymainbtnsright p {
    text-align: center;
  }

  .helplineinn {
    height: auto !important;
  }

    .modal-dialog.modal-lg.modal-dialog-centered.grievancedialog {
      max-width: 520px;
    }

  .login-detail-form {
    padding: 50px 20px;
  }


  .detail-form-page .multi-step-form ul {
    gap: 19px 1px !important;
    flex-wrap: wrap !important;
    flex-direction: inherit !important;
    justify-content: center !important;
  }

    .detail-form-page .multi-step-form ul .nav-item {
    flex-basis: 48%;
    display: flex !important;
  }



}





@media screen and (min-width: 991px) and (max-width: 1200px) {}