@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .draftTable table {
        display: block !important;
    }

    .draftTable thead {
        display: block !important;
    }

    .draftTable tbody {
        display: block !important;
    }

    .draftTable th {
        display: block !important;
    }

    .draftTable td {
        display: block !important;
    }

    .draftTable tr {
        display: block !important;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .draftTable thead tr {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    .draftTable tr {
        border: 1px solid #ccc !important;
    }

    .draftTable td {
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        font-size: 14px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

        .draftTable td:before {
            /* Now like a table header */
            position: absolute !important;
            /* Top/left values mimic padding */
            top: 6px !important;
            left: 6px !important;
            width: 45% !important;
            padding-right: 10px !important;
            white-space: nowrap !important;
            font-size: 14px;
        }

   /*--------------------------------------------------------------------------------*/
    .registrationSummaryTable table {
        display: block !important;
    }

    .registrationSummaryTable thead {
        display: block !important;
    }

    .registrationSummaryTable tbody {
        display: block !important;
    }

    .registrationSummaryTable th {
        display: block !important;
    }

    .registrationSummaryTable td {
        display: block !important;
    }

    .registrationSummaryTable tr {
        display: block !important;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .registrationSummaryTable thead tr {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    .registrationSummaryTable tr {
        border: 1px solid #ccc !important;
    }

    .registrationSummaryTable td {
        /* Behave  like a "row" */
            padding: 13px !important;
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        font-size: 14px;
        word-wrap: break-word;
        /*word-break: break-all;*/
        white-space: normal;
        text-align:right !important;
    }

        .registrationSummaryTable td:before {
            /* Now like a table header */
            position: absolute !important;
            /* Top/left values mimic padding */
            top: 6px !important;
            left: 6px !important;
            width: 45% !important;
            padding-right: 10px !important;
            white-space: nowrap !important;
            font-size: 14px;
            word-wrap: break-word !important;
            /*word-break: break-all !important;*/
            white-space: normal !important;
             text-align:left !important;
        }
    /*--------------------------------------------------------------------------------*/
    .SponsorStudentTable table {
        display: block !important;
    }

    .SponsorStudentTable thead {
        display: block !important;
    }

    .SponsorStudentTable tbody {
        display: block !important;
    }

    .SponsorStudentTable th {
        display: block !important;
    }

    .SponsorStudentTable td {
        display: block !important;
    }

    .SponsorStudentTable tr {
        display: block !important;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .SponsorStudentTable thead tr {
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    .SponsorStudentTable tr {
        border: 1px solid #ccc !important;
    }

    .SponsorStudentTable td {
        /* Behave  like a "row" */
        border: none !important;
        border-bottom: 1px solid #eee !important;
        position: relative !important;
        padding-left: 50% !important;
        font-size: 14px;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal;
    }

        .SponsorStudentTable td:before {
            /* Now like a table header */
            position: absolute !important;
            /* Top/left values mimic padding */
            top: 6px !important;
            left: 6px !important;
            width: 45% !important;
            padding-right: 10px !important;
            white-space: nowrap !important;
            font-size: 14px;
           
        }
    /*--------------------------------------------------------------------------------*/
    .draftRegistration {
        height: auto !important;
        width: auto !important;
    }

    .divSponsorStudentTable {
        height: auto !important;
        width: auto !important;
    }
}

.questionare-verical {
    width: inherit;
}

@media (max-width: 480px) {
    .questionare-verical label{
        width: 200px;
    }
    .registrationSummaryTable {
        margin-bottom: 0px
    }
    .panelCourse .panel-body {
        padding: 0px;
    
    }
    .totalNetPayableDiv {
        display:block !important;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .panelCourse {
    border-color: white !important;
    }
    .regSummaryDetailPanel {
        padding-left:0px;
        padding-right:0px;
    }
}