@media screen and (max-width: 767px) {
    .nav-link {
      padding: 6px 20px !important;
      }
      .d-flex {
          display: block;
      }

      .form-custom {
          border-radius: 50px;
      }
      .form-custom-1 {
          border-radius: 50px;
      }
      .loction-srch{
          margin-left: 5px;
          margin-right: 5px;
      }
      .hearo-section h2 {
          font-size: 30px;
      }
      .hearo-section p {
          font-size: 13px;
      }
      .p-tag {
          position: relative;
          left: 0;
      }
      .genreal-informastion h2 {
          font-size: 28px;
      }
      .owl-nav {
          display: none;
      }
      .sign-up-section {
          padding: 18px;
      }
      .description-box {
          padding: 18px;
      }
      .search-results .form-custom {
          border-radius: 50px;
      }

      .search-results .form-custom-1 {
          border-radius:50px;
      }
      .pdf-btn {
          text-align: left;
          position: relative;
          top: -25px;
      }
      .circle {
          border: solid 4px rgb(169 173 190);
          border-radius: 76px;
          height: 50px;
          width: 50px;
          padding: 9px 10px;
          position: relative;
          text-align: center;
          left: -25px;
          background: rgb(255 255 255);
          line-height: 1;
          color: rgb(169 173 190);
          font-family: sans-serif;
          font-size: 12px;
          display: flex;
      }
      .user-search-info {
          padding-left: 35px;
      }
      .section-padding-2 {
          padding: 20 0 !important;
      }
      .text-list {
          position: relative;
          top: -52px;
          left: 35px;
          font-family: sans-serif;
          color: rgb(169 173 190);
          font-weight: 600;
          font-size: 17px;
      }
      .sub-text {
          position: absolute;
          bottom: 9px;
          left: 41px;
      }
      span.circle img {
          margin-top: 1px;
      }
      ul.dropdown-menu.show {
          left: -160px;
      }
  }

  @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
      .sub-text {
          position: absolute;
          bottom: 0px;
          left: 100px;
      }
      .pdf-btn {
          text-align: left;
          position: relative;
          top: -27px;
      }
  }

  @media screen and (max-width: 430px) {
      .navbar-brand img {
          width: 150px;
      }

      #user-payment-image-type {
          padding: 10px 8px 6px 8px !important;
      }

      .dropdown button .avatar {
          width: 32px !important;
      }
  }