@media only screen and (max-width: 2560px) {
    .inner-box.payment-view {
        width: 358px;
    }

    .feedback-modal .modal-dialog {
        width: 780px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 1920px) {
    .inner-box.payment-view {
        width: 510px;
    }
}

@media only screen and (max-width: 1680px) {
    .inner-box.payment-view {
        width: 440px;
    }
}

@media only screen and (max-width: 1440px) {
    .product-title-row .container, .main-wraper .container, .container {
        width: 81%;
    }

    .inner-box.payment-view {
        width: 358px;
    }

    .advantages-policy-title {
        width: 60%;
        font-size: 16px;
    }

    .price-breakup {
        font-size: 14px;
    }

    .price-premium {
        font-size: 14px;
    }

    .total-price {
        font-size: 20px;
    }

    .total {
        padding-top: 5px;
    }

    .price-breakup .checkbox.small {
        padding-bottom: 0;
    }

    .total-closer {
        padding: 0 20px 10px 20px;
    }
}

@media only screen and (max-width: 1366px) {
    .advantages-policy-title {
        width: 58%;
        font-size: 14px;
    }

    .modal-dialog.view-plan-popup {
        width: 80%;
    }

    #modalThnx .modal-dialog {
        top: 0%;
    }

    .product-calculator {
        padding: 40px;
    }

    .slider-col {
        min-height: 400px;
    }

    .product-buy {
        padding: 40px 40px 40px 70px;
    }

    .tabs a {
        font-size: 14px;
        padding: 5px 0;
    }

    a.left.carousel-control, a.right.carousel-control {
        top: 175px;
    }

    h4, .h4 {
        font-size: 16px;
    }

    a.btn-solid, a.btn-border {
        font-size: 14px;
        line-height: 32px;
        height: 32px;
    }

    .panel-title {
        font-size: 12px;
    }

    .panel-default > .panel-heading a[aria-expanded="false"]:after {
        font-size: 9px;
        padding: 4px 4px 0 5px;
    }

    .panel-default > .panel-heading a[aria-expanded="true"]:after {
        font-size: 9px;
        padding: 4px 0 0 4px;
    }

    .panel-body {
        font-size: 12px;
    }

    .trust-services {
        font-size: 14px;
    }

    .form-group input, .form-group textarea {
        font-size: 13px;
    }

        .form-group input:focus ~ .control-label, .form-group input:valid ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .select select:focus ~ .select-label, .select select:valid ~ .select-label, .select select.form-file ~ .select-label, .select select.has-value ~ .select-label, .form-group textarea:focus ~ .control-label, .form-group textarea:valid ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label {
            font-size: 12px;
        }

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

    .select-text {
        font-size: 13px;
        padding-bottom: 5px;
    }

    .advantages-policy {
        margin-bottom: 20px;
    }

    .why-col span {
        font-size: 12px;
    }

    .form-radio, .form-group {
        margin-bottom: 20px;
    }

        .form-group .control-label {
            font-size: 12px;
        }

    .proposal .panel-title {
        font-size: 14px;
    }

    a.primary-btn {
        padding: 5px 20px;
        font-size: 13px;
    }

    a.secondary-btn {
        padding: 4px 20px;
        font-size: 13px;
    }

    .choose-plan-box {
        padding: 15px 0;
        font-size: 13px;
    }

    .form-group > .select-label.focsin {
        font-size: 12px;
    }

    .pro-title {
        font-size: 14px;
    }

    .field-row {
        padding-bottom: 20px;
    }

    .btn-large {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .btn-border-add {
        height: 30px;
        line-height: 30px;
    }

    #myBtn {
        padding-top: 3px;
    }

    .more .fa.fa-angle-down, .more .fa.fa-angle-up {
        top: 4px;
    }

    .policy-package-title {
        font-size: 14px;
    }

    .added .add-check {
        margin-top: 3px;
    }

    .pay-summary-title-h2 {
        font-size: 20px;
    }

    #modalReportIssue .modal-dialog {
        top: 22%;
    }
}

@media only screen and (max-width: 1365px) {
    .product-calculator {
        padding: 25px;
    }

    .product-buy {
        padding: 25px 25px 25px 50px;
    }

    .right-side::before {
        left: 20px;
        top: 30px;
    }

    .inner-box.payment-view {
        width: 338px;
    }
}

@media only screen and (max-width: 1280px) {
    .advantages-policy-title {
        width: 60%;
    }

    .why-col {
        width: 50%;
        padding-bottom: 15px;
    }

    .modal-dialog.view-plan-popup {
        width: 90%;
    }

    .inner-box.payment-view {
        width: 315px;
    }
}

@media only screen and (max-width: 1279px) {
    .container {
        width: 100%;
    }

    .os-web-table .os-w-180 {
        width: 140px;
    }

    .os-content {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1024px) {
    .proposal {
        padding: 0 15px;
    }

        .proposal .panel-body {
            padding: 15px;
        }

    .total-price {
        font-size: 36px;
    }

        .total-price .fa.fa-inr {
            bottom: 8px;
        }

    .datepicker {
        width: 280px;
        left: 45px !important;
    }

    .inner-box.payment-view {
        width: 290px;
    }

    .product-title-row .container, .main-wraper .container, .container {
        width: 96%;
    }

    #modalThnx .modal-dialog {
        top: 5%;
    }

    a.left.carousel-control, a.right.carousel-control {
        top: 200px;
    }

    .common-message {
        padding: 40px 0;
    }

    .slider-col {
        min-height: 500px;
    }

    .tcb-simple-carousel .carousel-indicators {
        bottom: -50px;
    }

    .os-or-table {
        padding: 30px 0px 0 0px;
    }
}

