﻿.botom-part{
    display:none;
}
@media (max-width:1369px){
    .dashboard-content {
        bottom: 1px;
    }
}
@media (max-width:1319px){
    .demographics_content .config-ul li{
        margin-bottom:0 !important;
    }
    .demographics_content .config-ul li span{
        width:30%;
        margin-bottom:5px;
    }
    .demographic_spouse {
        top: 18px;
    }
}
@media (max-width:1307px){
    .dashboard-menu {
        height: 523px;
    }
}
@media (max-width:1307px){
    .dashboard-menu {
        height: 523px;
    }
}
@media (max-width:1269px){
    .status h3{
        font-size:17px;
    }
}
@media (max-width:1257px){
    .status li{
        width:24%;
    }
}
@media (max-width:1243px){
    .left-menu img {
        width: 18px;
    }
    .dashboard-menu .left-menu > li > a{
        font-size:14px;
    }
}
@media (max-width:1215px){
    .status h3 {
        font-size: 16px;
    }
}
@media (max-width:1199px){
    .botom-part h4{
        font-size:16px;
    }
    .botom-part .header-logo-block{
        height: 240px;
    }
}
@media (max-width:1172px){
    .dashboard-menu .left-menu > li > a {
        font-size: 14px;
    }
    .dashboard-left{
        display:none;
        position: absolute;
        z-index: 1;
        top:40px;
        width:21% !important;
    }
    .dashboard-content{
        width:100%;
        height:100vh;
    }
    .menubar{
        display:block;
    }
    .dashboard-wrd{
        position:relative;
    }
    
    .demographics_content .config-ul li span{
        width:18%;
        margin-bottom:5px;
    }
    .footer{
        position: fixed;
        z-index:1;
    }
    .menubar {
        top: 0px;
    }
    .dashboard-left{
        z-index:2 !important;
    }
}
@media (max-width:1116px) {

    .status {
        height: 77vh;
    }

    .dashboard-left {
        width: 24% !important;
    }

    .bg-white {
        height: 80vh !important;
    }

    #feedback .bg-white {
        height: 80vh !important;
    }

    .tentative_appointment_content {
        height: auto !important;
    }

    #feedback #feedbac_field {
        height: 668px !important;
    }

    .bg-white.fl.pd-15px.t_appointment {
        height: auto !important;
        margin-bottom: 80px !important;
    }
}
@media (max-width:1080px){
    #headerconfig .col-md-5, #headerconfig .col-md-7 {
        width:100%;
        text-align:center;
    }
    #headerconfig .col-md-7 ul{
        text-align:center;
    }
}
@media (max-width:1054px){
    
    .demographics_content .config-ul li span{
        width:24%;
    }
}
@media (max-width:1038px){
     table tbody tr th{
        min-width:200px;
        padding:7px 10px;
    }
}
@media (max-width:1019px){
    
    .dashboard-left{
        width:25% !important;
    }
    .btn_Custom{
        width:15% !important;
    }
    #ftr_container .header-logo-block{
        width:100% !important;
    }
    .header-logo-block br{
        display:none;
    }
    .botom-part .header-logo-block{
        height:auto !important;
    }
}
@media (max-width:984px){
    .tentative_span #txt_City {
        width: 180px !important;
    }
    .tentative_span span {
        width: 100%;
    }
    .tentative_span span input[type="text"], .tentative_span span select{
        width: 100%!important;
    }
    .tentative_span span:last-child{
        margin-top:10px;
    }
    .tentative_span_textarea span textarea{
        width: 83.3% !important;
    }
    .tentative_otherlocality {
        margin-right: 0px;
    }
    .tentative_span #divremarks input[type="text"] {
        width: 459px !important;
    }
    #divremarks{
        width:auto;
    }
}
@media (max-width:965px){
    #Create_Appointment .lable-block span:last-child {
        margin-top: 10px;
    }
}
@media (max-width:937px){
    .dashboard-left{
        width:27% !important;
    }
}
@media (max-width:921px){
    .status li:nth-child(4n) {
        margin-right: 10px;
    }
    .status li{
        width:32%;
    }
    /*.status{
        height: 438px;
        overflow: auto;
    }*/
    .status li:nth-last-child(-n+3){
        margin-bottom:10px !important;
    }
    .form-login-area img{
        height:auto !important;
    }
    #bg_image1{
        display:none;
    }
    #bg_image2{
        display:block !important;
    }
}
@media (max-width:902px){
    .config-ul li span {
        margin-bottom: 5px;
    }
}
@media (max-width:868px){
    .dashboard-left {
        width: 30% !important;
    }
}
@media (max-width:818px){
    .status li{
        width:31%;
    }
    .demographics_content .config-ul li span {
        width: 31%;
    }
}
@media (max-width:781px){
    .dashboard-left {
        width: 33% !important;
    }
}
@media (max-width:768px){
    .tentative_span #divremarks input[type="text"] {
        width: 396px !important;
    }
    .tentative_span_textarea span textarea {
        width: 87% !important;
        margin-bottom: 10px;
    }
    .botom-part {
        text-align: center;
        color: #fff;
         background-color: transparent !important; 
    }
    .tentative_span_radio {
        position: relative;
        top: 34px;
    }
    
    .tentative_span_radio {
        position: relative;
        top: 9px;
    }
    #divremarks{
        width:100%;
    }
    .tentative_span #divremarks input[type="text"] {
        width: 99% !important;
    }
    .tentative_span_textarea span textarea {
        width: 97% !important;
    }
    .abstractMark{
        position:absolute;
    }
    .tentative_span span:last-child {
        margin-top: 0px !important;
    }
    #divDob{
        margin-top:10px !important;
    }
    .header-login ul{
        text-align:center !important;
    }
    .emergency-tollfree{
        text-align: center;
        margin-bottom: 10px;
    }
}
@media (max-width:729px){
    .status li{
        width:48%;
    }
    .dashboard-left {
        width: 38% !important;
    }
}
@media (max-width:665px){
    .demographics_content .config-ul li span {
        width: 45%;
    }
    .demographic_spouse{
        top:6px !important;
    }
    .abstractMark{
        margin-bottom:15px !important;
    }
    .bg-white.fl.pd-15px.t_appointment .abstractMark{
        margin-bottom:0px !important;
    }
}
@media (max-width:674px){
    .paymentgateway_area .pay-div span{
        width:100%;
    }
    .paymentgateway_area fieldset{
        height:80vh;
    }
}
@media (max-width:616px){
    .dashboard-left {
        width: 48% !important;
        z-index: 2;

    }
    #headerconfig ul li{
        margin-left:0 !important;
    }
    #popup500 {
        max-width: 250px !important;
        margin: 0 auto;
    }
    #btn_closepopupappt{
        margin-left:0 !important;
    }
    .aptbtn{
        color:#333;
    }
    
    #headerconfig ul li{
        display:block;
        width:100%;
        border-bottom:1px solid #fff;
        margin-bottom:5px;
    }
    .form-login-area-block{
        width:400px !important;
    }
    .tentative_appointment .tentative_appointment_icons a {
        width: 29.5%;
    }
    .status {
        overflow: auto;
    }
    #btneditdemo{
        margin-bottom:40px;
    }
    .tentative_appointment_content{
        height:auto !important;
    }
    .form-login-area-block input, .form-login-area-block select{
        width:57% !important;
    }
    .form-login-area-block{
        top:0 !important;
        box-shadow:unset;
    }
}
@media (max-width:571px){
    .walletree_responsive .walletdetail_area span {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
    .nav > li {
        display:block;
        width:100%;
        margin-bottom:5px;
        text-align:center;
    }
    .header-logo-block .name h2{
        font-size:22px !important;
    }
    .status li:last-child {
        margin-bottom:30px !important;
    }
    .Patient-extdoc {
        height: 300px;
        max-height: 300px;
    }
    #feedback fieldset {
        height: 498px;
        overflow: auto;
    }
    #feedback .bg-white {
        max-height: inherit;
        height: 460px !important;
    }
    #feedback #feedbac_field {
        height: 408px !important;
        margin-bottom:30px !important;
    }
    #PatientDocu{
        height:370px !important;
        max-height:370px !important;
    }
}
@media (max-width:569px){
    .status li{
        width:47%;
    }
    
}
@media (max-width:511px){
    .nav > li {
        display:block;
        width:100%;
        margin-bottom:5px;
        text-align:center;
    }
     .nav > li > a {
        padding: 5px 3px;
        font-size: 15px;
    }
}
@media (max-width:504px){
    .status li{
        width:99%;
    }
        
    .dashboard-left {
        width: 52% !important;
    }
    .demographics_content .config-ul li span {
        width: 100%;
    }
    .demographics_content .config-ul li span input[type="text"],
    .demographics_content .config-ul li span input[type="number"],
    .demographics_content .config-ul li span select{
        width:100% !important;
    }
}
@media (max-width:451px){
    .dashboard-left {
        width: 55% !important;
    }
    .tentative_span span {
        width: 100%;
        margin-bottom: 5px;
    }
    .tentative_span span input[type="text"], .tentative_span span  select, .tentative_span span input[type="number"], .tentative_span span input[type="date"]{
        width:100% !important;
    }
    .tentative_span #txt_City {
        width: 100% !important;
    }
    .emergency-tollfree span{
        display:block;
    }
    .emergency-tollfree span label:first-child{
        width:90px;
    }
}
@media (max-width:437px){
    .walletree_responsive #btn_recharge{
        margin-top:15px;
    }
    .walletree_responsive .walletdetail_area{
        height:150px;
    }
    .form-login-area-block{
        width:300px !important;
    }
    .form-login-area-block input {
        width: 57% !important;
    }
    .bill-table{
        height:195px !important;
    }
    .tentative_appointment .tentative_appointment_icons a{
        width: 27.5%;
    }
}
@media (max-width:426px){
    .dashboard-left {
        width: 60% !important;
    }
}
@media (max-width:415px){
    .dashboard-menu .left-menu > li:last-child {
        margin-bottom: 80px !important;
    }
    .appointment-time-Aarea{
        height:135px !important;
    }
    .bg-white {
        height: 69vh !important;
        overflow:auto;
    }
}
@media (max-width:410px){
    .walletree_responsive .walletdetail_area span{
        width:60%;
    }
    .walletree_responsive .walletdetail_area{
        height:220px;
    }
}
@media (max-width:390px){
    .dashboard-left {
        width: 66% !important;
    }
}
@media (max-width:375px){
    #IP_Deposit span input[type="text"]{
        margin-left:0 !important;
    }
    #IP_Deposit .two_btn {
        text-align: right;
        padding-right: 20px;
    }
    .two_btn {
        padding-left: 0px;
    }
    .savebtn_feedback{
        display: block;
        width: 100%;
        text-align: left;
        margin: 5px 0;
    }
    .facility_msg {
        width:84%;
}
}
@media (max-width:355px){
    .dashboard-left {
        width: 100% !important;
    }
    
}
@media (max-width:344px){
    .walletree_responsive .text-input, .walletree_responsive #ddlfacility{
        margin-left:0 !important;
    }
    .walletree_responsive .walletdetail_area{
        height:220px;
    }
    .walletree_responsive .amount_walltree{
        display:block;
    }
    #popup500 {
        max-width: 230px !important;
        margin: 0 auto;
    }
}
@media (max-width:329px){
    #feildhide span{
        width:100%;
    }
    #ddl_Facility{
        margin-left:0 !important;
    }
    .walletree_responsive .walletdetail_area {
        height: 240px;
    }
    .walletree_responsive .walletdetail_area span {
        width: 70%;
    }
}


