/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 360px) {
    #basicAmount, #essencialAmount {
        font-size: 15px !important;
    }

    .plan-price-holder h1, .plan-card-heading h2 {
        font-size: 16px !important;
    }

    .discount-price {
        margin: 0;
        width: 100% !important;
        font-size: 11px;
    }

    .infoswitch label.infolabel {
        font-size: 12px !important;
    }

    .mt-8-7 {
        margin-top: 223px !important;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 768px) {
    /* NEW SLIDER STYLE */
    #steps-uid-0-p-1 {
        display: none;
        position: inherit !important;
        /* height:0; */
    }

    #Div3.theme-btn {
        width: 100%;
    }

    fieldset .floating-label span {
        right: 16px !important;
    }

    .fixed-btn {
        position: fixed;
        background-color: #fbfafd;
        width: 100%;
        padding: 15px 0;
    }
	#compareplan
	{
		top:67.97px;
	}

    #secondBenefits {
        margin-bottom: 20px
    }

    #steps-uid-0-p-0 .sub-section1 {
        width: 98% !important;
    }

    .mob-ml-minus-15 {
        margin-left: -15px !important;
    }

    .input-group .input-group-addon {
        width: 80px;
    }

    .initial-step .sub-section2.guide-img .step-guid-img {
        margin-bottom: 50px;
    }

    .checkbox-holder {
        width: 240px;
    }

    .switch-field2 {
        padding-right: 16px;
    }

    .plan-card .plan-content li {
        font-weight: 500;
        font-size: 11px;
    }

    .mob-text-right {
        width: 43% important;
        text-align: right;
    }

    .editableforms tr {
        display: block;
    }

    .editableforms td {
        display: inline-block;
        width: 45%;
        padding: 3px !important;
    }

    .first td:nth-child(odd), .second td:nth-child(1), .second td:nth-child(3), .third td:nth-child(1), .third td:nth-child(5) {
        text-align: right;
    }

    #policydetail tr td {
        border-top: 0px solid white;
        padding: 3px !important;
        font-size: 14px;
        display: inline-block !important;
        width: 45% !important;
        color: #000;
    }

    .plan-card-heading .common-fonts {
        margin-bottom: 0;
    }

    #fieldsetAlright, #fieldsetWhom, #fieldsetWhere {
        padding-left: 0px !important;
    }

    .mob-lh-15 {
        line-height: 15px !important;
    }

    .container-fluid.scrollbar.w-95 {
        width: 100%;
        padding: 0 15px;
    }

    .mt-8-7 {
        margin-top: 204px;
    }

    .mt-sm-1 {
        margin-top: 10px;
    }

    .header-row {
        overflow-x: auto;
        position: fixed;
        width: 90.5% !important;
        top: 160px;
        z-index: 99;
    }

    .mt-sm-40 {
        margin-top: 40px
    }

    .sub-section-2 .btn-container {
        padding: 0;
    }

    .initial-step {
        height: inherit;
        overflow: inherit;
    }

    .mr-o-title {
        margin: 20px auto 15px auto !important;
    }

    .guide-img .step-guid-img {
        margin-right: -15px;
        width: 100%;
    }

    .main-header_ultra-main.mainHeading {
        font-size: 24px !important;
        margin: 20px auto 10px 0px !important;
    }

    .subHeading {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .initial-step .sub-section2, .initial-step .sub-section2.guide-img .covered-img, .initial-step .sub-section2.guide-img .step-guid-img {
        position: inherit;
        right: 0;
    }



    #mobashead {
        display: inline-block;
    }

    #amthead {
        display: none;
    }

    #hideoncr {
        display: none !important;
    }

    .container__accordion input:focus {
        border: 0 !important;
    }

    .discount2 .test {
        position: absolute;
        bottom: 40px;
        right: 12px;
    }

    .discount5 .test {
        position: absolute;
        bottom: 25px;
        right: 45px;
    }

    #divBundling_STP {
        display: flex;
        flex-wrap: wrap;
    }

        #divBundling_STP .mob-pr-1 {
            width: 31%
        }

    .container__accordion .tooltip-bottom {
        top: 135%;
        left: -2rem;
    }

        .container__accordion .tooltip-bottom::after {
            left: 10%;
        }

    .customTooltip .no_disc, #gstTooltipContent_MV .no_disc, #basicPreTooltipContent_MV .no_disc, #netPreTooltipContent_MV .no_disc {
        list-style-type: none;
        display: flex !important;
        justify-content: space-around;
    }

    #fieldsetChooseDis .scrollbar {
        height: inherit !important;
    }

    .container__accordion .accordion__item__body {
        overflow: auto;
    }

    #tooltip_GSTMV .tooltip-bottom::after {
        left: 30%;
    }

    #tooltip_GSTMV .tooltip-bottom {
        top: 135%;
        left: -7rem;
    }

    #policysummary .modal-header .close {
        position: absolute;
        top: 35px;
        right: 20px;
    }

    .step-02 .guide-img .step-guid-img {
        width: 95%;
        margin-top: 30px;
        margin-right: 0px;
    }

    .accordion__item__body.mob_autoscroll {
        overflow: auto;
    }

        .accordion__item__body.mob_autoscroll .tooltip-bottom::after {
            left: 16%;
        }

        .accordion__item__body.mob_autoscroll .tooltip-bottom {
            left: -4rem;
            width: 300px;
        }

    #liDiscountSummary_MV .tooltiptext ul, .trDiscount_MV .tooltiptext ul {
        padding: 10px 20px;
    }

        #liDiscountSummary_MV .tooltiptext ul li, .trDiscount_MV .tooltiptext ul li {
            display: list-item !important;
            color: #565151;
        }

            #discountTooltipContent_MV .no_disc, #liDiscountSummary_MV .tooltiptext ul li.no_disc {
                display: flex !important;
                justify-content: space-between;
            }


    header {
        background-color: rgb(255, 255, 255);
        width: 100%;
        position: fixed !important; /* uat header ui change */
        top: 0 !important;
        z-index: 1000;
        height: 66.97px; /* uat header ui change */
    }

    #addOnTooltipContentSummary_MV li {
        display: list-item !important;
    }

    #addOnTooltipContentSummary_MV ul {
        padding: 10px 20px;
    }

    .mobHeight {
        height: 0;
    }

    #steps-uid-0-p-2 {
        display: none;
    }

    .pedPopup .errspan {
        margin-top: -23px;
    }

    .theme-btn {
        border: 2px solid #019690 !important;
    }

    .mobile-view {
        display: block;
    }

    .desktop-view {
        display: none;
    }

    .SumInsuredSelector + ul {
        display: none;
    }

    .main-header_ultra-main {
        font-size: 20px !important;
    }

    .slider-container, .slider-values {
        width: 84%;
        margin: 3px auto 35px;
    }

    .slider-container {
        width: 100%;
    }

    .custome-align {
        position: absolute;
        top: 5px;
        left: 385px;
    }

    .slider-values .radios {
        width: 100%;
        margin: 30px auto 0;
    }

    .floating-label label:not(.error) {
        /* width: 100% !important; */
        text-align: left !important;
    }

    .mobile-view::after {
        /*  content: ""; */
        display: block;
        left: 0;
        bottom: 0;
        width: 50px;
        margin: 25px auto 0;
        height: 3px;
        background-color: #ACACAC;
    }

    .radios:first-of-type .SumInsuredSelector {
        display: block;
    }

    .d-md-none {
        display: block;
    }

    .discountIcon {
        width: 73px;
    }

    .discount2 li i {
        top: -112px;
        left: -50px;
    }

    li.d-md-none {
        display: block !important;
    }

    .accordion li {
        width: 100%;
    }

    .moreaddonsbox ul:not(.monthWaiting) label img {
        width: 75%;
    }

    .moreaddonsbox ul:not(.availOffer) label img {
        width: 75%;
    }

    .moreaddonsbox ul.monthWaiting label img,
    .moreaddonsbox ul.availOffer label img {
        width: 90%;
    }

    .moreaddonsbox .discount1 li i {
        top: -118px;
        left: -44px;
    }

    .moreaddonsbox .discount2 li i {
        top: -117px;
        left: -43px;
    }

    .moreaddonsbox .discount3 li i {
        top: -108px;
        left: -43px;
    }

    .unlockedBox ul {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: start;
    }

        .unlockedBox ul li {
            width: 135px;
            height: 144px;
        }

    #selectmsg_policytenure ul.dividedYear [type="radio"]:checked + label:after, #selectmsg_policytenure ul.dividedYear [type="radio"]:not(:checked) + label:after, #selectmsg_policytenure2 ul.dividedYear [type="radio"]:checked + label:after, #selectmsg_policytenure2 ul.dividedYear [type="radio"]:not(:checked) + label:after {
        left: 55.5px;
        top: 6px;
        bottom: 27px;
    }

    #selectmsg_policytenure ul.dividedYear [type="radio"]:checked + label:before,
    #selectmsg_policytenure ul.dividedYear [type="radio"]:not(:checked) + label:before,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:checked + label:before,
    #selectmsg_policytenure2 ul.dividedYear [type="radio"]:not(:checked) + label:before {
        left: -8px;
        top: 2px;
    }

    #selectmsg_policytenure .modal-dialog,
    #selectmsg_policytenure2 .modal-dialog,
    #selectmsg_primememberNon .modal-dialog,
    #selectmsg_primememberExtra .modal-dialog {
        width: 100%;
    }

    #selectmsg_policytenure ul.dividedYear li:not(:last-child),
    #selectmsg_policytenure2 ul.dividedYear li:not(:last-child) {
        margin-right: 15px;
    }

    .discount3 li,
    .discount1 li,
    .discount2 li,
    .discount4 li {
        width: 139px;
        height: 139px !important;
        margin: 4px 10px;
    }

    .moreaddonsbox .discount3 li,
    .moreaddonsbox .discount1 li,
    .moreaddonsbox .discount2 li,
    .moreaddonsbox .discount4 li {
        width: 124px !important;
        height: 130px !important;
        margin: 0;
    }

    .moreaddonsbox .custom-radio-01 {
        margin: 0;
    }

    .grabOfferSection > div {
        width: 85%;
        margin: 0 auto;
    }

    .moreaddonsbox {
        justify-content: start;
        gap: 20px;
    }


    /* NEW SLIDER STYLE END HERE */


    .main-header .clickable-note {
        float: right;
    }

    .sub-section1 {
        width: 92% !important;
        /* text-align: center; */
    }

    #steps-uid-0-p-0 .scrollbar {
        height: inherit !important;
        padding: 0px 10px 0px 5px;
    }

    .hidden-content {
        display: none;
    }

    .sub-section2 {
        width: 92%;
        margin-top: 1%;
        position: relative;
        /* left: 4%; */
        top: 63%;
    }

    .discountIcon {
        width: 89px;
        display: inline-block;
    }

    .plusSign2 {
        width: 28px;
        display: inline-block;
    }

    .benefits li {
        width: 150px;
        height: 125px;
        margin: 4px 10px;
    }

        .benefits li i {
            position: relative;
            top: -123px;
            left: 11px;
        }

    .discount1 li i {
        position: relative;
        top: -123px;
        left: -51px;
    }

    .benefits [type="radio"]:checked + label, .benefits [type="radio"]:not(:checked) + label {
        padding: 7px 1px !important;
    }

        .benefits [type="radio"]:checked + label:before, .benefits [type="radio"]:not(:checked) + label:before {
            top: -1px !important;
            left: 57px !important;
        }

        .benefits [type="radio"]:checked + label:after, .benefits [type="radio"]:not(:checked) + label:after {
            top: 10px !important;
            left: 126px !important;
        }

    .discount1 li {
        width: 139px;
        height: 130px;
        margin: 4px 10px;
    }

        .discount1 li label span {
            font-size: 12px;
            font-weight: normal;
            line-height: 1.2;
        }

    .discount1 [type="radio"]:checked + label, .discount1 [type="radio"]:not(:checked) + label {
        padding: 0px 9px !important;
    }

        .discount1 [type="radio"]:checked + label:before, .discount1 [type="radio"]:not(:checked) + label:before {
            top: 7px !important;
            left: 55px !important;
        }

        .discount1 [type="radio"]:checked + label:after, .discount1 [type="radio"]:not(:checked) + label:after {
            top: 11px !important;
            left: 118px !important;
        }


    .discount2 li {
        width: 139px;
        height: 130px;
        margin: 4px 10px;
    }

        .discount2 li label span {
            font-size: 12px;
            font-weight: normal;
            line-height: 1.2;
        }

    .discount2 [type="radio"]:checked + label, .discount2 [type="radio"]:not(:checked) + label {
        padding: 0px 8px !important;
    }

        .discount2 [type="radio"]:checked + label:before, .discount2 [type="radio"]:not(:checked) + label:before {
            top: 7px !important;
            left: 56px !important;
        }

        .discount2 [type="radio"]:checked + label:after, .discount2 [type="radio"]:not(:checked) + label:after {
            top: 11px !important;
            left: 119px !important;
        }

    .discount3 li {
        width: 139px;
        height: 130px;
        margin: 4px 10px;
    }

        .discount3 li label span {
            font-size: 12px;
            font-weight: normal;
            line-height: 1.2;
        }

    .discount3 [type="radio"]:checked + label, .discount3 [type="radio"]:not(:checked) + label {
        padding: 0px 1px !important;
    }

        .discount3 [type="radio"]:checked + label:before, .discount3 [type="radio"]:not(:checked) + label:before {
            top: 6px !important;
            left: 54px !important;
        }

        .discount3 [type="radio"]:checked + label:after, .discount3 [type="radio"]:not(:checked) + label:after {
            top: 10px !important;
            left: 117px !important;
        }

    .discount4 li {
        width: 139px;
        height: 130px;
        margin: 4px 10px;
    }

        .discount4 li label span {
            font-size: 11px;
            font-weight: normal;
            line-height: 1.2;
        }

        .discount4 li i {
            position: relative;
            top: -97px;
            left: -51px;
        }

    .discount4 [type="radio"]:checked + label, .discount4 [type="radio"]:not(:checked) + label {
        padding: 0px 8px !important;
    }

        .discount4 [type="radio"]:checked + label:before, .discount4 [type="radio"]:not(:checked) + label:before {
            top: 8px !important;
            left: 56px !important;
        }

        .discount4 [type="radio"]:checked + label:after, .discount4 [type="radio"]:not(:checked) + label:after {
            top: 12px !important;
            left: 118px !important;
        }

    .discount5 li {
        width: 139px;
        height: 139px;
        margin: 4px 10px;
    }

    .discount6 li {
        width: 139px;
        height: 139px;
        margin: 4px 10px;
    }

    .discount5 li label span {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.2;
    }

    .discount5 li i {
        position: relative;
        top: -112px;
        left: -52px;
    }

    .discount5 [type="radio"]:checked + label, .discount5 [type="radio"]:not(:checked) + label {
        padding: 0px 8px !important;
    }

        .discount5 [type="radio"]:checked + label:before, .discount5 [type="radio"]:not(:checked) + label:before {
            top: 9px !important;
            left: 57px !important;
        }

        .discount5 [type="radio"]:checked + label:after, .discount5 [type="radio"]:not(:checked) + label:after {
            top: 13px !important;
            left: 120px !important;
        }

    .discountsec {
        text-align: center;
    }

    .custom-radio-01 [type="radio"]:checked + label:before, .custom-radio-01 [type="radio"]:not(:checked) + label:before {
        width: 16px;
        height: 16px;
    }

    .counters:not(:checked) > label {
        font-size: 16px;
    }
    /*.suminsured-proceedwith{
		width: 92%;
        margin: 0 auto;
		}
	  */
    .suminsured-proceedwith .custom-radio-01 {
        margin-bottom: 5px;
    }

    .preAmount {
        padding: 14px 6px;
        width: 128px;
        height: 128px;
    }

    .preImg img {
        width: 22px !important;
    }

    .pie {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 0;
    }

        .pie:after {
            width: 2.1rem;
            height: 2.1rem;
            font-size: 8px;
            line-height: 23px;
        }

    .accordion li {
        width: 100%;
        margin: 0 auto;
    }

    #AddMember .modal-dialog,
    #RemoveMember .modal-dialog,
    #EditMember .modal-dialog,
    #EditPolicy .modal-dialog,
    #EditMember_02 .modal-dialog {
        width: auto;
    }

    .modal-dialog {
        padding: 20px;
    }

    .insuredbox .title,
    .insurer-detail {
        font-size: 12px;
        width: 100px;
        margin-right: 6px;
        vertical-align: text-top;
    }

    .insuredbox .title {
        text-align: left;
    }

    .insuredbox label {
        padding: 15px 12px;
    }

    .insuredbox input + label::before {
        right: 8px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

    .insuredbox input:checked + label::before {
        right: 6px;
        top: 6px;
        border: none;
        font-size: 20px;
    }

    .edit-trigger-mob {
        display: inline-block;
        position: absolute;
        color: #cccccc;
        vertical-align: top;
        float: right;
    }

    .accordion .active .edit-trigger-mob {
        display: block;
    }

    .accordion .active .edit-trigger {
        display: none;
    }

    .accordion a:after {
        top: -5px;
    }

    .insuredmembers-list .editableforms {
        padding-right: 0;
        padding-left: 20px;
    }

    .title-heads {
        width: 150px;
        font-size: 12px;
        /* text-align: right; */
    }

        .title-heads::after {
            content: ":";
        }

    .editablebox:disabled {
        color: #000000;
    }

    .inputs {
        width: 200px;
        /* max-width: 140px; */
    }

    .insuredmembers-list .owl-prev {
        left: -10px;
    }

    .insuredmembers-list .owl-next {
        right: -10px;
    }

    .inputs input,
    .inputs select {
        border-bottom: none;
        font-size: 12px;
    }

    .main-header {
        font-size: 16px;
        /* text-align: center; */
        width: auto;
        margin: 0 auto 10px 0px;
        padding: 0px;
    }

    ul.accordion {
        /* margin-top: 15px; */
    }

    .whatisunlocked h5 {
        font-size: 15px;
        font-weight: bold;
    }

    .whatisunlocked {
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-bottom: 11px;
    }

    .footer h5 {
        font-size: 10px;
    }

    .renew {
        float: right;
        width: auto;
        padding: 0;
    }

    .scrollbar {
        /* height: auto !important; */
        overflow-y: auto !important;
    }

    #msform fieldset:nth-child(4) .scrollbar {
        height: auto !important;
    }

    #msform .form-group {
        margin-bottom: 1.4rem;
    }

    div.modal-body .scrollbar {
        height: 300px !important;
        overflow-y: scroll !important;
        padding: 0px 20px 0px 5px;
    }

    .final-value {
        width: auto;
        float: left;
    }

    .grid-boxes {
        padding: 0;
        list-style: none;
        margin-bottom: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr; /* adjusted */
        grid-template-columns: repeat(3, 1fr);
        margin: 10px -15px;
    }

        .grid-boxes li:nth-child(2) {
            -ms-grid-column: 1;
            grid-column-start: 1;
        }

        .grid-boxes li:nth-child(1),
        .grid-boxes li:nth-child(5) {
            grid-column-start: 2;
            -ms-grid-column: 2;
        }

        .grid-boxes li {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            background-color: #fef0eb;
            padding: 10px;
            border: none;
            width: auto;
            height: auto;
            margin-right: 0;
            vertical-align: auto;
            border-radius: 0;
        }

    .icon-titles {
        font-size: 12px;
        text-align: center;
    }

    .grid-boxes li:nth-child(3) {
        line-height: normal;
        background-color: #fde2d9;
        display: inherit;
    }

        .grid-boxes li:nth-child(3) strong {
            font-size: 50px;
            color: #f15a22;
            font-weight: bold;
            margin-top: -15px;
        }

    .grid-boxes li:nth-child(1) {
        border-radius: 15px 15px 0 0;
    }

    .grid-boxes li:nth-child(2) {
        border-radius: 15px 0 0 15px;
    }

    .grid-boxes li:nth-child(4) {
        border-radius: 0 15px 15px 0;
    }

    .grid-boxes li:nth-child(5) {
        border-radius: 0 0 15px 15px;
    }

    .main-header + strong {
        display: none;
    }

    .imagebox {
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 100%;
    }

    .funnelImg2 {
        display: none;
    }

    .form-row {
        /*margin-bottom:10px;*/
    }

        .form-row > .col, .form-row > [class*=col-] {
            width: 100px;
        }

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box {
        height: auto;
    }

        .healthgain-progress .steps-preregistration-cont.card.shrunken-box .imagebox {
            display: none;
        }

    .custom-radio-01 [type="radio"]:checked + label, .custom-radio-01 [type="radio"]:not(:checked) + label {
        padding: 0 0 12px;
    }

    .imagebox img {
        width: 100%;
    }

    .theme-btn {
        width: 190px;
        text-transform: uppercase;
        border: 2px solid #f15a22;
        color: #fff;
        padding: 7px 0;
        font-size: 16px;
        border-radius: 20px;
        margin: 20px auto 0px auto;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        background-color: transparent;
        display: inherit;
    }

    .testimonials-box::after {
        display: none;
    }

    .trustbox p {
        font-size: 13px;
    }

    .lister {
        width: 100%;
    }

        .lister li {
            width: 180px;
            font-size: 13px;
        }

    .owl-testimonials p {
        padding: 10px 10px;
        font-size: 14px;
    }

    .heading-style-2 h2 {
        font-size: 20px;
    }

    .expandable-box {
        display: none;
        overflow: hidden;
    }

    /* pratik responsive css */
    .card-body {
        margin-left: 0;
        flex-direction: column;
    }

    .mob-mt-2 {
        margin-top: 20px;
    }

    .mob-pl-4 {
        padding-left: 40px !important;
    }

    .mob-ml-minus-15 {
        margin-left: -15px !important;
    }

    .mob-w-10 {
        width: 90px !important;
    }


    .infoswitch {
        text-align: left !important;
    }

        .infoswitch label.infolabel {
            font-size: 13px;
            font-weight: 500;
        }

    .switch-field {
        padding-right: 15px !important;
    }

    .cards-holder {
        width: 102%;
    }

    .custom-radio-01 li:not(:last-child) {
        margin-right: -10px;
    }

    #fieldsetWhom .infolabel
    {
        width:60%;
    }
    #fieldsetWhom .custPEDbtn .editPed
    {
        position:inherit !important;
    }

    #divideyear li:not(:last-child) {
        margin-right: -24px !important;
    }

    #dividedYear2 li:not(:last-child) {
        margin-right: 45px !important;
    }

    .custom-radio-01 [type="radio"]:checked + label:after, .custom-radio-01 [type="radio"]:not(:checked) + label:after {
        top: 6px;
        left: 1%;
        width: 8px;
        height: 8px;
    }

    #dividedyearblock [type="radio"]:checked + label:after, #dividedyearblock [type="radio"]:not(:checked) + label:after {
        top: 6px;
        left: 1%;
        width: 8px;
        height: 8px;
    }

    .custom-radio-01 [type="radio"]:checked + label:before,
    .custom-radio-01 [type="radio"]:not(:checked) + label:before {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        left: -3px;
        top: 2px;
    }

    .custom-radio-01 {
        justify-content: center;
        font-size: 13px;
    }
    /*  .step-02 .main-header {
    width: 200px;
    margin: 0 auto;
  }*/
    /*.quote-page .main-header + strong {
    display: block;
    text-align: center;
    color: #acacac;
    margin-top: 6px;
    font-size: 14px;
  }*/



    #selectmsg_primemember .modal-dialog, #selectmsg_primemember1 .modal-dialog, #selectmsg_primemember2 .modal-dialog, #selectmsg_primememberNon .modal-dialog, #selectmsg_primememberExtra .modal-dialog {
        width: auto;
    }
    /* #selectmsg_primemember1 .modal-dialog, #selectmsg_primemember2 .modal-dialog{
  width: 350px !important;
} */

    .main-header_ultra-main {
        font-size: 18px;
        /* text-align: center; */
        width: auto;
        margin: 20px auto 30px 30px;
    }

        .main-header_ultra-main + strong {
            display: none;
        }

    .quote-page .main-header_ultra-main + strong {
        display: block;
        text-align: center;
        color: #acacac;
        margin-top: 6px;
        font-size: 14px;
    }

    .estimate-box {
        background-color: #f15a22;
        color: #ffffff;
        width: 139px;
        height: 139px;
        margin: 0 auto;
        border-radius: 100px;
        justify-content: center;
        flex-direction: column;
        text-align: center;
    }

    .amt {
        color: #ffffff;
        font-size: 23px;
    }

        .amt small {
            display: block;
            font-size: 13px;
            text-align: center;
        }

    .finish {
        margin-bottom: 3%;
    }

    .estimate-date-box {
        width: 100%;
        justify-content: center;
        margin-top: 30px !important;
    }

    .start-date {
        /*background-color: #e6e6e6;*/
        border: 2px solid #f15a22;
        padding: 6px 35px;
        border-radius: 100px;
        font-size: 15px;
        margin-left: 14px;
    }

    .wizard > .content > .body,
    .wizard > .content {
        height: auto !important;
    }

    .w-135 {
        width: 100% !important;
    }

    .switchToggle {
        /* width: 12%; */
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .number-ofmembers-toinsure .w-75 {
        width: 100% !important;
        margin: 0 auto;
    }

        .number-ofmembers-toinsure .w-75 .col-md-6 {
            width: 50%;
        }

    number-ofmembers-toinsure .small, small {
        font-size: 60%;
    }

    .number-ofmembers-toinsure .form-group {
        margin-bottom: 0px !important;
    }

    .below21txt,
    .above21txt {
        width: 75px !important;
    }

    #errormsg .modal-dialog,
    #errormsg_HI .modal-dialog {
        width: 100%;
        color: #464646;
    }

    .custom-cont {
        width: 100% !important;
    }

    .actual-form.w-67.active {
        width: 100%;
        height: auto;
        margin-bottom: 50px;
        padding-left: 0px;
    }

    .disountedBox {
        width: 45%;
    }

    .discountboxes {
        flex-wrap: wrap;
    }

    .healthgain-progress #steps-preregistration.card.shrunken-box {
        display: none;
    }

    .premium-box.active {
        display: none;
    }

    .accordion a {
        font-size: 14px;
        text-align: left;
        padding-left: 10px;
    }

    .customicon {
        width: 27px;
        height: 27px;
        margin-right: 5px;
    }

    .left {
        left: 10px;
    }

    .dobofseniormost .icon {
        display: block !important;
    }

    .dobofseniormost.d-flex,
    .shareemail {
        flex-direction: column;
    }

    .dob-box .form-group.col-md-2 {
        width: 55px;
    }

    .step-03 .dob-box .form-group.col-md-4 {
        width: 78px;
        padding-right: 0px;
    }

    #msform .dob-box .form-group.col-md-3 {
        width: 48px;
        padding-right: 0px;
    }

    #msform input[name="date_dd"],
    #msform input[name="date_mm"] {
        padding: 7px 9px !important;
        border-radius: 15px !important;
    }

    #msform .dob-box .form-group.col-md-6 {
        width: 80px;
    }

    .form-area > .form-row:first-child .col-md-3 {
        width: 170px;
        margin: 0 auto;
    }

    .form-area .form-row .col-md-6 {
        width: 50%;
    }

    .form-area .form-row.dob-box .form-group.col-md-3 {
        width: 65px;
    }

        .form-area .form-row.dob-box .form-group.col-md-3 .form-control {
            padding: 7px 15px !important;
        }

    .nominee-update {
        width: 100%;
        text-align: center;
    }

    .shareemail:first-of-type {
        margin-bottom: 35px !important;
    }

    .shareemail {
        position: relative;
    }

        .shareemail:first-of-type::after {
            content: "";
            display: block;
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background-color: #b1b1b1;
        }

    .container-fluid .main-header_ultra-main {
        margin: 10px auto 30px auto;
    }
    /*#msform select.form-control, .form-control {
		height:35px !important;
		}
	#msform .form-control {
		height:35px !important;
		}	*/
    .container-fluid .floating-label label:not(.error) {
        /*top: 7px;*/
    }

    #msform .col-md-12 > .form-row > .form-group {
        padding-right: 0px;
    }

    .form-area .form-row {
        /*justify-content: center;*/
    }

    .heading-spacer {
        margin-bottom: 20px;
    }

    .whatisped {
        margin-top: 25px;
    }

    #steps-preregistration .switchToggle {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #msform .switchToggle {
        /* margin-bottom: 25px; */
    }

    .shareemail .icon {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .floating-label label:not(.error) {
        width: 105px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    fieldset:first-of-type .form-area {
        /*margin-top: 10px;*/
    }

    .dekstopview {
        display: none;
    }

    .mobileview {
        display: block;
    }

    .footer h5 span#total small {
        font-size: 55%;
        display: inline-block;
        right: 0;
        top: 0;
    }

    #msform fieldset:first-of-type .main-header {
        margin-bottom: 15px;
    }

    .swich label {
        padding: 10px 25px;
        font-size: 13px;
    }

    .owl-theme.grab-benefits .owl-nav[class*=owl-] {
        width: 40px;
    }

        .owl-theme.grab-benefits.owl-nav[class*=owl-] img {
            width: 100%;
        }

    .slider1benifits .owl-next {
        right: -110px;
        top: -124px;
    }

    .slider1benifits .owl-prev {
        left: -12px;
        top: -124px;
    }

        .slider1benifits .owl-prev img, .slider1benifits .owl-next img {
            width: 18px;
        }

    /*.slider1benifits{
	    width: 45%;
	}
*/
    .mob-web-25 {
        width: 25% !important;
    }

    .mob-left-30 {
        left: -30px;
    }

    .d-inline {
        display: inline-block !important;
    }

    .ipad-mt-3 {
        margin-top: 30px !important;
    }

    .mob-resp-view {
        display: flex;
        justify-content: center;
    }

    .mob-resp-text-left {
        text-align: left !important;
    }

    .left-head {
        text-align: left !important;
        width: 50%;
    }

    .mob-resp-hide {
        display: none;
    }

    .right-head {
        margin-left: 77px;
        margin-bottom: 20px;
        width: 50%;
        margin-top: 22px;
    }

    .desk-resp-hide {
        display: inline-block;
    }

    .plan-card {
        height: 170px;
    }

    .button-holder {
        text-align: center;
        padding-top: 0px;
    }

        .button-holder .close-btn {
            top: -15px;
        }

    .ipad-pl-0 {
        padding-left: 0px !important;
    }

    .ipad-ml-0 {
        margin-left: 0px !important;
    }

    .discount-price {
        margin: 0;
        width: 100%;
    }

    .sub-section-2 .previesIcon {
        left: 8px !important;
    }

    .editableforms .inputs {
        display: flex;
        align-items: center;
    }

        .editableforms .inputs input, .editableforms .inputs select {
            padding-left: 1px;
        }

    .editableforms li {
        display: flex;
        align-items: center;
    }

    #msform select.form-control, #msform input.form-control {
        width: 100% !important;
    }

    #msform .errspan {
        margin-right: 20px;
    }

    .scrollbar {
        height: auto !important;
    }

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box {
        width: 100% !important;
    }

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box {
        float: right;
        margin-top: 0px !important;
    }

    .actual-form.w-67.active {
        float: left;
        /* margin-top: 0px !important; */
    }

    .custom-radio-01 [type="checkbox"]:checked + label:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 5px;
        top: 10px;
        left: 114px;
        height: 12px;
        border-style: solid;
        border-color: #009690;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        opacity: 1;
    }

    .errspan {
        margin-top: -30px;
    }

    .errTooltip .errTooltiptext {
        visibility: hidden;
        width: 110px;
        background-color: #ffff92;
        color: #ff1e11;
        text-align: center;
        border-radius: 6px;
        padding: 5px !important;
        position: absolute;
        z-index: 1;
        top: -12px !important;
        bottom: inherit !important;
        left: auto;
        margin-left: auto;
        right: 155% !important;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 6px #ce8483;
    }

        /* Tooltip arrow */
        .errTooltip .errTooltiptext::after {
            content: " ";
            position: absolute;
            top: 50%;
            left: 100%; /* To the right of the tooltip */
            margin-top: -5px;
            margin-left: auto;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent #ffff92;
        }

    .healthgain-progress .card {
        box-shadow: none;
        border: none;
        height: auto;
        /*  margin-top: 50px !important;  */
        margin-top: 66.97px !important; /* new header change */
    }

    #trAddOn_MV .tooltiptext {
        width: 25rem;
        left: -7rem;
        padding: 10px 25px;
    }

    #trAddOn_MV .tooltip-bottom::after {
        left: 30%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .imagebox {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        width: 390px;
    }

    .expandable-box {
        display: block;
    }

    .disountedBox {
        width: 20%;
    }

    .accordion li {
        display: block !important;
    }
}