@media only screen and (max-width: 1023px) {
    .os-mobile-table thead, .os-mobile-table tbody {
        max-width: 100%;
        width: 100%;
        display: table;
    }

    .os-web-table {
        display: none;
    }

    .os-web-viewonly {
        display: none;
    }

    table.table.table-striped.os-mobile-table {
        display: block;
        margin-bottom: 0px;
        position: relative;
    }
}

@media only screen and (max-width: 992px) {
    .footer-one .container, .footer-two .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-one {
        padding: 20px 0 15px;
    }

    .footer_heads.bdr0 {
        border: 0 none;
    }

    .footer_heads {
        font-size: 14px;
        border-bottom: 1px solid #d3d3d3;
        padding: 10px 0;
        margin-bottom: 0;
        cursor: pointer;
        position: relative;
        color: rgba(0, 0, 0, 0.87);
    }

    .new-border-top {
        border: none;
        padding-top: 0;
        margin-top: 0;
    }

    .foot_ans {
        margin: 5px 0;
        display: none;
    }

    .footer_heads::after {
        content: "\e923";
        transform: rotate(0);
        font-family: 'hdfc-ergo';
        position: absolute;
        top: 13px;
        color: rgba(0, 0, 0, .38);
        margin: 0px;
        width: 100%;
        text-align: right;
        position: absolute;
        background: none;
    }

    .footer_heads.fooacc_ans_active:after {
        content: '\e923';
        font-family: 'hdfc-ergo';
        transform: rotate(-180deg);
        color: rgba(0, 0, 0, .38);
        margin: 0;
        width: 100%;
        text-align: left;
        position: absolute;
        top: 22px;
    }

    .fooacc_ans_active ~ .foot_ans {
        display: block;
    }

    .footer-one .col-sm-12 {
        width: 100%;
    }

    .footer-two .footer_heads {
        display: block;
    }
}

