@media screen and (min-width:481px) and (max-width:1160px) {
    .appt_bgimg {
        background-image: none;
    }
}

/*-----------------for ipad---------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }

    #idm_main div input[type="text"], #idm_main div input[type="date"], #idm_main div input[type="password"], #idm_main div input[type="submit"],
    input[type="text"], input[type="date"], input[type="password"], input[type="submit"] {
        border-radius: 0px;
        -webkit-appearance: none;
    }

    #idm_main div select {
        border: 1px solid #C7C7C7;
        border-radius: 0px;
        margin: 0px 0px 15px;
        padding: 2px 6px 3px;
        position: relative;
        background: url("../img/bkg-dropdown-arrow.png") no-repeat right;
        -webkit-appearance: none;
        width: 250px;
        font-family: "RobotoRegular",Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #232222;
        height: 28px;
    }

        #idm_main div select.ddlRelation {
            min-width: 180px;
        }

    #idm_main div input[type="date"]#dtBirthDateHtml, #idm_main div input[type="date"]#dtAppointmentDateHtml {
        -webkit-appearance: none;
        background: url('../img/date_icon.png') no-repeat scroll 98% 2px #FFF;
        width: 250px;
        height: 18px !important;
        font-family: "RobotoRegular",Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #232222;
    }

    #idm_main div select {
        -webkit-appearance: none;
        background: url("../img/bkg-dropdown-arrow.png") right no-repeat #ffffff;
        /* height:26px;*/
        width: 250px;
    }

    #idm_main form div input[type="submit"], #idm_main div input[type="text"], input.btnBookApptPkg[type="submit"], input.btnBookApptPkg[type="submit"] {
        -webkit-appearance: none;
        border-radius: 0px;
    }

    ul.autocomplete_completionListElement_doc {
        width: 20.2% !important;
    }
    /*#footer {
 margin: 0px auto;
 float: none;
}
.clinicalbios1 {
 max-height:440px;
margin-bottom:10px;
}*/
    .MultiFile-wrap input {
        -webkit-appearance: none;
    }

    #filter {
        width: 20.5%;
        float: left;
        margin: 10px 10px 0px 0px;
    }

        #filter .holder div {
            padding: 0px 0px 0px 6px;
        }

    #divDocQualification {
        width: 535px !important;
    }

    .modalhead {
        width: 98%;
    }
    /*    For ipad find doc adjustment    */
    .clinicalbios {
        width: 77%;
        float: right;
    }

    td.td_tblDocLIst1 {
        width: 140px;
    }

    img.docInfo_img {
        width: 125px;
    }
 

    /*    For ipad find doc adjustment  END  */
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .clinicalbios1 {
        /* max-height:800px;*/
        margin-bottom: 10px;
    }

    .Q_link a img.a {
        left: 5%;
    }

    ..modalGrid {
        width: 100%;
    }

    .appt_bgimg {
        background-image: none;
    }

    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }
    /*    For ipad find doc adjustment    */
    .clinicalbios {
        width: 100%;
        float: none;
    }

    td.td_tblDocLIst1 {
        width: 140px;
    }

    img.docInfo_img {
        width: 125px;
    }

    #mobile-header a#simple-menu.fr {
        top: -36px;
    }

    .header-wrapper.stuck #mobile-header > a#simple-menu {
        top: -40px;
    }

    #filter {
        width: 100%;
        float: none;
    }

    ul.autocomplete_completionListElement_doc {
        width: 98% !important;
    }
    /*    For ipad find doc adjustment  END  */

}

/*-----------------for ipad   close---------------*/

