@media only screen and (min-width: 1280px) and (max-width: 1300px) {}

@media only screen and (min-width: 1000px) and (max-width: 1279px) {

  /* HOME */
  .nav-location {
    margin-left: 40px;
    align-items: center;
  }

  .nav-wrap ul.navbar-nav {
    gap: 35px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    padding: 8px 30px;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    /* flex-basis: auto; */
    justify-content: flex-end;
  }

  /* HOME */

  /* DK CSS 08-05-2025 */

  .select-location {
    top: 67px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  /* DK CSS 08-05-2025 */
}

@media only screen and (min-width: 912px) and (max-width: 999px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 20px;
    text-align: center;
  }

  /* HOME */

  /* DK CSS 08-05-2025 */

  .select-location {
    top: 67px;
  }

  /* DK CSS 08-05-2025 */

  /* DK-CSS-02-04-2026 */

  .heading-left-filter ul li {
    width: 49.8%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  /* DK-CSS-02-04-2026 */
}

@media only screen and (min-width: 800px) and (max-width: 911px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 0px;
    flex-direction: column-reverse;
  }

  .how-works-in {
    width: 100%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    gap: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 80%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 100%;
    margin-bottom: 22px;
  }

  .about-img-wrap {
    margin-top: 33px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-item {
    width: 100%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    flex-direction: column;
  }

  .paymentplan-wrap .box {
    width: 100%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 275px;
  }

  .main-card-saved .atm-card-wrap {
    display: inline-table;
  }

  .main-card-saved .action-wrap {
    top: 14px;
    margin-left: 5px;
  }

  .main-card-saved .content-card {
    padding: 4px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 27px;
    right: -36px;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 9px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */
  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 42px;
  }

  .trademan-welcome-in .about-btn {
    justify-content: flex-start;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

@media only screen and (min-width: 768px) and (max-width: 799px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 18px;
    /* display: flex; */
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
  }

  .how-works-in {
    width: 47%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    gap: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 80%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 100%;
    margin-bottom: 22px;
  }

  .about-img-wrap {
    margin-top: 33px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-wrap {
    align-items: center;
    flex-wrap: wrap;
  }

  .trusted-item {
    width: 47%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .paymentplan-wrap .box {
    width: 48%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 391px;
  }

  .main-card-saved .atm-card-wrap {
    display: flex;
    justify-content: center;
  }

  .main-card-saved .action-wrap {
    top: 20px;
    margin-left: 6px;
    justify-content: space-around;
  }

  .main-card-saved .content-card {
    margin-left: 224px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 40px;
    right: -31px;
    display: flex;
    justify-content: center;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 9px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */

  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 37px;
  }

  .trademan-welcome-in .about-btn {
    justify-content: flex-start;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

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

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 0px;
    flex-direction: column-reverse;
  }

  .how-works-in {
    width: 100%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    flex-wrap: wrap;
    gap: 28px;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 90%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 85%;
    margin-bottom: 22px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-item {
    width: 100%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    flex-direction: column;
  }

  .paymentplan-wrap .box {
    width: 100%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 275px;
  }

  .main-card-saved .atm-card-wrap {
    display: inline-table;
  }

  .main-card-saved .action-wrap {
    top: 14px;
    margin-left: 5px;
  }

  .main-card-saved .content-card {
    padding: 4px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 27px;
    right: -36px;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 9px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */

  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 40px;
  }

  .trademan-welcome-in .about-btn {
    justify-content: center;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

@media only screen and (min-width: 390px) and (max-width: 479px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 0px;
    flex-direction: column-reverse;
  }

  .how-works-in {
    width: 100%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    flex-wrap: wrap;
    gap: 28px;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 80%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 85%;
    margin-bottom: 22px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-item {
    width: 100%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    flex-direction: column;
  }

  .paymentplan-wrap .box {
    width: 100%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 345px;
  }

  .main-card-saved .atm-card-wrap {
    display: inline-table;
  }

  .main-card-saved .action-wrap {
    top: 14px;
    margin-left: 5px;
  }

  .main-card-saved .content-card {
    padding: 4px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 27px;
    right: -36px;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 9px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */

  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 53px;
    width: 100%;
    justify-content: center;
  }

  .trademan-welcome-in .about-btn {
    justify-content: center;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

@media only screen and (min-width: 360px) and (max-width: 389px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 0px;
    flex-direction: column-reverse;
  }

  .how-works-in {
    width: 100%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    flex-wrap: wrap;
    gap: 28px;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 80%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 85%;
    margin-bottom: 22px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-item {
    width: 100%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    flex-direction: column;
  }

  .paymentplan-wrap .box {
    width: 100%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 275px;
  }

  .main-card-saved .atm-card-wrap {
    display: inline-table;
  }

  .main-card-saved .action-wrap {
    top: 14px;
    margin-left: 5px;
  }

  .main-card-saved .content-card {
    padding: 4px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 12px;
    right: -9px;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 9px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */

  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 67px;
    width: 100%;
    justify-content: center;
  }

  .trademan-welcome-in .about-btn {
    justify-content: center;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

@media only screen and (min-width: 320px) and (max-width: 359px) {

  /* HOME */
  .navbar-toggler:focus {
    box-shadow: none;
  }

  .nav-location {
    margin: 20px 0;
  }

  .nav-wrap ul.navbar-nav {
    gap: 20px;
    align-items: stretch;
    margin-top: 14px;
  }

  .my-profile-nav a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  .nav-wrap ul.navbar-nav li.nav-item:last-child a {
    border-radius: 5px;
    text-align: center;
  }

  .banner-wrap {
    padding: 45px 0 45px 0;
  }

  .banner-inner h1 {
    font-size: 30px;
  }

  .icons-warp {
    gap: 0px;
  }

  .services-events-wrap {
    padding: 40px 10px;
  }

  .services-events-wrap h1 {
    margin: -11px 0 19px -1px;
  }

  .services-events-wrap h1 {
    font-size: 30px;
    line-height: 30px;
  }

  .refer-earn-rewards-in h1 {
    font-size: 28px;
  }

  .refer-earn-rewards-in p {
    font-size: 14px;
  }

  .refer-earn-rewards-in h2 {
    font-size: 28px;
  }

  .refer-earn-rewards-in a img {
    width: 100%;
  }

  .how-it-works-wrap {
    gap: 0px;
    flex-direction: column-reverse;
  }

  .how-works-in {
    width: 100%;
    margin: 60px 0px 14px 0px;
    gap: 8px;
    position: relative;
  }

  .how-works-in h1 {
    font-size: 20px;
    margin-bottom: 0;
  }

  .how-works-in p {
    font-size: 14px;
  }

  .how-works-in p {
    font-size: 14px;
    text-align: center;
  }

  .how-works-img {
    top: -56px;
  }

  .trademan-welcome-in-image {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .trademan-welcome-in h1 {
    font-size: 30px;
    margin-top: 14px;
  }

  .trademan-welcome-in p {
    font-size: 14px;
    font-weight: 400;
  }

  .faq-section-rpp {
    margin: 0px 0 22px 0;
    flex-wrap: wrap;
    gap: 28px;
  }

  .faq-left-wrap img {
    width: 100%;
    height: auto;
  }

  .accordion button .accordion-title {
    font-size: 14px;
    width: 80%;
  }

  .connect-with-us-wrap h1 {
    font-size: 30px;
    margin: -17px 0 4px -1px;
  }

  .connect-with-us-wrap p {
    font-size: 14px;
  }

  .connect-with-us-in-image img {
    width: 100%;
    margin-bottom: 24px;
  }

  /* HOME */

  /* FOOTER CSS */

  .footer-bottom-in {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }

  /* FOOTER CSS */

  /* ABOUT US */

  .banner-wrap.page-banner-wrap-other {
    padding: 25px 0;
  }

  .page-banner-wrap-other .banner-inner h1 {
    font-size: 34px;
    margin-bottom: 8px;
  }

  .page-banner-wrap-other .banner-inner p {
    font-size: 14px;
  }

  .about-img-wrap img {
    width: 85%;
    margin-bottom: 22px;
  }

  .about-right-wrap h3 {
    font-size: 30px;
  }

  .about-right-wrap p span {
    font-size: 18px;
  }

  .about-right-wrap p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
  }

  .trust-with-wrap h1 {
    font-size: 30px;
  }

  .trust-with-wrap p {
    font-size: 14px;
  }

  .trusted-item {
    width: 100%;
  }

  /* ABOUT US */

  /* LOGIN NEW */

  .inner-image img {
    width: 64%;
    min-width: 0;
  }

  .sign-in-inner li {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }

  .sign-in-inner ul {
    margin-top: 19px;
  }

  .sign-in-inner {
    margin-top: 6%;
  }

  .share-detail-heading h1 {
    font-size: 20px;
  }

  .share-detail-wrap {
    padding: 10px;
  }

  .share-detail-form label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .share-detail-form label input[type="text"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label input[type="password"] {
    padding-left: 42px;
    padding-right: 8px;
  }

  .share-detail-form label img {
    left: 7px;
  }

  .common-popup-btn {
    font-size: 14px;
  }

  .share-detail-form label input[type="password"]::placeholder {
    font-size: 12px;
  }

  .sign-in-wrap {
    padding: 5px 0;
    background: linear-gradient(180deg, #1f1f1f 50%, #616264 50%);
  }

  .available-coupons-right .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    /* border-color: var(--bs-nav-tabs-link-active-border-color); */
    padding: 10px 8px;
  }

  .heading-left-filter .nav-tabs .nav-link {
    color: #fff;
  }

  .forgot-password-in h1 {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .forgot-password-input input[type="text"]::placeholder {
    font-size: 12px;
  }

  .forgot-password-in form input[type="button"] {
    font-size: 14px;
  }

  .otp-verification-input .inputs {
    width: 36px;
    height: 35px;
  }

  .forgot-password .modal-dialog {
    padding: 4rem 1rem 1rem 1rem;
  }

  .otp-verification-input {
    gap: 9px;
    margin-bottom: 6px;
  }

  .forgot-password-in p {
    font-size: 14px;
    margin-bottom: 0;
  }

  .forgot-password-in a {
    font-size: 14px;
    color: var(--App-Red, #ce2127);
  }

  .sign-in-inner form label input.password::placeholder {
    font-size: 12px;
  }

  .heading-left-filter ul {
    background: #060505;
    /* background: aliceblue; */
    gap: 10px;
    border: none;
  }

  /* LOGIN NEW */

  /* START THE PROJECT */

  .steping-header {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .steping-header h2 {
    color: var(--App-Red, #ce2127);
    text-align: left;
    font-size: 18px;
  }

  .start-project-inner-wrap {
    flex-direction: column;
    height: auto;
    padding: 29px 14px 23px 13px;
  }

  .start-project-wrap {
    width: 100%;
    height: auto;
    padding: 40px 0;
  }

  .start-project-inner-wrap .project-left-area {
    width: 100%;
    padding: 16px;
    height: auto;
    border-radius: 12px 10px 0px 0px;
  }

  .project-left-area .inner-image img {
    width: 67%;
  }

  .project-left-area .content h3 {
    font-size: 20px;
  }

  .project-left-area .content p {
    text-align: center;
    font-size: 10px;
  }

  .start-project-inner-wrap .project-right-area {
    width: 100%;
    height: auto;
    padding: 14px;
  }

  .project-right-area .category-wrap h3 {
    font-size: 18px;
  }

  .project-right-area select {
    font-size: 13px;
  }

  .project-right-area textarea::placeholder {
    font-size: 13px;
  }

  .add-blog-image .upload-wrap span {
    font-size: 13px;
  }

  .project-right-area label input[type="text"]::placeholder {
    font-size: 13px;
  }

  .preview-request h1 {
    font-size: 21px;
  }

  .preview-request .modal-body {
    padding: 1rem 1rem 1rem 1rem;
  }

  .uploaded-imge-wrap {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
    justify-content: center;
  }

  .preview-request-in .detailss input[type="checkbox"] {
    width: 43px;
  }

  .project-left-area .wrapper header .icons {
    width: 100%;
    align-items: center;
  }

  .project-left-area .wrapper header .current-date {
    font-size: 14px;
  }

  .project-left-area .wrapper .calendar ul {
    padding-left: 0rem;
  }

  .project-left-area .wrapper .days li::before {
    height: 27px;
    width: 28px;
  }

  .project-left-area .wrapper .calendar .weeks li {
    font-size: 11px;
  }

  .project-left-area .wrapper .calendar .days li {
    margin-top: 14px;
    font-size: 13px;
  }

  /* START THE PROJECT */

  /* PAYMENT PLAN CSS */

  .paymentplan-wrap {
    flex-direction: column;
  }

  .paymentplan-wrap .box {
    width: 100%;
  }

  .add-card-wrap label input[type="text"] {
    padding-left: 56px;
    padding-right: 13px;
  }

  .cvv-mnth-wrap {
    gap: 41px;
    flex-wrap: wrap;
  }

  .add-card-wrap label input[type="text"]::placeholder {
    font-size: 14px;
  }

  .add-card-wrap-form .detailss {
    margin-top: -22px;
    margin-bottom: 14px;
  }

  .add-card-wrap-form .detailss input[type="checkbox"] {
    width: 34px;
    height: 18px;
    margin-right: -3px;
    margin-top: -25px;
  }

  .top-saved-wrap h3 {
    font-size: 18px;
  }

  .top-saved-wrap p {
    font-size: 16px;
  }

  .main-card-saved {
    width: 100%;
  }

  .main-card-saved .atm-card-wrap img {
    width: 275px;
  }

  .main-card-saved .atm-card-wrap {
    display: inline-table;
  }

  .main-card-saved .action-wrap {
    top: 14px;
    margin-left: 5px;
  }

  .main-card-saved .content-card {
    padding: 4px;
  }

  .main-card-saved .content-card h4 {
    margin-bottom: 3px;
    margin-top: 29px;
    font-size: 16px;
  }

  .main-card-saved .content-card p {
    font-size: 16px;
    margin-bottom: 2px;
  }

  .valid-date span {
    font-size: 14px;
  }

  .add-new-card {
    top: 27px;
    right: -36px;
  }

  .saved-card-wrap button {
    width: 100%;
  }

  .btn-paynow-wrap {
    margin-right: 0;
  }

  .content-wrap-card h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .content-wrap-card h3 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .content-wrap-card p {
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
  }

  .content-wrap-card {
    top: 11px;
    left: 13px;
  }

  .new-card-add-wrap img {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom: 7px;
  }

  .book-service-wrap .content-sec h3 {
    font-size: 20px;
  }

  .book-service-wrap .content-sec p {
    text-align: center;
    font-size: 14px;
  }

  .reocuur-btn-wrap a {
    width: 100%;
  }

  /* PAYMENT PLAN CSS */

  /* PROFILE PAGE CSS */

  .my-profile-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .my-profile-left {
    width: 100%;
  }

  .my-profile-right {
    width: 100%;
  }

  .my-profile-right-inner label {
    width: 100%;
  }

  .my-profile-right-inner {
    margin: 40px 0 10px 0;
  }

  .profile-right-img {
    margin-top: 52px;
    margin-bottom: -14px;
  }

  .no-service-wrap .content-no-service h1 {
    font-size: 20px;
  }

  .no-service-wrap .content-no-service p {
    font-size: 16px;
  }

  .my-profile-save-wrap a {
    width: 100%;
  }

  .service-box-inner {
    align-items: center;
    flex-wrap: wrap;
  }

  .service-box-inner .right-section .content-inner {
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 19px;
    align-items: flex-start;
  }

  .problem-img-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .rate-inner {
    flex-wrap: wrap;
  }

  .review-succesfull-wrap p {
    font-size: 16px;
  }

  .btn-roblm-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }

  .reocurring-form-wrap {
    width: 100%;
  }

  .reocurring-form-wrap h3 {
    font-size: 18px;
  }

  .reocurring-form-wrap textarea::placeholder {
    font-size: 14px;
  }

  .reocurring-form-wrap .add-blog-image .upload-wrap span {
    font-size: 14px;
  }

  .payment-heading h3 {
    font-size: 25px;
  }

  .payment-method-cards {
    gap: 10px;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .memberplan-wrap {
    align-items: center;
    flex-direction: column;
  }

  .memberplan-wrap .box {
    width: 100%;
  }

  /* PROFILE PAGE CSS */

  /* UPCOMING JOBS CSS */

  .upcoming-jobs-inner-wrap {
    width: 100%;
    padding: 17px;
  }

  .jobs-topsec-divide {
    justify-content: center;
    align-items: end;
    flex-direction: column;
  }

  .cliam-asp-btn-wrap {
    margin: 17px 0 0 0;
  }

  .upcoming-jobs-wrap {
    flex-direction: column;
  }

  .upcoming-jobs-cards {
    width: 100%;
    margin: 27px 0px 10px 0px;
    gap: 0px;
  }

  .service-system-info-wrap {
    gap: 1px;
    top: 0px;
    right: 0;
    flex-direction: column;
    margin: 10px 0 25px 6px;
  }

  /* UPCOMING JOBS CSS */

  /* SYSYTEM INFORMATION CSS */

  .service-information-btn-wrap a {
    padding: 10px 9px;
  }

  .system-info-define-wrap {
    display: flex;
    gap: 17px;
    margin: 2px 0 18px 0;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .system-info-define-wrap .box-inner {
    width: 100%;
  }

  .service-information-btn-wrap a {
    width: 100%;
  }

  .system-dropdowns-wrap form {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .system-dropdowns-wrap form label {
    width: 100%;
  }

  .problem-accodation .accordion .accordion-item button[aria-expanded="true"] {
    padding: 19px 31px;
  }

  .problem-accodation .accordion button {
    font-size: 15px;
  }

  .problem-accodation .accordion button {
    padding: 20px 10px;
  }

  .serch-compntents-service label {
    width: 100%;
  }

  .serch-compntents-service label input[type="text"] {
    padding-left: 19px;
    padding-right: 42px;
  }

  .save-component-btn-wrap {
    right: 7px;
    bottom: 15px;
  }

  /* SYSYTEM INFORMATION CSS */

  /* CHECKLIST CSS */

  .quality-checklist-heading h3 {
    font-size: 20px;
  }

  .all-checklist-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .checklist-checkbox-wrap {
    width: 100%;
  }

  .checkbox-related-textarea textarea {
    width: 100%;
  }

  .checklist-checkbox-wrap2 {
    width: 100%;
  }

  /* CHECKLIST CSS */

  /* JOB STARTED CSS */

  .client-location-wrap a {
    padding: 10px 14px;
  }

  .bank-form-details {
    width: 100%;
  }

  .align-form-profile {
    margin-left: 0px;
  }

  /* JOB STARTED CSS */

  /* SERVICE PAGE CSS */

  .checklist-price-wrap {
    width: 82%;
  }

  .service-card-wrap {
    width: 100%;
  }

  .system-dropdowns-wrap form .uploadrap .add-component-image {
    width: 45%;
  }

  /* SERVICE PAGE CSS */

  /* ESTIMATION CSS */

  .para-estimate-wrap {
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    gap: 0px;
    width: 100%;
  }

  .grand-total-wrap {
    gap: 8px;
  }

  .total-sec-wrap button {
    width: 26%;
  }

  .total-sec-wrap label input[type="text"] {
    width: 33%;
  }

  .my-profile-right {
    margin-bottom: 116px;
  }

  /* ESTIMATION CSS */

  /* DK CSS 08-05-2025 */

  .nav-wrap a.navbar-brand img {
    max-width: 98px;
  }

  div#technician-slider {
    margin-top: 60px;
  }

  .select-location {
    top: 67px;
  }

  .trademan-welcome-in .about-btn {
    justify-content: center;
  }

  .connect-with-us-in label input[type="text"] {
    padding-right: 12px;
  }

  .connect-with-us-in label input[type="text"]::placeholder {
    font-size: 12px;
  }

  .connect-with-us-in select {
    font-size: 12px !important;
  }

  .connect-with-us-in textarea::placeholder {
    font-size: 12px !important;
  }

  .share-detail-form label {
    flex-wrap: wrap;
    font-size: 12px;
  }

  .signin-forgotpass-wrap a {
    font-size: 12px;
  }

  /* DK CSS 08-05-2025 */
}

/* DK-CSS */

@media only screen and (max-width: 480px) {
  .about-main-wrap .row.mb-5 {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem !important;
    align-items: center;
  }

  .about-main-wrap .row.mb-5 .col-lg-2 {
    order: 1;
  }

  .about-main-wrap .row.mb-5 .col-lg-10 {
    order: 2;
    margin-top: 2rem;
  }
}


@media only screen and (min-width: 390px) and (max-width: 479px) {
  .select-location {
    margin-top: 20px;
  }
}


@media only screen and (max-width: 480px) {

  #reason-call .modal-dialog,
  #password-changed .modal-dialog,
  #create-password .modal-dialog,
  #otp-verification .modal-dialog {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .share-detail-form label input[type="password"] {
    padding-right: 42px;
  }

  .select-location {
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    justify-content: center;
  }

  .faq-main-wrap {
    padding-bottom: 1px;
  }
}

/* DK-CSS */