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

     .date_field{
        width: 156px !important;
    }

      #txtdate{
                width: 100% !important;
     }
}
 
@media only screen and (max-width: 1166px) {

    .dashboard-content{
        width: 100% !important;
    }
 .status li{
         width: 14% !important;
 }
.status{
     height: auto !important;
      /*background: #f2f2f2;*/
 }
 .footer{
     width:100%;
      left: 0;
 }
}



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

    .nav-tabs{
        clear: both;
    }

  
    .date_field{
        width: 156px !important;
    }

    span#btnViewAppointment{
        width: auto;
        margin-top:10px !important;
    }

    /*.lable-block span:last-child{
        width:100%;
    }*/

     .all_set_form select, .all_set_form input[type="text"], .all_set_form input[type="date"], .all_set_form input[type="password"], .all_set_form input[type="number"], .all_set_form input[type="email"]{
            width: 100% !important;
    }


    #ViewApntTab, #createApntTab  {
        /*width: auto !important;*/
        width: 48% !important;
    }
    .nav > li > a{
             padding: 7px 10px !important;
             font-size: 13px !important;
             text-align:center;
         }

    .nav > li {
   width: auto !important;
}
 .status li{
         width: 13% !important;
 }
  .status{
     height: auto !important;
      /*background: #f2f2f2;*/
 }
  .footer{
     width:100%;
     left: 0;
 }
  .status a{
      font-size: 12px;
  }
   .footer{
     width:100%;
      left: 0;
 }

     #btnViewAppointment .btn-all{
        /*margin-top:10px;*/
           padding: 8px 10px !important;
    }

 
}


@media only screen and (max-width: 986px) {
    
    .hgt .popupBody{
        text-align: center;
    }

    .passwordcontent{
        display: inline-block !important;
    }
    #btnViewAppointment .btn-all{
        margin-top:10px;
           padding: 8px 10px !important;
    }

     span#btnViewAppointment{
        width: auto;
        margin-top:10px !important;
    }

    /*.lable-block span:last-child{
        width:100%;
    }*/


    .all_set_form select, .all_set_form input[type="text"], .all_set_form input[type="date"], .all_set_form input[type="password"], .all_set_form input[type="number"], .all_set_form input[type="email"]{
            width: 100% !important;
    }
    .all_set_form fieldset{
        width: 150px !important;
    }
    .all_set_form li{
        box-sizing: border-box; 
    float: left;
    width: 100%; 
    }
    #Create_Appointment .lable-block span:last-child{
        margin: 0 !important;
    }
       .nav > li {
    width: auto !important;
   
}
    .nav > li > a{
             padding: 7px 10px !important;
             font-size: 13px !important;
             text-align:center;
         }  
 
    .display_name_pic{
        display: none;
    }

 .status li{
         width: 20.9% !important;
 }
  .status{
     height: auto !important;
      /*background: yellow;*/
 }
  .footer{
     width:100%;
     left: 0;
 }
  .status a{
      font-size: 11px;
  }
   .footer{
     width:100%;
      left: 0;
 }
    .btn_part{
    margin: 0 10px !important;
     }
        #btn_forget{
        width: 44%;
    text-align: center;
    }
    #btn_login{
           width: 18%;
    }
}


@media only screen and (max-width: 786px){
      #signuppopupdiv span:nth-child(2), #signuppopupdiv span:nth-child(1),  #signuppopupdiv span:nth-child(3),  #signuppopupdiv span:nth-child(4){
        width: 100% !important;
        margin: 0;
    }