@media only screen and (max-width: 991px) {
    .row.row-mobile {
        padding: 15px 0 !important;
    }

    .os-welcome-card.row1, .os-welcome-card.row2, .os-welcome-card.row3 {
        height: inherit;
    }

    .container {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    .btn.os-btn-paynow {
        float: right;
    }

    a.tollfree {
        width: 50%;
    }

    .odd {
        padding-top: 5px;
    }

    a.remove-added {
        padding: 8px 55px 0 0;
        font-size: 11px;
    }

    .btn-border-add {
        padding: 0 5px;
    }

    .product-title-row .container, .main-wraper .container, .container {
        width: 100%;
        padding: 0;
    }

    .dotted-border-mobile {
        border: 1px dashed #b6b6b6 !important;
    }
    /*.mobile-toggle-show .top-scroll {
        top: 82px;
        position:relative;
    }

        .mobile-toggle-show .top-scroll::after {
            content: " ";
            position: absolute;
            right: 30px;
            top: -15px;
            border-top: none;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-bottom: 15px solid black;
        }*/
    .box .checkbox {
        padding: 0 !important;
    }

    a.back-mobile {
        font-size: 12px;
    }

    #morebenefits .checkbox .helper {
        top: 2px;
    }

    .col-md-8.mobile100 {
        padding: 0;
    }

    .header-logo img {
        margin: 0;
        padding: 5px;
    }

    .header-logo {
        padding-left: 5px;
        float: left;
        width: 100%;
    }

        .header-logo .pull-left {
            float: left !important;
        }

    .call-icon {
        display: block;
    }

    .choose-plan-box {
        margin-bottom: 0;
    }

    a.back-mobile {
        display: block;
    }

    .checkbox.green {
        padding-bottom: 70px;
    }

    .tab-content {
        padding: 0 15px;
    }

    .panel-heading.first-heading {
        margin-top: 0 !important;
    }

    .panel-heading {
        margin-top: 15px !important;
    }

    .edit.confirm.pull-right {
        margin-right: 0;
        top: 15px;
    }

    .tabs a {
        font-size: 15px;
    }

    #insured-detail-tabs.tabs a {
        font-size: 12px;
        padding: 10px 20px;
    }

    #divLifeStyleSection .tabs a {
        font-size: 14px;
        padding: 10px 25px;
    }

    h2 {
        font-size: 16px;
        padding-top: 15px;
    }

    .product-buy p {
        font-size: 16px;
        line-height: 24px;
    }

    .gross-premium .title {
        font-size: 14px;
    }

    .gross-premium .amount {
        font-size: 26px;
    }

    .gross-premium .mobamount {
        font-size: 26px;
    }

    .gross-premium .fa.fa-inr {
        bottom: 0;
        font-size: 14px;
    }

    .gross-premium .year {
        font-size: 11px;
    }

    .panel-body {
        font-size: 14px;
    }

    .full {
        padding: 10px 0;
    }

    .easy-pay-now {
        display: none;
    }

    .quote-wraper-row.row {
        margin-left: 0;
    }

    .advantages-policy {
        min-height: 140px;
    }

    .product-buy {
        padding: 25px;
    }

    .steps {
        width: 240px;
    }

    .dotted-line {
        width: 60px;
    }

    .pro-title-plan {
        padding: 15px 15px 0 15px;
    }

    .proposal-wraper-row.row {
        margin-right: 0;
        padding-bottom: 70px;
    }

    .proposal .panel-group .panel {
        margin-right: -15px;
        margin-bottom: 0 !important;
    }

    .proposal .panel-default > .panel-heading {
        margin-bottom: 0;
        box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .13);
        -webkit-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .13);
        -moz-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .13);
        -o-box-shadow: 0 5px 8px 5px rgba(0, 0, 0, .13);
    }

    .panel-body {
        padding-bottom: 15px;
    }

    .payment-view {
        padding: 15px;
        top: 57px;
        bottom: 0;
        position: relative;
        height: auto;
    }

    .mob-right-none {
        padding-right: 0 !important;
        position: relative;
    }

    .mob-show.mob-pre {
        display: block !important;
        z-index: 999999999;
        right: 0;
    }

    .mob-right-none .modal {
        top: inherit;
    }

    .close {
        margin-top: 0;
        margin-right: 0;
        color: #000;
        font-size: 24px;
        opacity: 10;
        cursor: pointer;
    }

    .modal#lab-slide-bottom-popup {
        bottom: 0;
        z-index: 999999999;
        padding-left: 0 !important;
        top: inherit;
        background-color: rgba(0, 0, 0, 0.75);
    }

    .mobile-overlay {
        background-color: rgba(0, 0, 0, 0.65);
        height: 100vh;
        left: 0;
        top: -45px;
        right: 0;
        z-index: 999999;
        position: fixed;
    }

    .mob-right-none .modal {
        overflow-y: hidden !important;
    }

    .bottom-row .gross-premium {
        width: 60%;
        padding-bottom: 0;
        text-align: left;
    }

        .bottom-row .gross-premium .price {
            padding-bottom: 0;
            line-height: 24px;
        }

        .bottom-row .gross-premium .title {
            font-size: 15px;
        }

        .bottom-row .gross-premium .amount {
            font-size: 26px;
            padding-left: 3px;
        }

        .bottom-row .gross-premium .mobamount {
            font-size: 26px;
            padding-left: 3px;
        }

    .policy-summary {
        padding-bottom: 0;
    }

    .inner-box.proposal.inner-proposal {
        padding: 0 0 0 15px;
    }

    .inner-box.proposal {
        padding: 0 15px 0 30px;
    }

    .pay-summary-title-h2, #divRiderSection h3 {
        font-size: 16px;
        line-height: 24px;
        padding-top: 10px;
    }

    .proposal .panel-group {
        margin-bottom: 68px;
    }

    .product-title-row {
        height: 80px;
    }

    .mob-show {
        display: block !important;
    }

    .footer-three {
        padding-bottom: 130px;
    }

    .download-row {
        margin: 0 auto;
    }

    a.primary-btn {
        padding: 10px 15px;
        font-size: 13px;
    }

    #morebenefits {
        display: block;
        width: 100%;
        float: left;
        padding-bottom: 30px;
    }

    .mar-bot-none {
        margin-bottom: 0 !important;
    }

    .inner-box.payment-view {
        /*width: 100% !important;*/
        /*bottom: 68px;*/
        /*z-index: 999999999;*/
    }
    /*.inner-box.proposal.inner-proposal {
        padding: 0;
    }*/
    .edit {
        right: 15px;
        top: 17px;
    }

    #morebenefits .checkbox.small {
        padding-bottom: 10px;
    }

    .mobi-secure {
        clear: both;
    }

    .form-radio, .form-group {
        margin-bottom: 10px;
    }

    .totalAmountDiv {
        float: left;
        width: auto;
        text-align: left;
        font-size: 14px;
        padding-top: 1px;
        padding-left: 15px;
        padding-right: 0;
    }

    .gross-premium .fa.fa-inr {
        font-size: 13px;
    }

    .actual-price {
        float: left;
        width: auto;
        text-align: left;
    }

    .make-btn {
        padding: 10px 5px !important;
        width: 100%;
        text-align: center;
        font-size: 14px !important;
    }

    .mob-secure {
        width: 50%;
    }

    .discountTooltip {
        left: 80px;
    }

    .gross-premium {
        width: inherit !important;
    }

    .modal-open #lab-slide-bottom-popup {
        overflow-y: auto !important;
    }

    .os-benefits-wraper {
        padding: 20px 0 60px 0;
    }

    #osbenefit .modal-dialog {
        width: 100%;
    }

    .os-benefits-wraper {
        width: 100%;
    }

    .os-benefits-header h1 {
        font-size: 18px;
    }

    .os-benefits-header h4 {
        font-size: 12px;
    }

    .os-benefit-left {
        width: 100%;
    }

    .os-recommended {
        left: 190px;
        top: 0;
    }

    #osbenefit .close {
        top: -7px;
    }

    .os-video {
        position: inherit;
        right: 0;
    }

    .os-row.os-mt-14 {
        display: inherit;
    }

        .os-row.os-mt-14 .os-ml-20 {
            margin-left: 0;
        }

    .os-col-md-6 {
        width: auto;
        padding: 0 15px;
    }

    table.os-mobile-table {
        border-collapse: inherit;
    }

    .collapsed .glyphicon-menu-down::before {
        display: block;
    }

    .os-col-md-6 {
        width: 100% !important;
        float: left;
    }

        .os-col-md-6 .os-title {
            width: 33%;
            float: left;
            font-size: 12px;
        }

        .os-col-md-6 .os-content {
            width: 67%;
            float: left;
            text-align: right;
            font-size: 12px;
        }

    .glyphicon-menu-down::before {
        display: block;
        margin-top: 3px;
    }

    .os-welcome-card {
        display: table;
        width: 100%;
    }

    label.os-first-year {
        justify-content: left;
    }

    .os-radio-tenure .csi-fancy-radio [type="radio"]:checked + label::after {
        left: 10px;
        top: 10px;
    }

    .os-ded-sec {
        padding: 14px;
    }

    #collapseTwo .csi-fancy-radio [type="radio"]:checked + label::after {
        top: 4px;
    }

    .os-mobhide {
        display: none;
    }

    .os-premium {
        padding: 14px 0 0 0;
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

        .os-premium .os-form-group {
            padding: 0 14px;
            width: 100%;
            float: left;
        }

    .os-mob-price-row {
        width: 100%;
        float: left;
        background: #fff;
        box-shadow: 0px -1px 10px #00000029;
        padding: 10px 15px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        display: block;
    }

    .os-mob-left {
        float: left;
        width: 60%;
    }

    .os-mob-right {
        float: right;
        width: 40%;
    }

    .os-pay-amount {
        font-size: 12px;
        color: #666;
        width: 100%;
        float: left;
    }

    .os-pay-price {
        font-size: 24px;
        color: #333;
        font-family: 'helveticaneuebold';
        float: left;
        padding-right: 10px;
    }

    a.os-knowmore {
        font-size: 14px;
        color: #D82B1B;
        text-decoration: underline;
        float: left;
        padding-top: 10px;
    }

    .btn.os-btn-paynow {
        background: #d82b1b;
        padding: 14px 35px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'helveticaneuebold';
    }

        .btn.os-btn-paynow.os-btn-paynow-active {
            background: #D82B1B;
            color: #fff;
        }

    label span.os-get-discount {
        float: inherit;
        clear: inherit;
        width: inherit;
        padding-left: 15px;
    }

    .os-selectpaln-mob-show {
        font-size: 14px;
        color: #666;
    }

        .os-selectpaln-mob-show a {
            color: #333;
        }

    .os-button-row-middle .os-btn-default, .os-button-row-middle .os-btn-red {
        width: auto;
        margin: 15px 0 0 0;
        padding: 10px 20px;
    }

    .os-wraper {
        padding-bottom: 75px;
    }
}