/* media     */
@media screen and (min-width:768px) and (max-width:960px) {
    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }

    #odin, #odin #head {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .btnSearchImage {
        margin-right: 20px;
    }

    #idm_main {
        width: 500px;
    }

    #prereg_float, #prereg_float1, #prereg_left1, #prereg_left2, #prereg_right1, #prereg_right2 {
        float: none;
        width: 100%;
    }

    #RadCaptcha1_CaptchaTextBox {
        margin: 0px 60px 15px 0px !important;
    }

    .item {
        float: left;
        /* width: 57%;*/
    }

    div input#ctl00_cphMainContent_btnSubmit_NmAdhaarPopup[type="submit"] {
        margin: 10px 112px 5px 2px;
    }

    .appt_bgimg {
        background-image: none;
    }

    .appt_date_dept {
        padding: 5px 14px;
    }

    .appt_bookingblock {
        padding: 17px 0px;
    }
    .page-header, .maincntholder {
        padding: 0 16px;
    }
}

@media screen and (min-width:481px) and (max-width:769px) {
    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }

    .banner .cycle-pager {
        visibility: hidden;
    }

    #ctl00_cphMainContent_RadCaptcha1_CaptchaTextBox {
        margin: 0px 60px 15px 0px !important;
    }

    #odin, #odin #head {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .btnSearchImage {
        margin-right: 20px;
    }

    #idm_main {
        width: 500px;
    }

    .register_acct {
        background-color: #E6F4F6;
        padding-top: 15px;
    }

    #prereg_float, #prereg_float1, #prereg_left1, #prereg_left2, #prereg_right1, #prereg_right2 {
        float: none;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .appt_date_dept {
        10px 14px 5px
    }

    body #HNhospital-wrapper #headerMobile .nav-both ul.nav-dynamic {
        padding-top: 5px;
    }

        body #HNhospital-wrapper #headerMobile .nav-both ul.nav-dynamic li a {
            padding: 5px 0px;
        }

    body #HNhospital-wrapper #headerMobile .nav-both ul.nav > li > a {
        padding: 5px 0px;
    }

    body #HNhospital-wrapper #headerMobile .nav-both {
        margin-bottom: 15px;
        padding-top: 5px;
    }

        body #HNhospital-wrapper #headerMobile .nav-both ul {
            padding: 0px 0px 0px 42px;
        }

    .mobilePull:link, .mobilePull:active, .mobilePull:visited {
        padding: 8px 50px 8px 5px;
        margin-bottom: 10px;
    }

    .sub .p-2, .sub .p-3, .sub .p-4, .sub .p-5, .sub .p-6, .sub .p-7, .sub .p-8, .sub .p-9, .sub .p-10, .sub .p-11, .sub .p-12 {
        margin-bottom: 10px;
    }

    .contentbox {
        padding: 10px 0px 5px 0px;
    }

    .banner.sk2 ul li div a {
        color: rgb(0, 149, 59);
    }

    .banner.sk2 {
        padding-bottom: 68px;
        margin-bottom: 15px;
    }

    div#divContent {
        max-height: 300px;
        overflow-y: scroll;
    }

    #HNhospital-wrapper #main {
        padding: 0px 20px;
    }

    .modalPopup {
        width: 400px;
        padding-right: 18px;
    }

    .modalhead {
        width: 100%;
    }

    .modalGrid {
        max-height: 130px;
        width: 100%;
    }

    .modalhead_th {
        width: 160px;
    }

    .modalhead_slot {
        width: 180px;
    }

    .date_1 {
        width: 150px;
    }

    .time_1 {
        width: 155px;
    }

    #gvPinCode tr td:first-child {
        width: 170px;
    }

    .address {
        width: 180px;
    }

    .table_city {
        width: 135px;
    }

    #ctl00_cphMainContent_gvPinCode tr td:first-child {
        width: 170px;
    }

    .address_popup {
        width: 170px;
    }

    .city_popup {
        width: 125px;
    }

    .setTableHeightMin {
        height: auto;
        max-height: 145px;
        width: 100%;
    }

    #pnlFailureMessage, #pnlPopMessage {
        max-width: 400px;
        padding: 20px;
    }

        #pnlFailureMessage .msg span, #pnlPopMessage .msg span {
            font-size: 13px;
        }

    body .clinicalbios table thead, body .clinicalbios table tbody, body .clinicalbios table th, body .clinicalbios table td, body .clinicalbios table tr {
        display: table-cell;
    }

    TD.td_tblDocLIst2 {
        width: 580px;
    }

    .DeptList {
        width: 98.5%;
        /* height: 454px;*/
    }

    .clinicalbios {
        /*max-height:563px;*/
        min-height: 150px;
    }

    .clinicalbios1 {
        /* max-height: 604px;*/
        margin-bottom: 10px;
    }

    #footer {
        width: 100%;
        text-align: center;
    }

    #ctl00_cphMainContent_divDept {
        margin-bottom: 0px;
    }

        #ctl00_cphMainContent_divDept h3 {
            font-size: 15px;
            padding-left: 5px;
        }

    div#filter #ctl00_cphMainContent_divDept input#ctl00_cphMainContent_txtDept {
        /* margin-left: 5px;*/
    }

    div.menuname_popup {
        display: none;
    }

    div#ctl00_cphMainContent_pnlDocDetails div.docInfo {
        width: 470px !important;
        padding: 10px;
    }

    .divProfileDetails ul li {
        font-size: 14px;
    }

    #ctl00_cphMainContent_divDDQualification {
        width: 300px !important;
    }

    .docDetail_img_pop {
        margin-right: 10px;
        width: 110px;
    }

    #ctl00_cphMainContent_divDDExpDetail {
        max-height: 115px;
    }

    .Q_link {
        min-height: 115px;
    }

        .Q_link a img.a {
            left: 5.5%;
        }

        .Q_link a p {
            font-size: 13px;
            padding-right: 3px;
            line-height: 16px;
        }

    #tblDocLIst tr, #tblPackageList tr {
        border: 0px solid #CCC;
        background-color: #FFF;
    }

    .deptListInner {
        width: 93%;
    }

    .appt_bgimg {
        background-image: none;
        padding: 15px 0px 0px;
    }

    .appt_bookingblock {
        padding: 10px 0px;
    }

    .modalhead_slot {
        width: 150px;
    }
    /* ul.autocomplete_completionListElement_doc{ width:98% !important;}	*/
    ul.autocomplete_completionListElement_doc {
        width: 40% !important;
    }
    .page-header, .maincntholder {
        padding: 0 16px;
    }
}
/*  MEDIA closed*/