#openudidrules #popup600, #openpasswordrules #popup500, #openpasswordrules #popup500{
    margin: 3%;
    width: 94%;
    min-width: 94%;
}
.form_top{
       margin-top: 225px !important;
}
.form-login-area-block #signuppopupdiv span:nth-child(3) {
    padding-left: 0px;
}
.form-login-area-block #signuppopupdiv input, .form-login-area-block #signuppopupdiv select {
    margin: 0px 0px 11px 0px !important;
   
}
   .appointment-time-Aarea .remark_text{
        /*width: auto !important;*/
    }
   #BookHealthCheckup{
           margin: 7px;
   }
   #ddlLocation, #ddlHealthCheckup {
    width: 100% !important;
}
   .paymentgateway_area .hide-bo{
           border-right: 1px solid #33448600;
   }
   .paymentgateway_area .pay-div span {
    padding-left: 7px;
}
   #dvloginWithExistingID .col-xs-6{
       width: 100%;
    text-align: center;
        padding-left: 0px !important;
            padding-right: 0px;
   }
   #dvAddNewPatient{
 padding-right: 0px !important;
   }
    #ViewApntTab a{
        padding: 7px 26px !important;
    }
    .pay-proceedbtn span {
    padding-left: 0;
}
    .demographic_spouse strong {
    
    min-width: 30%;
}
    #signuppopupdiv span:nth-child(2) { 
    margin-left: 0% !important;
}
    #vitalsScore {
        height: 220px !important;
    }
 #popupmsz #btn_okay{
  margin-left: 0% !important;
 }
    .ip_deposite .two_btn { 
    margin: 26px 0px !important;
    width:auto;
    margin-top: 0px !important;
}
    .hgt .popupBody{
        text-align: center;
    }

    .passwordcontent{
        display: inline-block !important;
    }
     .status li{
          width: 26% !important;
} 
         .nav > li, #Reciptopdivnew {
   width: auto !important;
   
}
         .nav > li > a{
             padding: 7px 17px !important;
            font-size: 10.5px !important;
             text-align:center;
         }
         .all_set_form fieldset{
             width:100% !important;
         }
         #IP_Deposit .two_btn {
    text-align: center;
}
         .ip_deposite li input {
    min-width: 191px !important;
}
.all_set_form span{
    width: 100% !important;
}
.all_set_form select{
    width:100% !important;
}
#txtdate{
    width: 100% !important;
}
  .footer{
     width:100% !important;
      left: 0 !important;
 }

   .btn_part{
    margin: 0 10px !important;
     }

   .btn_part .aptbtn{
           padding: 9px 14px !important;
           margin: 0 !important;
           width: unset !important;
   }
    #btnViewAppointment .btn-all{
         margin-top:10px !important;
     }
    #tblAppointment li {
         width: 102px !important;
         font-size: 12px !important;
     }

       .tar{
        float:left;
        margin:0 !important;
    }
    #Div2 .row, #Div2 .row .col-xs-8 pl-l-0 {
        clear:both !important;
    }
    .bg-white h4{
        /*float:left;*/
        float: unset !important;
        margin-right: 10px;
    }
        #btn_forget{
        width: 63%;
    }
    #btn_login{
        width: 26%;
    }
     
}


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

    .regular_tele_appointment{
            min-width: 90% !important;
    }
    #showmsgviewcreateappt{
            margin-left: 0px;
    }
    .tab-content {
    padding-left: 10px;
}
    #forgetdiv .config-ul  li span{
            display: block;
    }
     #forgetdiv .config-ul  li  {
               width: 100%;
    }
     #forgetopen .modal-block-new{
             width: 90%;
     }
     #btnchangepws{
         margin-left: 0px;
     }

     #btn_forget,  #btn_login{
           width: 100%; 
           text-align: center !important;
    } 
   
    #IPDepositWL_billing_homebtn{
        position: unset !important;
    }

    .regular_tele_appointment{
        width: auto !important;
    }
    .tar{
        float:left;
        margin:0 !important;
    }
    #Div2 row {
        clear:both !important;
    }
    .bg-white h4{
        float:left;
        margin-right: 10px;
    }
    #BookHealthCheckupTab{
        width: auto !important;
    }
   

    .config-ul li span .text-input{
        margin-left: 0 !important;
    }
       .ip_deposite li{
        width: 100% !important;
    }

       .ip_deposite label{
           padding-left: 0 !important;
       }
    .status li {
        width: 43% !important;
        margin: 10px;
    }
        .nav > li {
    width: 30% !important;
}
    nav > li > a { 
         padding: 7px 3px !important;
       
         text-align:center;
    }
     .footer{
     width:100% !important;
      left: 0 !important;
 }

     #btnViewAppointment .btn-all{
         margin-top:10px !important;
     }
    

     #openpopupappt .aptbtn{
         margin:0 !important;
     }

     .btn_part{
    margin: 0 10px !important;
     }

     #VIEWOrdersTab   {
         width: auto !important;
     }

}

/*===================*/

/*.sidenav {
  height: 100%;
  width: 0px !important;
  position: fixed;
  z-index: 1 !important;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/



/*Without Login ADDED by Rupesh 22/05/23*/
@media only screen and (max-width: 986px) {

    .patientportal-report{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

  
    .tentative_span .tentative_span_radio {
        position: relative;
        top: 10px;
    }

    #divAge {
        margin-top: 10px;
    }

    .tentative_span span {
        margin-bottom: 12px;
    }

    .tentative_span #txt_City, select, input[type="text"], input[type="date"], input[type="password"], input[type="number"], input[type="email"] {
        min-width: 100% !important;
    }

    .tab-content #Create_Appointment select {
        width: 100% !important;
        margin-bottom: 10px;
    }

    #Create_Appointment .lable-block span {
        margin-right: 0px !important;
    }

    #Create_Appointment .config-ul li span {
        display: unset;
    }

    #tblAppointment li {
        /*min-width: 47%;*/
        font-size: 12px !important;
    }

    #popup500, #popup650 {
        width: 90%;
    }

   .passwordcontent .aptbtn {
        padding: 8px 16px !important;
    }
    .passwordcontent .bookbtn_appointment{
            margin-left: 20% !important;
    }
    #diventerotp{
        margin:10px 0px;
    }
    #btn_back{
        display: none !important;
    }
    #btn_signuppopup{
        width:40%;
    }
    #btn_frntLogin{
        width: 40%;
    }
   
    .form-login-area-block .btn-all{
        width: 84%;
    }
}