@media (min-width: 768px) {
    .rw-trclass td {
        padding-left: 100px !important;
        text-align: left;
    }

    .tab-accordion .panel-heading {
        display: none;
    }

    .tab-accordion .panel {
        border: none;
        box-shadow: none;
    }

    .tab-accordion .panel-collapse {
        height: auto;
    }

        .tab-accordion .panel-collapse.collapse {
            display: block;
        }

    .modal.disease {
        padding-right: 0;
    }

    .disease .modal-content {
        height: 100%;
    }

    #modalThnx .modal-dialog {
        top: 1%;
    }

    #divPancard.modal .modal-dialog {
        width: 350px !important;
        margin: 0 auto;
    }

        #divPancard.modal .modal-dialog .modal-body {
            padding: 15px;
        }

    .tab-accordion .panel-heading {
        display: none;
    }

    .tab-accordion .panel {
        border: none;
        box-shadow: none;
    }

    .tab-accordion .panel-collapse {
        height: auto;
    }

        .tab-accordion .panel-collapse.collapse {
            display: block;
        }

    .modal.disease {
        padding-right: 0;
    }

    .disease .modal-content {
        height: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .left-col {
        width: 100%;
    }

    .right-col {
        width: 100%;
    }

    .suminsured {
        width: 100%;
    }

    .middle-content {
        padding: 20px 5px;
    }

    a.remove-added {
        padding: 12px 105px 0 0;
    }

    .pol-tagline {
        padding-left: 0px;
    }

    .rw-m-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .price-breakup {
        padding: 0 15px;
    }

    .rw-rightside-block {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        text-align: right;
    }

    .rw-mob {
        float: left !important;
    }

    .rw-mob-view {
        float: left !important;
    }

        .rw-mob-view .sub-amount {
            text-align: left !important;
            padding-left: 0px !important;
            float: left !important;
        }

    .rw-pt-0 {
        padding-top: 0px !important;
        padding-left: 0px !important;
    }

    .rw-trclass td {
        width: 100%;
        display: table;
    }

    .btn-select-plan {
        padding: 10px 12px;
    }

    .os-benefits-details {
        max-height: 305px;
        overflow: scroll;
        min-height: 200px;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0;
    }

    .modal-content {
        border-radius: 0;
    }

    .modal-body {
        padding: 15px 0;
        font-size: 13px;
    }

    #divTermConditions .modal-body {
        padding: 15px;
        width: 100%;
    }

    .top-scroll .radio, .top-scroll .checkbox {
        margin-bottom: 0 !important;
        float: left;
        color: #666;
    }

        .top-scroll .checkbox label, .top-scroll .form-radio label {
            color: #666;
        }
    /*View plan */
    .mobile-title-hide {
        display: none;
    }

    .modal-dialog.view-plan-popup .modal-body {
        padding: 0;
    }

    #view-plan-modal {
        padding-left: 0 !important;
    }

    .title-full {
        width: 100%;
        float: left;
        text-align: center;
    }

    .packages-icon {
        width: 33.3%;
        float: left;
    }

    a.mobile-view-plan {
        color: #fff;
        margin-top: 3px;
        display: block;
    }

    table.viewplan tr td {
        padding: 10px 0;
        height: 22px;
        font-size: 18px;
    }

    tr {
        width: 100%;
    }

    .title-full {
        font-size: 16px !important;
    }

    a.left.carousel-control, a.right.carousel-control {
        display: none;
    }

    .left-side {
        width: 100%;
        background: #fff;
    }

    .mob-hide {
        display: none;
    }

    .mob-show {
        display: block !important;
    }

    .os-card-title {
        margin-bottom: 9px;
        font-size: 14px;
    }

    .os-welcome-card {
        margin-top: 14px;
    }

    .os-sm-ml-0 {
        margin-left: 0px;
    }

    .os-mb-5 {
        margin-bottom: 5px;
    }

    .os-row {
        width: 100%;
    }

    .os-sum-insured {
        margin-top: 14px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .os-sum-title {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .os-curr-tite {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .os-amount {
        font-size: 18px;
    }

    .os-sum-title {
        font-family: 'helveticaneuebold';
    }

    .os-second-year::before {
        right: -15px;
    }

    .os-mob-down {
        display: block;
    }

    .os-mob-view {
        display: block;
    }

    .os-desktop-view {
        display: none;
    }

    .os-current-plan {
        height: 76px;
    }

    .os-current-plan {
        padding-left: 8px;
    }

    .os-fancy-radio1 [type="radio"] + label::before {
        margin-right: 5px;
    }

    .os-col-md-4 {
        width: 65%;
    }

    .os-inner-class {
        padding: 15px;
    }

    .os-mob-msg {
        font-size: 18px;
        font-family: 'helveticaneuebold';
    }

    .os-title.os-mobile-mem {
        width: 35%;
        float: left;
        text-align: left;
        font-size: 14px;
        margin-bottom: 14px;
    }

    .os-content.os-mobile-con {
        width: 100%;
        float: left;
        text-align: left;
        margin-bottom: 14px;
        font-size: 14px;
    }

    .os-mob-age {
        font-size: 12px;
        margin-right: 4px;
    }

    .os-mob-view-memb {
        display: block;
        padding: 10px;
    }

    .os-plus {
        background: #fff;
        color: #666;
        font-size: 14px;
        font-family: 'helveticaneuebold';
        padding: 4px;
        border-radius: 50px;
    }

    .os-names {
        color: #333;
        font-size: 13px;
    }

    .os-mob-mb-0 {
        margin-bottom: 0px !important;
    }

    .os-mob-p0 {
        padding: 0px;
    }

    .os-w-50 {
        width: 50%;
    }

    .os-mobile-table .os-table-row {
        height: 64px;
    }

    .os-table-row {
        text-align: center;
    }

    tr.os-yesno {
        height: 64px;
    }

    .os-mob-mt-15 {
        margin-top: 15px;
    }

    .os-premium.os-mob-mt-15 {
        margin-bottom: 80px;
    }

    .btn knw-more-btn.os-w-auto {
        margin-top: 30px;
    }

    button.btn.knw-more-btn.os-w-auto {
        width: auto;
        margin-top: 30px;
    }

    .os-mob-mt-0 {
        margin-top: 0px;
    }

    .os-mob-mt-45 {
        margin-top: 45px;
    }

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

    .os-mob-reco::before {
        content: 'Recommended for you';
        top: -23px;
        left: -1px;
        background: #FED12F;
        color: #000;
        height: 30px;
        width: 174px;
        position: absolute;
        font-weight: normal;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-align: center;
        border-radius: 6px 6px 0px 6px;
        z-index: -9;
    }

    .os-mob-reco {
        position: relative;
    }

    .os-one-row {
        flex-wrap: wrap;
    }

    #CustomerDetails_PanCardNo_Id .os-title.os-mobile-mem {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 14px;
        margin: 14px 0;
    }

    /*    .os-inner-class .collapse, .os-welcome-card .collapse {
        display: none;
    }*/

    .container {
        padding-right: 13px;
        padding-left: 13px;
    }

    .os-welcome-card {
        padding: 12px;
        height: inherit;
    }

    .os-title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .os-content {
        font-size: 16px;
    }

    .equal-height {
        padding: 0;
        margin: 0 15px 15px 15px;
    }

    #divNomineeDetails .col-md-6.col-sm-12.col-xs-12 {
        padding-bottom: 15px;
    }

    .os-member-inner-class {
        padding: 15px 15px 5px 15px;
    }

    .os-mig-msg {
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }

    .os-text-center.os-w-50.os-mob-reco {
        /*  border: 1px solid #d82b1b !important;
        border-bottom: 0 solid #d82b1b !important;
        border-radius: 10px 10px 0 0 !important;*/
    }

    .os-des-btn {
        margin-bottom: 0;
    }

    .os-mob-rec-selected {
        background-color: rgba(255, 158, 149, 0.1);
        position: absolute;
        left: 0;
        right: 0;
        height: 892px;
        margin-top: 16px;
    }

    .btn.knw-more-btn.os-w-auto {
        margin-left: 0;
        padding: 10px 30px;
    }

    .os-left {
        margin: -32px 0 0 0;
    }

    .os-big-radio .csi-fancy-radio [type="radio"] + label::before {
        top: 23px;
    }

    .os-big-radio .csi-fancy-radio [type="radio"]:checked + label::after {
        top: 25px;
    }

    .csi-fancy-radio [type="radio"]:checked + label::after {
        top: 4px;
    }

    #os-deductible .csi-fancy-radio [type="radio"]:checked + label::after {
        top: 0px;
    }

    .os-amount {
        padding-left: 36px;
    }

    .os-col-md-6 {
        width: auto;
    }

    .os-deductible-small {
        font-size: 12px;
        font: #666;
    }

    label span.os-radio-price {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #modalThnx .modal-dialog {
        width: 100%;
    }

    .kyc-proceed-btn {
        width: 100%;
    }
    /*.ui-autocomplete {
        bottom: 50px !important;
        top: inherit !important;
    }
     #ui-id-1 .ui-autocomplete {
        bottom:50px !important;
    }
    #ui-id-2 .ui-autocomplete {
        bottom:140px !important;
    }*/
    #divPancard.modal .modal-dialog {
        width: 300px !important;
        margin: 0 auto;
    }

    .pay-note {
        text-align: left;
        padding: 15px 0 25px 0;
    }

    .ins-col24 {
        display: none;
    }

    .ins-col38 {
        width: 50%;
    }

    .policyuser-hide {
        display: block;
        float: left;
        color: #666 !important;
    }

    .price-label {
        float: right;
    }

    #divPancard.modal .modal-dialog .modal-body {
        padding: 15px;
    }

    .top-scroll a.primary-btn {
        position: absolute !important;
        bottom: 5px;
        right: 5px;
        z-index: 999999;
        padding: 10px;
    }

    .edit {
        right: 15px;
        top: 7px;
    }

    .popup-scroll {
        max-height: 200px;
    }

    .bg-benifits .tab-content {
        padding: 0;
    }

    .buy-now {
        padding: 2px 25px;
    }

    .choose-plan-box {
        margin-bottom: 0;
    }

    .product-title-row {
        /*height: 70px;*/
        height: auto;
    }

    .pro-title-plan {
        padding: 5px 10px 0 10px;
    }

    .quote-wraper {
        margin-bottom: 0;
        margin-top: 0;
    }

    .equalHeights {
        height: inherit !important;
    }

    .left-side {
        width: 100%;
        background: #fff;
    }

    .right-side {
        width: 100%;
    }

    .product-calculator {
        padding: 0;
    }

    .product-buy {
        padding: 15px 15px 15px 30px;
    }

    .right-side::before {
        left: 3px;
        top: 17px;
    }

    .gross-premium.mob-show {
        padding: 20px 0 0 0;
    }

    .bottom-row .buy-now {
        width: auto;
        float: right;
        margin: 10px 0 0 0;
        padding: 7px 15px;
    }

    .bottom-row .gross-premium .price {
        padding-bottom: 0;
        line-height: 24px;
    }

    .bottom-row .gross-premium .title {
        font-size: 15px;
    }

    .bottom-row .gross-premium .amount {
        font-size: 16px;
        padding-left: 3px;
    }

    .bottom-row .gross-premium .mobamount {
        font-size: 28px;
        padding-left: 3px;
    }

    .box-shadow {
        box-shadow: none;
    }

    .proposal .panel-body {
        padding: 10px 10px;
    }

    .pro-title-plan h1 {
        font-size: 20px;
    }

    .pro-title-plan span.tagline {
        font-size: 14px;
        padding-top: 7px;
    }
    /*********Accordion********/
    .tab-accordion.tab-content .tab-pane {
        display: block;
    }

    .benifits-tab {
        display: none;
    }

    .tab-accordion .panel-title a {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
        text-align: left;
        font-weight: bold;
        color: #333;
    }

    .tab-accordion .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }

    .tab-accordion .panel-default > .panel-heading a::after {
        display: none;
    }

    .panel-default > .panel-heading {
        background: #fff;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding: 15px 0;
        width: 100%;
        float: left;
    }

    .inner-proposal .tabs {
        margin-top: 0;
    }

    .tabs {
        margin-top: 0;
    }

    .tab-accordion .card-body {
        margin-top: 0;
        background: #fff;
        display: table;
        width: 100%;
        border-bottom: 1px solid #e4e4e4;
        float: left;
    }

    .tabe-pane {
        margin-bottom: 15px !important;
    }

    .tabs a:hover {
        border-bottom: 0;
    }

    #tab1, #tab2, #tab3, #tab4 {
        display: table;
        width: 100%;
        margin-bottom: 0;
    }

    .tab-pane .panel-heading {
        margin-top: 0 !important;
    }

    .trust-services {
        width: 50%;
        height: 180px;
    }

    .tab-accordion .fa-plus {
        color: #328e99;
    }

    .download-row {
        margin: 0 auto;
        display: table;
        width: auto;
    }

        .download-row a.btn-border, .download-row a.btn-solid {
            float: none;
            width: 260px;
            padding: 0 10px;
        }

    .remove-spouse {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        text-align: center;
        padding: 0;
        line-height: 22px;
        font-size: 0;
    }

        .remove-spouse span {
            margin-right: 0;
        }

    .collapsed .fa-plus::before {
        content: "\f067" !important;
    }

    .steps {
        width: auto;
        padding-right: 10px;
    }

        .steps .current.active-step {
            margin-right: 5px;
        }

    .dotted-line {
        display: none;
    }

    .choose-plan-box {
        padding: 15px 0;
    }

    .tabs .gray-middle a {
        padding: 10px;
    }

    ul.gray-middle.tabs-nav {
        float: left;
    }

    .proposal .panel-default > .panel-heading a {
        padding: 0 10px;
    }

    .gray-tab {
        border-radius: 0;
    }

    .proposal .panel-title {
        font-size: 14px;
    }

    .panel-collapse .panel-body {
        padding: 0;
    }

    .select-text {
        float: left;
    }

    .disease {
        display: none !important;
    }

    .mobile-toggle-show {
        display: none;
    }

        .mobile-toggle-show .tab-content {
            padding: 0;
        }

    .box-overlay {
        width: 150px;
    }

    .policy-summary .text-right {
        text-align: right;
    }

    .position-top-price {
        position: absolute;
        right: 0;
        top: 6px;
        line-height: 16px;
    }

        .position-top-price .tex-right {
            text-align: right;
        }

    .checkbox-container {
        padding-bottom: 20px;
    }

    .tab-accordion .panel-heading {
        display: block;
    }

    .discountTooltip {
        position: inherit;
        float: right;
        left: 0;
        top: 10px;
    }

        .discountTooltip::after {
            display: none;
        }

    .gross-premium .offer {
        font-size: 11px;
    }

    .gross-premium .year {
        bottom: 0;
        font-size: 11px;
        color: #6e6e6e;
        font-weight: normal;
    }

    .bottom-row .gross-premium .title {
        font-size: 11px;
        color: #6e6e6e;
    }

    .bottom-row .buy-now.small-btn {
        margin-top: 5px;
    }

    .form-row .row {
        margin-right: 0;
        margin-left: 0;
    }

    .tab-accordion .card-body {
        padding-top: 15px;
    }

    .datepicker {
        left: 15px !important;
    }

    .col-md-8.col-xs-12.mobile100 {
        padding-right: 0;
    }

    .insured-tagline {
        padding: 0 10px;
        top: 0;
        display: table;
    }

    .policy-summary .text-right {
        text-align: left;
    }

    .policy-summary .odd p {
        padding-bottom: 0;
    }

    .pad20 {
        padding-top: 0;
        padding-bottom: 10px !important;
    }

    .odd-mobile-hide .text-right {
        text-align: right !important;
    }

    .position-top-price .text-right {
        text-align: right !important;
    }

    .product-title-row.inner {
        height: auto !important;
    }

    #modalReportIssue .modal-dialog {
        top: 0;
    }

    #modalThnx .modal-dialog {
        top: 0;
    }

    #divLifeStyleSection .tabs a {
        font-size: 10px;
        padding: 10px 4px;
    }

    a.left.carousel-control, a.right.carousel-control {
        top: 200px;
    }

    .slider-col {
        min-height: inherit !important;
        margin-bottom: 15px;
    }

    a.left.carousel-control, a.right.carousel-control {
        display: none;
    }

    .tcb-simple-carousel .carousel-indicators {
        bottom: -20px !important;
    }

    .mob-secure {
        width: 75%;
    }

    #insured-detail-tabs.tabs a {
        font-size: 10px;
        padding: 10px 5px;
    }

    .modal-dialog {
        width: 100%;
        margin: 0;
        top: 0;
        /*height: 100%;*/
    }

    .error-popup .modal-content {
        border-radius: 0;
        padding: 15px;
        height: 100%;
    }

    .message-sub-heading {
        font-size: 12px;
    }

    .feedbackform {
        width: 100%;
    }

        .feedbackform h3 {
            font-size: 22px;
        }

    .feedbody .rating-block {
        width: 35px;
        margin: 0 1px;
    }

    .modal-content {
        /*height: 100%;*/
    }

    #divTermConditions.modal {
        padding-left: 0 !important;
        z-index: 999999999;
    }

    #divTermConditions .modal-content, #divTermConditions .modal-dialog {
        height: inherit;
    }

    .feedbackPop a.proceed-btn-small {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }

    .feedbackform h3 {
        font-size: 17px;
        padding: 29px 10px;
    }

    .feedbody label {
        font-size: 14px;
        line-height: 19px;
    }

    .feedbody .heat-rating {
        margin: 5px 0 0 0;
        height: 41px;
    }

    .feedbody {
        padding: 9px;
    }

        .feedbody .rating-block, .feedbody .rating-block1 {
            width: 23px;
            margin: 0 3px;
        }

    .excellent span, .verypoor span {
        word-break: break-word;
        line-height: 12px;
        top: 33px;
    }

    .poor span:before {
        left: 18px;
    }

    .poor span:after {
        right: 18px;
    }

    .verypoor, .poor, .average, .good, .excellent {
        font-size: 10px;
    }

    #modalThnx .feedbody {
        min-height: 435px;
    }
}