/*      FOR MOBILE DEVICES    */

@media screen and (max-width: 480px) {
    #idm_main div input[type="text"], #idm_main div input[type="date"], #idm_main div input[type="password"], #idm_main div input[type="submit"],
    input[type="text"], input[type="date"], input[type="password"], input[type="submit"] {
        border-radius: 0px;
        -webkit-appearance: none;
    }

    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }

    body {
        font-family: "RobotoRegular",Arial,Helvetica,sans-serif;
        font-size: 13px;
        color: rgb(90, 90, 90);
        line-height: 20px;
    }

    h1 {
        font-size: 22px;
        line-height: 24px;
    }

    h2 {
        font-size: 20px;
        line-height: 22px;
    }

    h3 {
        /*font-size:16px;
line-height:20px;*/
    }

    a, p {
        font-size: 13px;
    }

    body #HNhospital-wrapper #headerMobile {
        min-height: 80px;
    }

    .banner.sk2 {
        padding-bottom: 80px;
        margin-bottom: 15px;
    }

        .banner.sk2 ul li div a {
            color: rgb(0, 149, 59);
            font-size: 11px;
        }

    body .banner.sk2 ul li div h3 {
        font-size: 16px;
    }

    .contentbox {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .sub .p-2, .sub .p-3, .sub .p-4, .sub .p-5, .sub .p-6, .sub .p-7, .sub .p-8, .sub .p-9, .sub .p-10, .sub .p-11, .sub .p-12 {
        margin-bottom: 10px;
    }

    body #HNhospital-wrapper #headerMobile .nav-both {
        margin-bottom: 10px;
        padding-top: 10px;
    }

        body #HNhospital-wrapper #headerMobile .nav-both a {
            padding: 5px 0px 5px 20px;
            width: auto;
        }

        body #HNhospital-wrapper #headerMobile .nav-both ul li {
            line-height: 15px;
        }

        body #HNhospital-wrapper #headerMobile .nav-both ul.nav-dynamic {
            padding-top: 0px;
        }

        body #HNhospital-wrapper #headerMobile .nav-both ul {
            padding: 0px 0px 10px 24px;
        }

            body #HNhospital-wrapper #headerMobile .nav-both ul.nav-dynamic li a {
                padding: 10px 0px 3px 0px;
            }

    #btnBack {
        line-height: 12px;
        top: 5px;
    }

    #divTitle {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .page-header {
        margin: 0px 0px 5px;
    }

    #divNewsContainer ul li {
        line-height: 15px;
    }

    a.linkbox.appointment {
        padding: 10px 20px;
    }

    div#divContent {
        max-height: 210px;
        overflow-y: scroll;
    }

    body #HNhospital-wrapper #headerMobile .nav-both ul.nav > li > a, body #HNhospital-wrapper #headerMobile .nav-both ul.nav > li.current div a {
        padding: 5px 0px;
    }
    /*
TD.td_tblDocLIst2 {
width:200px;
}
 */
    #idm_main {
        max-width: 100%;
        width: auto;
        background-color: rgb(255, 255, 255);
        margin: 0px 10px;
        padding-bottom: 0px;
        min-height: 300px;
    }

    form div#idm_main div input[type="text"], form div#idm_main div input[type="email"] {
        margin: 0px 0px 0px 20px;
        width: 80%;
    }

    #idm_main div label {
        float: none;
        text-align: left;
        padding-bottom: 5px;
        /*width:297px;*/
        width: 100%;
        padding-left: 0px;
    }

    #idm_main h3 {
        margin: 0px -10px 10px;
        padding-left: 10px;
        font-size: 18px;
    }

    #btnBack {
        margin-top: 10px;
    }

    #ctl00_cphMainContent_btnCollectSlot {
        margin: 0px;
    }

    .frm_label {
        margin-bottom: 1px;
    }

    #idm_main div select#ctl00_cphMainContent_optGender, #ctl00_cphMainContent_ddlReligion, #ctl00_cphMainContent_ddlBloodGroup, #ctl00_cphMainContent_ddlMealPref, #ctl00_cphMainContent_ddlRelation, #ctl00_cphMainContent_ddlMaritalStatus, #idm_main div select#ctl00_cphMainContent_ddlLocation {
        display: block;
        margin-left: 0px;
        width: 90% !important;
    }

    #idm_main div input[type="submit"] {
        margin-bottom: 0px;
        padding: 5px 6px;
    }

    #ctl00_cphMainContent_RadCaptcha1_ctl01 {
        margin: 0px 11px 0px 20px !important;
    }

    body .banner ul.cycle-slideshow li div p {
        font-size: 13px;
        width: 100%;
    }

    #odin #logo {
        height: 90px;
    }

    body #idm_main form div.form_item {
        margin-bottom: 0px;
    }

    form div#idm_main div input[type="text"], form div #idm_main form div .dob, form div#idm_main div input[type="password"] {
        margin: 0 0 6px;
        width: 90%;
    }

    #prereg_float, #prereg_float1, #prereg_left1, #prereg_left2, #prereg_right1, #prereg_right2 {
        float: none;
        width: 100%;
        min-width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    form div#idm_main div input[type="text"]#ctl00_cphMainContent_txtAadharNumber, #idm_main div input#ctl00_cphMainContent_txtAppointmentDate, form div#idm_main div input[type="text"]#ctl00_cphMainContent_txtOTP, #idm_main div input#ctl00_cphMainContent_txtBirthDate {
        width: 90%;
    }

    form div#idm_main div input#ctl00_cphMainContent_txtPinCode[type="text"] {
        width: 85%;
    }

    body #idm_main h1 {
        font-size: 22px;
        width: 150px;
        line-height: 24px;
        padding-left: 5px;
    }

    .modalPopup {
        min-width: 280px;
        border: 2px solid #ffffff;
        height: 175;
        padding: 15px 5px 15px;
        margin-left: auto;
        margin-right: auto;
        top: 80px;
        width: 80%;
    }

    #lblDepartmentName, #lblDoctorName {
        font-size: 12px;
    }

    #lblDepartmentNameValue, #lblDoctorNameValue {
        font-size: 12px;
    }

    DIV.form_item {
        line-height: 12px;
    }

    .page-header h1 {
        max-width: 240px;
    }

    .modalGrid {
        max-height: 110px;
        overflow-y: scroll;
        width: 98%;
    }

    .modalhead {
        width: 99%;
    }

    .modalhead_th {
        width: 100px;
    }

    .modalhead_slot {
        width: 100px;
    }

    .modalhead table {
        text-align: center;
        width: 99.2%;
    }

        .modalhead table th {
            font-size: 12px;
            padding: 5px 0px;
            line-height: 20px;
            width: 41%;
        }

    .modalGrid table td {
        padding: 5px;
        font-size: 11px;
        width: 42%;
    }

    .style {
        left: 5px;
        top: 34px;
        z-index: 2400;
    }

    .close {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #gvPinCode tr td:first-child {
        width: 90px;
    }

    .date_1 {
        width: 90px;
    }

    .time_1 {
        width: 90px;
    }

    .address {
        width: 100px;
    }

    .table_city {
        width: 100px;
    }

    #ctl00_cphMainContent_gvPinCode tr td:first-child {
        /* width: 99px;*/
        width: 40%;
    }

    .address_popup {
        width: 90px;
    }

    .city_popup {
        width: 90px;
    }

    .select {
        width: 55px;
    }

    div.page-header h1 a {
        width: 220px;
        line-height: 24px;
        float: none;
        font-size: 22px
    }

    #divDocQualification {
        width: 100%;
        font-size: 14px;
    }

    #divViewPrifile a, #divBookAppt a {
        font-size: 14px;
    }

    div#ctl00_cphMainContent_pnlDocDetails div.docInfo {
        max-width: 280px !important;
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
        top: 60%;
        padding: 10px;
    }

    #ctl00_cphMainContent_divDDExpDetail {
        max-width: 270px;
        width: 100%;
        max-height: 120px;
        overflow-y: scroll;
        z-index: 1000;
        padding-right: 10px;
    }

    #ctl00_cphMainContent_pnlDocDetails #ctl00_cphMainContent_divDDQualification, #ctl00_cphMainContent_divDDName, #ctl00_cphMainContent_divViewPrifile, #ctl00_cphMainContent_divBookApptCtrl {
        max-width: 143px !important;
        width: 100%;
    }

    #ctl00_cphMainContent_divDDName {
        margin: 0px 0px 5px;
    }

    #ctl00_cphMainContent_divDDQualification {
        font-size: 12px;
        line-height: 18px;
    }

    .docInfo strong {
        font-size: 20px;
        padding-bottom: 5px;
        margin: 0px;
    }

    #imgDoctor {
        width: 90px !important;
    }

    div.docInfo table tbody tr td {
        border: none;
    }

    .mobilePull:link, .mobilePull:active, .mobilePull:visited {
        font-size: 12px;
        padding: 6px;
    }

    .page-header {
        padding-top: 10px;
    }

    body #HNhospital-wrapper #headerMobile .nav-both ul.socialmedia {
        padding: 10px 0px 0pxs;
        margin-left: 0px;
    }

    #divViewPrifile a, #divBookAppt a {
        font-size: 12px;
        padding: 5px;
    }

    body .clinicalbios table thead, body .clinicalbios table tbody, body .clinicalbios table th, body .clinicalbios table td, body .clinicalbios table tr {
        display: table-cell;
    }
    /* #tblDocLIst:hover {
background-color:#e5f6eb;
}*/
    #divViewPrifile a, #divBookAppt a {
        font-size: 12px;
        padding: 5px;
        margin-top: 5px;
    }
    /*#tblDocLIst tr:hover {
background:#e5f6eb;
border-top: 0px solid #00953B;
}*/
    #divViewPrifile a, #divBookAppt a {
        font-size: 12px;
        padding: 5px;
    }
    /* #tblDocLIst:hover {
background-color:#e5f6eb;
}*/
    #divViewPrifile a, #divBookAppt a {
        font-size: 12px;
        padding: 5px 10px 5px 40px;
        margin-top: 5px;
    }

    body .clinicalbios table tr {
        border: 0px;
    }
    /*#tblDocLIst tr:hover {
background:#e5f6eb;
border-top: 0px solid #00953B;
}*/
    #tblDocLIst tr {
        border-top: 0px solid #00953B;
    }

    #tblDocLIst td.td_tblDocLIst2, #tblPackageList td.td_tblDocLIst2 {
        width: 261px;
    }

    #tblDocLIst td {
        border: 0px;
        /* padding:10px;*/
    }

        #tblDocLIst TD.td_tblDocLIst1 {
            width: 100px;
        }

    img.docInfo_img {
        width: 85px;
    }

    .docInfo_img {
        min-width: 100px !important;
    }

    table#tblDocLIst {
        border-bottom: 1px solid #3AA8B9;
    }

    body .clinicalbios table tr {
        padding-bottom: 0px;
    }

    #pnlFailureMessage, #pnlPopMessage {
        max-width: 250px;
        padding: 10px;
    }

        #pnlFailureMessage .msg span, #pnlPopMessage .msg span {
            font-size: 12px;
        }

    #idm_main div.form_section {
        /*padding:0px 10px;
 background-color: rgb(248, 248, 248);*/
        min-height: 250px;
    }

    #idm_main div input#ctl00_cphMainContent_txtCountryCode[type="text"], #idm_main div input.txtCountryCD_pass[type="text"],
    #idm_main div input[type="text"]#ctl00_cphMainContent_txtKinMMCountryCode {
        width: 29%;
    }

    #idm_main div input#ctl00_cphMainContent_txtMobileNumber[type="text"], #idm_main div input.txtLogin_pass[type="text"],
    #idm_main div input[type="text"]#ctl00_cphMainContent_txtKinMobileNumber {
        width: 60%;
    }

    #idm_main div input.btnverifyNGenrateOTP[type="submit"] {
        margin-bottom: 5px;
    }

    #HNhospital-wrapper #main #main-content #filter {
        margin-bottom: 15px;
    }

    .item {
        width: 99%;
    }

    .DeptList {
        width: 97%;
    }

    .clinicalbios {
        /*max-height:450px;*/
        min-height: 150px;
    }
    /* Arun Added on 7th feb  */
    #ctl00_cphMainContent_pnlNameAadhaarInfo {
        border-radius: 10px;
        border: 1px solid rgb(6, 170, 1);
        padding: 10px;
        top: 100px;
        width: 250px;
        box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.6);
    }

    input[type="text"] {
        margin: 0px 0px 2%;
        width: 94%;
    }

    input[type="text"], input[type="email"] {
        padding: 1%;
    }

    input[type="submit"] {
        float: left;
    }

    div#ctl00_cphMainContent_pnlNameAadhaarInfo label {
        display: block;
        float: none;
        margin-bottom: 6px;
        text-align: left;
    }

    div.Adhar_popupheader h3 {
    }

    #ctl00_cphMainContent_pnlNameAadhaarInfo div p {
        padding-top: 6px;
    }

    div.Adhar_popupheader h3 {
        margin: 0px 0px 6px 0px;
        font-size: 15px;
    }

    div#ctl00_cphMainContent_pnlNameAadhaarInfo input[type="submit"] {
        padding: 5px 5px 5px 25px;
        margin: 0px 0px 5px 70px;
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.6);
        -webkit-appearance: none;
    }

    div input#ctl00_cphMainContent_txtCountryCodePopup[type="text"],
    #idm_main div input[type="text"]#ctl00_cphMainContent_txtKinMMCountryCode {
        width: 30%;
    }

    div input[type="text"]#ctl00_cphMainContent_txtMobileNumberPopup, #idm_main div input[type="text"]#ctl00_cphMainContent_txtKinMobileNumber {
        width: 59%;
    }

    .Apptform_popup {
        border: 1px solid rgb(255, 255, 255);
        border-radius: 4px 4px 4px 4px;
        background: none repeat scroll 0% 0% rgb(30, 30, 30);
        box-shadow: 1px 1px 2px 1px rgba(255, 255, 255, 0.3);
        padding: 10px 5px;
    }

    .Seperatorline {
        margin-top: 22px;
    }

    .Seperatortext {
        width: 30px;
        height: 30px;
        margin-top: -16px;
        margin-left: 100px;
        margin-bottom: 5px;
    }

    .docDetail_img_pop {
        width: 90px !important;
    }

    #ctl00_cphMainContent_pnlFailureMessage {
        max-width: 70%;
        min-width: 230px;
    }

    #ctl00_cphMainContent_lblCaptchaMsg {
        line-height: 16px;
        width: 250px;
    }

    #footer {
        width: 100%;
        text-align: center;
    }

    #ctl00_cphMainContent_divDept {
        margin-bottom: 0px;
    }

        #ctl00_cphMainContent_divDept h3 {
            font-size: 16px;
            padding-left: 5px;
        }

    div#filter #ctl00_cphMainContent_divDept input#ctl00_cphMainContent_txtDept {
        /* margin-left: 5px;*/
    }

    #idm_main div select#ctl00_cphMainContent_ddlDeptNameIPhone, #idm_main div select#ctl00_cphMainContent_ddlDocNameIphone {
        width: 90%;
    }

    div.menuname_popup {
        display: none;
    }

    #idm_main div select.ddlRelation {
        width: 90%;
    }

    #ctl00_cphMainContent_pnlPopMessage .msg span {
        font-size: 12px;
    }

    #ctl00_cphMainContent_pnlPopMessage {
        max-width: 248px;
        padding: 8px;
    }

    .frm_label1 {
        padding: 0px 0px 10px 0px;
        line-height: 19px;
    }

    body div.frm_label span.errMsg {
        margin: 5px 0px;
        line-height: 20px;
    }

    #main {
        min-height: 300px;
    }

    div.docInfo {
        padding: 10px;
        width: 230px !important;
    }

    .divPackageName {
        font-size: 16px;
        line-height: 18px;
    }

    .divPrice {
        font-size: 15px;
    }

    td.td_tblDocLIst1 {
        width: 150px;
    }

    .td_tblHealLIst {
        width: 100px;
        padding: 10px;
    }

        .td_tblHealLIst img.docInfo_img {
            width: 100px;
        }

    .pnlVerifyOTP {
        /*width: 200px;*/
        width: 255px;
    }

    input.ResendOTP[type="submit"] {
        margin-bottom: 5px;
    }

    input.otpreg[type="submit"] {
        margin-left: 10px;
        margin-top: 10px;
    }

    .pnlVerifyOTP div label {
        width: 100%;
        margin: 5px 0px;
        text-align: left;
    }

    .pnlVerifyOTP input[type="text"] {
        width: 101px;
        margin-left: 0px;
        padding-left: 5px;
    }

    .Q_link {
        width: 47%;
        margin-bottom: 8px;
        min-height: 145px;
    }

        .Q_link a img.a {
            left: 5%;
        }

    #idm_main div input[type="text"].wm, #idm_main div input[type="text"]:focus#ctl00_cphMainContent_txtPinCode {
        width: 85%;
    }

    #idm_main div input#ctl00_cphMainContent_imgPinCode.btnSearchImage[type="submit"] {
        margin-right: 0%;
    }

    .maincntholder h1, .maincntholder h1 span {
        font-size: 25px;
    }

    .deptListInner {
        width: 93%;
    }

    .appt_bgimg {
        background-image: none;
    }

    .appt_date_dept {
        width: 100%;
        min-width: 100%;
        padding: 0px 10px;
    }

    #idm_main div input[type="date"]#dtBirthDateHtml, #idm_main div input[type="date"]#dtAppointmentDateHtml {
        width: 90%;
    }

    .appt_spacerblock {
        height: 2px;
    }

    #ctl00_cphMainContent_btnBookApptProfile {
        padding: 3px 7px 4px 32px;
    }

    .divProfileDetails ul li {
        font-size: 12px;
        margin-left: 15px;
    }

    .gridCaptionName, .gridCaptionValue {
        font-size: 14px;
    }

    .pop_head tr td {
        padding: 3px;
    }

    #ctl00_cphMainContent_lblEqual {
        padding: 9px 4px 4px 0px;
    }

    #idm_main div input.sumcaptcha[type="text"] {
        width: 90px;
    }

    .appt_bookingblock {
        padding: 10px 0px;
    }

    #idm_main div input[type="text"].txtCCode {
        width: 18%;
    }

    #idm_main div input[type="text"].txtSCode {
        width: 22%;
    }

    #idm_main div input[type="text"].txtLLNo {
        width: 48%;
    }

    #idm_main div input[type="submit"].admin_submit {
        margin-left: 0px;
    }

    div.docInfo1 {
        width: 270px;
    }

    input[type='submit'].btnBookApptPkg {
        float: left;
    }

    ul.autocomplete_completionListElement_doc {
        width: 80% !important;
    }

    li h3 a {
        font-size: 16px;
    }

    .foo_icons a, .foo_icons_main {
        font-size: 18px;
    }
    .page-header, .maincntholder {
        padding: 0 16px;
        margin-bottom: 1rem;
    }
}

