@media (max-width: 1200px) {
  .payment_details .left_column {
    display: flex;
    align-items: center !important;
  }

  .payment_details .right_column {
    padding-left: 0% !important;
  }

  
  /* Chat 04/092025 */ 
  .userMenuToggle {
      display: inline;
  }

  .userListing {
      position: fixed;
      width: 350px;
      max-width: 100vw;
      top: 80px;
      right: -350px;
      height: calc(100vh - 80px);
      transition: all 0.3s linear;
  }
  .userListing.open {
      position: fixed;
      right: 0px;
      transition: all 0.3s linear;

  }
  .chatHeaderContainer{
    padding-inline: 10px;
  }
  .userheading{
      justify-content: space-between;
  }
  .collapseUserChatList{
      display: inline-block;
  }
}

@media screen and (max-width: 950px) {

  .payment_details_renew .left_column {
    margin-bottom: 20px;
  }

  /* 22/08/2025 */
  .form-wizard .form-wizard-steps li:is(.active, .activated) .text {
    font-weight: unset;
  }

  .form-wizard-steps .text {
    line-height: 15px;
    font-size: 12px;
  }


    .cusstepper-enhance  .form-wizard-steps .text {
        line-height: 17px;
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1240px) {
  :root {
    --w-aside: 230px;
    --w-nav-icon: 15px;
  }

  .aside__wrap .nav_item .nav_link {
    font-size: 15px;
  }
}

@media screen and (max-width: 767.98px) {
  .top_navbar .drop_down .dropdown-toggle::after {
    display: none;
  }

  .top_navbar .drop_down .dropdown-toggle .name {
    display: none;
  }

  .top_navbar .end_wrap {
    column-gap: 30px;
  }

  .dropdown-item {
    gap: 7px;
    font-size: 13px;
  }

  :root {
    --w-nav-icon: 23px;
    --p-navlink-block: 12px;
    --g-navlink-icon: 8px;
  }

  .aside_translate .aside_close {
    right: -20px;
    z-index: unset;
  }

  .brand_logo {
    justify-content: flex-start;
  }

  .content_layout {
    width: 100%;
    margin: unset;
  }

  .aside__wrap {
    transform: translateX(-100%);
  }

  .aside__wrap .nav_item .nav_link {
    font-size: 14px;
  }

  .aside__wrap .nav_item .nav_link.active::before,
  .aside__wrap .nav_item .nav_link.active::after {
    display: none;
  }

  .aside__wrap .nav_item .nav_link svg {
    width: 15px;
    height: 15px;
  }

  .custom_table {
    font-size: 14px;
  }

  .custom_table :is(tbody, thead) tr :is(td, th) {
    font-size: 14px;
  }

  .custom_table :is(.dataTables_filter, .dataTables_length) :is(select, input) {
    height: 32px;
  }

  .custom_table .dataTables_filter,
  .custom_table .dataTables_length {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .add_formRow {
    --g-add-formRow-bw: 12px;
    --w-act-btn: 38px;
  }

  .main_section .payment_details {
    padding: 50px 30px;
  }

  .payment_form {
    width: 100%;
  }
    .cusstepper-enhance  .form-wizard-steps .text {
        font-size: 15px;
    }
}

@media (max-width:576px) {

  .content_layout .main__wrap {
    padding: 16px 8px;
  }
     .cusstepper-enhance  .form-wizard-steps .text {
      top: 36px;
      font-size: 12px;
        line-height: 14px;          
        width: 100%;
        min-width: 120px;
        text-align: center;
    }


    .form-wizard .cusstepper-enhance  .form-wizard-steps {
    margin: 60px 0px 0px;
}
    .cusstepper-enhance li:nth-child(even) .text {
     top: -36px;
    }

     .cusstepper-enhance li:first-child .text {
     left: 60%;
     min-width: 100px;
    }
      .cusstepper-enhance li:last-child .text {
     left: 40%;
    }

  .brand_logo {
    height: 100px;
  }

  #editProfileDetails .modal-dialog {
    max-width: 100% !important;
  }

  /* 22/08/2025 */
  .form-wizard-steps .text {
    width: 100%;
    font-size: 12px; 
  }

  .form-wizard .form-wizard-steps li span {
    height: 24px;
    width: 24px;
    display: inline-grid;
    place-items: center;
  }

  .drugCardContainer {
    padding-right: 40px;
    position: relative;
  }

  .trashContainer {
    position: absolute;
    width: max-content;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }


  /* table subcription  */
  
    .plans_table table tr :is(th, td):nth-child(1) {
        position: static;
    }

    .plans_table .recommended tr :is(th, td):nth-child(2) {
        position: static;
    }

    /* setting label on small screen */
    .plans_table .recommended tr:nth-child(2) :is(th, td):before {
        content: "Monthly Premium";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;

    }

    .plans_table .recommended tr:nth-child(3) :is(th, td):before {
        content: "Medical Deductible";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(4) :is(th, td):before {
        content: "Estimated annual drug cost";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(5) :is(th, td):before {
        content: "Part B Premium Rebate";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(6) :is(th, td):before {
        content: "Primary Care Doctor Visit";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(7) :is(th, td):before {
        content: "Specialist";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(8) :is(th, td):before {
        content: "Dental";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(9) :is(th, td):before {
        content: "Vision";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(10) :is(th, td):before {
        content: "Over-the-Counter";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(11) :is(th, td):before {
        content: "Food";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(12) :is(th, td):before {
        content: "Transportation";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(13) :is(th, td):before {
        content: "Fitness program";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(14) :is(th, td):before {
        content: "Annual prescription deductible";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(15) :is(th, td):before {
        content: "T1/T2/T3/T4/T5";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(16) :is(th, td):before {
        content: "Inpatient Hospital care";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(17) :is(th, td):before {
        content: "Emergency Room";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(18) :is(th, td):before {
        content: "Providers";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(19) :is(th, td):before {
        content: "Pharmacy";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }

    .plans_table .recommended tr:nth-child(20) :is(th, td):before {
        content: "Prescription";
        font-size: 14px;
        color: #0322bf;
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width:100%;
    }


    .plans_table .recommended tr:not(:first-child) :is(th, td) {
        padding-top: 30px;
        position: relative;
        left: unset;
        top: unset;
    }

    .plans_table .recommended tr :is(th) {
        display: none;
    }
  /* table subcription  end */
}



/* for iphone small devices under 380px */
@media (max-width: 380px) {
   /* 25/08/2025 */
    .cusstepper-enhance .form-wizard-steps .text {
        font-size: 10px;
        min-width: 100px;
    }

     .cusstepper-enhance li:first-child .text {
     left: 60%;
     min-width: 80px;
    }
}