@media only screen and (max-width: 600px) {
    .ins-col38 {
        width: 100%;
    }

    .pre-title {
        float: right;
        width: 50%;
        text-align: right;
        clear: inherit;
    }

    .cu-title {
        float: left;
        width: 50%;
    }

    .h110 br {
        display: none;
    }

    .ins-price {
        float: right;
        clear: both;
        width: 100%;
    }

    .mem-ins-col ul li.h110 {
        height: 80px;
    }
}

@media only screen and (max-width: 500px) {
    #os-deductible .modal-dialog {
        width: 90%;
    }

    #os-deductible .modal-header {
        padding: 34px 17px 17px 17px;
    }

    #os-deductible .modal-body {
        padding: 17px;
    }

    .os-one-row .csi-fancy-radio {
        float: left;
        margin-right: 0;
        padding-bottom: 16px;
    }

    .os-one-row {
        padding-bottom: 0;
    }

    .os-deductible-title {
        font-size: 16px;
    }

    .os-deductible-small {
        width: 100%;
        float: left;
    }

    .os-button-row-middle {
        float: left;
        width: 100%;
    }

    #os-deductible .os-btn-default, #os-deductible .os-btn-red {
        width: 45%;
        margin: 0 0 17px 0;
    }

    .os-left .os-curr-tite {
        font-size: 12px;
    }

    .os-amount {
        font-size: 16px;
    }

    .os-sum-title {
        font-size: 12px;
    }

    #os-deductible .modal-dialog {
        width: 90%;
        display: flex;
    }

    #os-deductible .modal-header {
        padding: 34px 17px 17px 17px;
    }

    #os-deductible .modal-body {
        padding: 17px;
    }

    .one-row .csi-fancy-radio {
        float: left;
        margin-right: 0;
        padding-bottom: 16px;
    }

    .one-row {
        padding-bottom: 0;
    }

    .os-deductible-title {
        font-size: 16px;
    }

    .os-deductible-small {
        width: 100%;
        float: left;
    }

    .os-button-row-middle {
        float: left;
        width: 100%;
    }

    #os-deductible .os-btn-default, #os-deductible .os-btn-red {
        width: 45%;
        margin: 0 0 17px 0;
    }

    #os-currentplan .modal-dialog {
        width: 90%;
    }

    #os-currentplan .modal-body {
        padding: 35px 25px;
    }

    .os-w45 {
        width: 35%;
    }
}