@media screen and (min-width:481px) and (max-width:800px) and (max-height:479px) {
    table {
        display: table;
    }

    tr {
        display: table-row;
    }

    td, th {
        display: table-cell;
    }

    tbody {
        display: table-row-group;
    }

    .DeptList {
        width: 98%;
    }

    div#ctl00_cphMainContent_pnlDocDetails div.docInfo {
        width: 445px !important;
        padding: 5px;
    }

    #ctl00_cphMainContent_pnlDocDetails #ctl00_cphMainContent_divDDQualification {
        width: 260px !important;
    }

    #ctl00_cphMainContent_divDDExpDetail {
        max-width: 450px;
        width: 100%;
        max-height: 90px;
        overflow-y: scroll;
        z-index: 1000;
        padding-right: 10px;
    }

    div.docInfo table tbody tr td {
        padding: 0px 10px 5px 0px;
    }

    .docDetail_img_pop {
        width: 100px !important;
    }

    .modalPopup {
        width: 400px;
        padding: 5px 10px;
    }

    .setTableHeightMin {
        max-height: 115px;
    }

    .docInfo strong {
        margin: 0px;
    }

    div.docInfo table tbody tr td {
        padding: 0px 10px 0px 0px;
    }

    #ctl00_cphMainContent_divDDName, #ctl00_cphMainContent_pnlDocDetails, #ctl00_cphMainContent_divDDQualification {
        margin: 0px 0px 5px;
    }

    #pnlFailureMessage, #pnlPopMessage {
        max-width: 450px;
        padding: 15px;
    }

        #pnlFailureMessage .msg span, #pnlPopMessage .msg span {
            font-size: 14px;
        }

    #ctl00_cphMainContent_pnlNameAadhaarInfo {
        padding: 5px 10px;
    }

    div.Adhar_popupheader h3 {
        margin: 0px 0px 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .Apptform_popup {
        padding: 10px 5px 4px;
    }

    .Seperatorline {
        margin-top: 18px;
    }

    .Seperatortext {
        margin-bottom: 7px;
    }

    input[type="text"] {
        min-height: 16px;
    }

    div.docInfo {
        padding: 10px;
        width: 230px !important;
    }

    .divPackageName {
        font-size: 18px;
        line-height: 20px;
    }

    .divPrice {
        font-size: 14px;
        padding-top: 10px;
    }

    .divServiceDetails {
        max-height: 99px;
    }

    .deptListInner {
        width: 93%;
    }
}