@media(max-width: 1400px) {
    .sub_content {
        font-size: 22px;
        line-height: 33px;
    }

    .all_content {
        color: #A9A7A7;
        line-height: 23px;
        margin: 0px 0px 7px !important;
    }



    .Talk {
        color: #050C30;
        font-size: 30px;
        font-weight: 700;
        margin: 12px 0px;
    }


    .navbar_button {
        text-wrap: nowrap;
        margin-top: 20px;
    }
}

@media(max-width: 1200px) {
    img.myma_logo.img-fluid {
        width: 60px;
    }

    .gapping_area {
        padding: 40px !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;

    }
    .userheading{
        justify-content: space-between;
    }
    .collapseUserChatList{
        display: inline-block;
    }
}

@media(max-width: 1024px) {
    /* .px-5 {
        padding: 15px 10px !important;
    } */



    .left_img {
        height: 100%;
    }

    .inner-gapping {
        padding: 25px;
    }



    .navbar>.container {
        padding: 0 !important;
    }

    .navbar {
        font-size: 14px;
    }

    .gap-4 {
        gap: 6px !important;
    }

    .mx-4 {
        margin: 0 !important;
    }

    /* .d-flex {
        gap: 8px;
    } */

    .form-wizard-steps .text {
        /* bottom: -65px; */
        width: 78%;
    }

    .both_background img {
        display: none;
    }
}




@media(max-width: 991px) {
    .phone_content p {
        margin-bottom: 0;
    }

    .phone_body {
        display: flex;
        justify-content: flex-start !important;
        align-items: center;
    }

    .navbar_button {
        margin-top: 15px;
    }

    .phone_content p {
        margin-bottom: 4px;
    }

    .right_img .logo_my {
        padding: 2rem 1rem;
    }


    img.myma_logo.img-fluid {
        display: none;
    }

    /* .gapping_area .left_img{
        display: none;
    } */

    .banner .row {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-block: 4rem;
        row-gap: 30px;
    }

    .agent__sec .det_box {
        padding-bottom: 1.4rem;
    }

    .agent__sec .det_box .btn_btn {
        font-size: 14px;
        padding: 8px 16px;
    }

    .agent__sec .img_box {
        display: flex;
        align-items: flex-end;
        height: 100%;
    }

    .agent__sec .img_box svg {
        max-height: 314px;
    }

    .agent__sec .Talk {
        font-size: 22px;
    }

    .agent__sec .Choosing {
        line-height: unset;
    }

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

    .form-wizard .form-wizard-steps li span {
        height: 32px;
        width: 32px;
    }

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

    .form-wizard .form-wizard-steps li.active span,
    .form-wizard .form-wizard-steps li.activated span {
        box-shadow: 0px 0px 0.3px 4px #3d5bf150;
    }

    /* 2/8//2025 */
    .collapsed .sidebar{
        width: 240px;
        left: 0px;
    }
    .collapsed .profile-section{
        width: 100vw;
        left: 0px;
    }
    .sidebar{
        position: fixed;
        z-index: 2;
        background: #fff;
        left:-260px;
    }
    .profile-section{
        left:0px;
        width: 100%;
    }
    .sidebarClose{
        display: flex;
    }
    .collapsed .sidebar .links_name{
        display: inline-block;
    }
    /* 2/8//2025 end */

    /* 4/9/2025 */
    .inner-caption h5{
        font-size: 35px;
    }
    .caption{
        padding: 10px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .planContainer .vertical{
        border: none;
    }
    .planContainer {
        order: 1;
    }

    .uploadContainer {
        order: 2;
    }

    .featureContainer {
        order: 3;
    }
    .footer_icon{
        justify-content: center;
        padding-block: 10px;
    }
    /* 4/9/2025  end*/

}





@media(max-width: 767px) {


    .navbar-collapse {
        position: absolute;
        background: rgb(255, 255, 255);
        width: 100%;
        top: 87px;
        left: 0;
        padding: 20px;
    }

    .inner-gapping {
        padding: 20px;
    }

    .left_img {
        height: 100%;
    }

    .navbar>.container {
        padding: 0 !important;
    }

    .mx-4 {
        margin-left: 0 !important;
    }

    .card_body.px-2 {
        padding-top: 20px;
    }

    p.text {
        height: 20px;
    }

    .ps-2 {
        padding-top: 20px;
    }

    .select_plan {
        padding-top: 25px;
    }

    p.fw-bold.wizard_Head_color {
        padding-top: 20px;
    }

    .btn-group_a {
        min-width: 14% !important;
    }

    .form-wizard-steps .text {
        width: 100%;
        bottom: -38px;
        font-size: 14px;
    }

    .both_background img {
        display: none;
    }

    .team-img img {
        width: 100%;
    }

    .agent__sec {
        padding-top: 2rem;
    }

    .vertical {
        display: none;
    }

    .details_section {
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        height: unset;
        width: unset;
    }

    .form-control_for_input {
        width: 100%;

    }
    /* 04/08/2025 */
    .gapping_area{
        padding: 15px;;
    }
}

@media(max-width: 576px) {
    .agent__sec::before {
        display: none;
    }

    /* 31/07/2025 */
    

    .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;
    }

    /* setting label on small screen end */
    /* 31/07/2025  end*/
    /* 1/8/2025 */

.trashContainer{
    position: absolute;
    width: max-content;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.drugCardContainer{
    padding-right: 40px;
    position: relative;
}
/* 02/07/2025 */
.headingtext{
    font-size: 30px;
}
.caption{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* 4/8/2025 */
.container-fluid.custom-container.custom-sm-container{
    max-width: 100%;
    padding: 50px 10px 10px 10px !important;
}

/* 4/8/2025 end */


/* 7/08/2024 */
.comparision .plans_table{
    margin: 10px;
}
.fa-circle-btn{
    margin-left: 10px !important;
}

/* 7/08/2024 end */
}


@media(max-width: 480px) {
    .col-md-5 {
        width: 100%;
    }

    .form-wizard .form-wizard-steps li span {
        height: 24px;
        width: 24px;
    }

    .navbar {
        padding: 0 15px;
    }

    .form-wizard-steps .text {
        width: 99%;
        font-size: 12px;
    }

    .inner-caption h5 {
        font-size: 26px;
    }

    table tr {
        font-size: 16px;
    }

    .wizard-fieldset p {
        font-size: 15px;
    }

    button.btn-group_a.btn-plan.border-0.text-white.rounded {
        width: max-content;
    }

    .row.px-5.border-bottom.pb-4 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    p.fs-4.fw-bold.mb-0.px-5 {
        padding-left: 20px !important;
    }
}