@media only screen and (max-width: 480px) {
    .payment-view {
        top: 105px;
    }

    .os-plan-price {
        padding-right: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .steps strong {
        font-size: 10px;
        padding-top: 3px;
    }

    .total-price {
        font-size: 30px;
    }

    .kyc-irdai-input-col input {
        width: 150px !important;
    }
}

@media only screen and (max-width: 375px) {
    .payment-view {
        top: 110px;
    }
}

@media only screen and (max-width: 360px) {
    .payment-view {
        top: 26px;
    }
}

@media only screen and (max-width: 359px) {
    .os-plan-price {
        padding-right: 10px;
    }

    .btn-select-plan {
        padding: 10px;
    }

    .cyanbg {
        padding: 10px 5px;
    }

    .profile-sec span {
        font-size: 12px;
    }

    #divPancard.modal .modal-dialog {
        width: 280px !important;
        margin: 0 auto;
    }

    .bottom-row .gross-premium .amount {
        font-size: 16px;
    }

    #insured-detail-tabs.tabs a {
        font-size: 14px !important;
        padding: 10px 4px !important;
    }

    .payment-view {
        top: 88px;
    }

    .insured-tagline {
        font-size: 10px;
    }

    .proposal .panel-title {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
    .os-radio-tenure .csi-fancy-radio [type="radio"]:checked + label::after {
        left: 9px;
        top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .feedback-modal .modal-dialog {
        width: 800px;
    }

    .feedback-list li {
        margin-right: 6.6%;
    }
}

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

    .summary-sec {
        padding: 10px 0 0 0;
    }

    .premium-section {
        display: none;
    }

    .w-11, .w-19, .w-23 {
        width: 100%;
    }

    .mt-5 {
        margin-top: 1rem !important;
    }

    .my-4 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }

    .ps-25 {
        padding-left: 0;
    }

    .floating-label {
        margin-bottom: 30px;
    }

    .border-end {
        border-right: none;
    }

    .policycard-header {
        padding: 0 12px;
    }

        .policycard-header h2 {
            font-size: 16px;
        }

        .policycard-header span {
            font-size: 12px;
        }

        .policycard-header img {
            width: 19px;
        }

    .policycard-body {
        padding: 10px 12px 0;
    }

    .policy-blk ul {
        flex-direction: column;
    }

    .policy-blk li {
        margin: 10px 0;
        height: auto;
    }

    .mb-premium-text {
        display: block;
    }

        .mb-premium-text label {
            font-size: 14px;
            font-weight: 600;
            color: #000000;
        }

            .mb-premium-text label small {
                font-size: 12px;
                font-weight: 400;
                color: #6a7580;
            }

        .mb-premium-text .mb-premium-price {
            color: #000000;
            font-size: 20px;
            display: block;
            font-weight: 700;
        }

        .mb-premium-text .mb-strikethrough {
            color: #6a7580;
            font-size: 14px;
            display: block;
            font-weight: 500;
            text-decoration: line-through;
        }

        .mb-premium-text .viewbrekup-text {
            color: #D82A1B;
            font-size: 14px;
            display: block;
            font-weight: 700;
            cursor: pointer;
        }

    .form-checkbox label {
        font-size: 14px;
    }

        .form-checkbox label b {
            font-size: 14px;
        }

    .viewbrekup-modal .modal-dialog {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .viewbrekup-modal .modal-content {
        border-radius: 0 !important;
    }

    .viewbrekup-modal .plansummary-card h2 {
        padding-left: 15px;
    }

    .viewbrekup-modal .modal-body {
        padding: 15px 0 0;
    }

    .viewbrekup-modal .plansummary-body {
        padding: 0 15px;
    }

    .viewbrekup-modal .plansummary-card:before, .viewbrekup-modal .plansummary-card:after {
        display: none
    }

    .total-bg {
        background: #EFF4F9;
        padding: 15px;
    }

    .viewbrekup-modal .plansummary-card span {
        font-size: 16px;
        font-weight: 700;
        text-align: right;
        float: right;
    }

    .thankyou-sec .ty-img {
        width: 164px;
    }

    .thankyou-sec {
        padding: 10px;
        margin-top: 20px;
    }

    .feedback-modal .modal-dialog {
        width: 700px;
    }

    .feedback-list li {
        margin-right: 3.9rem;
    }
}

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

    .feedback-list li:last-child {
        margin-right: 0 !important;
    }

    .feedback-modal .modal-dialog {
        width: 96% !important;
        margin: 10px auto;
    }

    .feedback-list li {
        margin-right: 2.9rem !important;
    }

    .que .poor-text, .que .excellent-text {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .mb-premium-text {
        padding-top: 10px
    }

        .mb-premium-text .mb-premium-price {
            font-size: 18px;
        }

        .mb-premium-text label {
            font-size: 11px;
        }

    footer {
        height: 106px;
    }

    .nextbtn {
        margin-top: 32px;
    }

    .file-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
    }

    .download-btn span {
        display: none;
    }
}

@media only screen and (max-width: 660px) {
    .feedback-list li {
        margin: 0 auto !important;
        width: 19%;
        display: inline-block;
    }
}