/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .table-holder table {
        display: block;
    }

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

    .table-holder tbody {
        display: block;
    }

    .table-holder th {
        display: block;
    }

    .table-holder td {
        display: block;
    }

    .table-holder tr {
        display: block;
    }

    .table-holder tr {
        border: 1px solid #ccc;
        margin: 10px 0px;
    }

    .table-holder td {
        position: relative;
        text-align: right;
        height: 90px;
    }

        .table-holder td p {
            margin-top: 40px;
            text-align: left;
        }

    .table-holder input, .table-holder .input-group, .table-holder .switch-field, .table-holder select, .table-holder .infoswitch {
        width: 55%;
        float: right;
        justify-content: end;
    }

    .table-holder td:before {
        position: absolute;
        top: 6px;
        left: 9px;
        font-weight: 600;
        white-space: wrap;
        padding: 8px 0px;
        width: 40%;
        text-align: left;
    }

    .table-holder td:nth-of-type(1):before {
        content: "Full Name";
    }

    .table-holder td:nth-of-type(2):before {
        content: "Relation with Proposer";
    }

    .table-holder td:nth-of-type(3):before {
        content: "Gender";
    }

    .table-holder td:nth-of-type(4):before {
        content: "Date of birth of insured person";
    }

    .table-holder td:nth-of-type(5):before {
        content: "Pre-existing disease Details";
    }

    .table-holder td:nth-of-type(6):before {
        content: "Name of pre-existing disease / injury / illness / physical defects";
    }

    .table-holder td:nth-of-type(7):before {
        content: "Pre-existing disease suffering since (MM-YYYY)";
    }

    .switch-field {
        padding-right: 0px;
    }

    .table-holder1 table {
        display: block;
    }

    .table-holder1 tbody {
        display: block;
    }

    .table-holder1 th {
        display: block;
    }

    .table-holder1 td {
        display: block;
    }

    .table-holder1 tr {
        display: block;
    }

    .table-holder1 tr {
        border: 1px solid #ccc;
        margin: 10px 0px;
    }

    .table-holder1 td {
        position: relative;
        text-align: right;
        height: 60px;
    }

    .mob-hide td {
        display: none;
    }

    .table-holder1 input, .table-holder1 .input-group, .table-holder1 .switch-field, .table-holder1 select, .table-holder1 .infoswitch {
        width: 55% !important;
        float: right;
        justify-content: end;
    }

    .table-holder1 td:before {
        position: absolute;
        top: 6px;
        left: 9px;
        font-weight: 600;
        white-space: wrap;
        padding: 0px;
        width: 40%;
        text-align: left;
    }

    .PED1DiseaseName, .PED2DiseaseName, .PED3DiseaseName, .PED4DiseaseName {
        height: 105px !important;
    }

    .PED1FirstTreated, .PED2FirstTreated, .PED3FirstTreated, .PED4FirstTreated {
        height: 80px !important;
    }

    .table-holder1 td:nth-of-type(1):before {
        content: "Sr No.";
    }

    .table-holder1 td:nth-of-type(2):before {
        content: "Relation with Proposer";
    }

    .table-holder1 td:nth-of-type(3):before {
        content: "Name of pre-existing disease / injury / illness / physical defects";
    }

    .table-holder1 td:nth-of-type(4):before {
        content: "Pre-existing disease suffering since (MM-YYYY)";
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 768px) {
    .custom-cont {
        width: 100%;
    }

    .usps {
        flex-wrap: wrap;
        justify-content: center;
    }

        .usps li {
            width: 50%;
            text-align: center;
            margin-top: 0;
            max-width: 145px;
        }

    .banner {
        margin: 8px;
    }

    .rgi-form {
        margin-top: 19px !important;
    }

    .footer {
        padding: 10px 16px;
        text-align: justify;
    }

    #otp-popup .modal-dialog,
    #thankyou-popup .modal-dialog {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }
}

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

/* 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 */
}