@media(max-width:540px) {
    .small-size {
        text-align: left;
    }

    .custome-align {
        position: absolute;
        top: 5px;
        left: 110px;
    }

    .scrollbar {
        height: auto !important;
    }

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box {
        width: 100% !important;
    }

    .healthgain-progress .steps-preregistration-cont.card.shrunken-box {
        float: right;
        /* margin-top: 0px !important; */
    }

    .actual-form.w-67.active {
        float: left;
        /* margin-top: 0px !important; */
    }

    .right-head {
        margin-top: 0px;
    }

    .button-holder .close-btn {
        top: -5px;
    }

    .cards-holder {
        width: 105%;
        padding-right: 17px;
        padding-left: 9px;
    }

    .modal-fixed-width {
        width: 100% !important;
    }

    .mob-pl-0 {
        padding-left: 0px !important;
    }

    .mob-pr-0 {
        padding-right: 0px !important;
    }

    .mob-pr-1 {
        padding-right: 10px !important;
    }

    .mob-resp-view {
        display: flex;
    }

    .mob-resp-text-left {
        text-align: left !important;
    }

    .left-head {
        text-align: left !important;
        width: 65%;
    }

    .mob-resp-hide {
        display: none !important;
    }

    .right-head {
        margin-left: 15px;
        margin-bottom: 20px;
        width: 50%;
    }

    .desk-resp-hide {
        display: inline-block;
    }

    .plan-card {
        height: 140px;
    }

    .plan-card-active {
        height: 140px;
    }

        .plan-card-active:hover {
            height: 140px;
        }

    .modal-header-content, .modal-mini-card-holder {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .mob-fs-12 {
        font-size: 12px !important;
    }

    .mob-mb-1 {
        margin-bottom: 8px !important;
    }

    .mob-mt-1 {
        margin-top: 8px !important;
    }

    .mob-mt-3 {
        margin-top: 30px !important;
    }

    .mob-mt-4 {
        margin-top: 40px !important;
    }

    .mob-mt-5 {
        margin-top: 50px !important;
    }
    /* .button-holder .close-btn{
    display: block !important;
    margin: auto;
  } */
    .button-holder {
        padding-top: 15px;
        margin-top: 0px !important;
    }

    #msform fieldset {
        padding-left: 0px;
    }

    .side-line::before {
        position: absolute;
        content: "";
        left: -54px;
        top: 9px;
        height: 1px;
        width: 47px;
        background-color: #b1b1b1;
    }

    .side-line::after {
        position: absolute;
        content: "";
        right: -55px;
        top: 9px;
        height: 1px;
        width: 52px;
        background-color: #b1b1b1;
    }

    .mob-resp-img {
        width: 95%;
    }

    .compare-plan-modal-content {
        width: 100%;
    }


    .compareplan-modal-body .table-holder {
        width: 380px;
        overflow-x: auto;
    }

    /* .compareplan-modal-body .table-holder table{ 
  display: block; 
}

.compareplan-modal-body .table-holder thead{ 
  display: block; 
}

.compareplan-modal-body .table-holder tbody { 
  display: block; 
}

.compareplan-modal-body .table-holder th { 
  display: block; 
}

.compareplan-modal-body .table-holder td { 
  display: block; 
}

.compareplan-modal-body .table-holder tr { 
  display: block; 
} */



    /* .compareplan-modal-body.table-holder table, thead, tbody, th, td, tr { 
  display: block; 
} */
    .mob-resp-text-center {
        text-align: center !important;
    }


    /* .compareplan-modal-body .table-holder tr { border: 1px solid #ccc; margin: 10px 0px;}
.compareplan-modal-body .table-holder td { 
 
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  padding-left: 20%; 
 
} */

    /* .compareplan-modal-body .table-holder td:before {
  position: absolute;
  top: -4px;
  left: 9px;
  padding-right: 10px;
  font-weight: 600;
  white-space: nowrap;
  padding: 8px 0px;
} */

    /* .compareplan-modal-body .table-holder td:nth-of-type(1):before { content: "Plan"; }
.compareplan-modal-body .table-holder  td:nth-of-type(2):before { content: "Basic"; }
.compareplan-modal-body .table-holder td:nth-of-type(3):before { content: "Silver"; }
.compareplan-modal-body .table-holder  td:nth-of-type(4):before { content: "Gold"; }

   */

}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}
/**********
    iPad 3
    **********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

@media (max-width:375px) {
    .compareplan-modal-body .table-holder {
        width: 330px;
        overflow-x: auto;
    }
}

@media only screen and (max-width: 1280px) and (min-width:1279px) {
    .compare-plan-modal-content {
        width: 80%;
    }

    .header-row {
        width: 73.4% !important;
    }
}

@media only screen and (min-width: 1359px) and (max-width:1366px) {

    .header-row {
        width: 68.7% !important;
    }
}