/*mobile device*/
@media only screen and (max-width: 700px) {
    .topHeight {
        height: 60vh;
        max-height: 100vh;
    }

    .profileImg {
        width: 35% !important;
        border-radius: 50%;

    }

    .appList {
        display: grid;
        grid-template-columns: repeat(1, 190px) !important;
        font-size: 10pt;
    }
    #newuserhide .row .col-md-6 {
        margin: 8px 0px;
    }
    #newuserhide .row .col-md-4 {
        margin: 8px 0px;
    }
    #newuserhide .row .col-md-2 {
        margin: 8px 0px;
    }
    .owl-nav {
        margin-top: -14px;
    }
    .form-group {
        margin: 8px 0px;
    }
    .hiddensendotp button{
        margin:10px 0;
    }
    .drName {
        border: none !important;
    }

    .drImg {
        text-align: center;
    }

    .nameDept {
        text-align: center;
    }

    ul.appType li input[type="radio"] {
        position: absolute;
        opacity: 0;
        top: 35px;
    }

    .footer-text {
        left: 0
    }

    ul.timeline > li > .timeline-badge {
        top: -39px !important;
        left: 15px;
        margin-left: 0;
    }

    .view-more-btn .btn-info.btn-outline {
        color: #fff;
        /* background-color: transparent; */
        position: absolute;
        top: 270px;
        font-size: 7pt;
        left: 80px;
        /* right: -400px; */
        /* margin: 0px 10px; */
        width: 50% !important;
        text-align: center !important;
    }
    #lblPatDtls{
        display:none;
    }
    .app-header .app-header__content .app-header-right {
        align-items: center;
        display: flex;
        margin-left: 0;
    }
    .mylist{
        display:none;
    }
    .bi-house-fill{
        color:var(--mainBg) !important
    }
    .bi-bell-fill {
        color: var(--mainBg) !important
    }
    .act_btns {
        display: block !important;
    }
    .act_btns button{
        width:100% !important;
        margin:5px;
    }
    .secCompany{
        float:none !important;
    }
    .content-box h3{
        text-align:center;
        margin:10px;

    }
    .dept {
        text-align: center
    }
    .appList {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .frm_lab_order{
        padding-bottom:1.5rem !important
    }
    .card-title{
        text-align:center;
    }
    .patientList {
        display: grid;
        grid-template-columns: repeat(1,1fr) !important;
    }
    #paymentbinddatanew button{
        width:100%;
        margin:5px;
    }
    .ph1{
        display:block !important;
        text-align:center;

    }
    .ph3 {
        text-align: center !important;
        margin: 5px;
    }
        .ph3 .box-title span {
            justify-content:center !important;
            text-align: center;
        }

    #hiddencompanylogo a img {
        width: 100%;
        padding: 1em;
    }
    .text-mainBg, .text-afterNoon, .text-evening {
        border-right: none !important;
        border-bottom: 1px solid #1f448773;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px;
        padding: 10px;
    }

        .text-mainBg i, .text-afterNoon i, .text-evening i {
            margin: 0 10px
        }

    .appTime {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 5px;
    }
    .ks-cboxtags li label{
        width:100%;
        text-align:left;
    }
    #regnoul td button{
        width:100%;
    }
    .flexColRevs {
        flex-direction: column-reverse;
        height: unset !important;
    }
    .frm_signup_wrapper{
        width: 100%;
    }
    #chkagree{
        margin: 35px 0 0 0;
    }
    .h-inherit {
        height: unset !important
    }
    .OtpInput{
        display:flex;
    }
    .frm_signup_wrapper {
        width: 100% !important
    }
}


/** iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {
    .topHeight {
        height: 25vh;
        max-height: 100vh;
    }

    .profileImg {
        width: 100%;
        border-radius: 50%;
    }
    .app-header .app-header__content {
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
        position: absolute;
        right: 2%;
        width: 40%;
        top: 0;
        transition: all 0.2s;
        background: #fff;
        border-radius: 50px;
        padding: 0 10px;
        overflow: hidden;
    }
    .appList {

        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;

    }
    .flexColRevs {
        flex-direction: column-reverse;
        height:unset !important
    }
    .h-inherit {
        height: unset !important
    }
    .frm_signup_wrapper {
        width: 100%;
    }
    #chkagree{
        margin: 35px 0 0 0;
    }
    .OtpInput {
        display: flex;
    }
}
@media only screen and (min-width: 1280px){


}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
    .topHeight {
        height: 20vh;
        max-height: 100vh;
    }

    .profileImg {
        width: 100%;
        border-radius: 50%;
    }

    .cnaImage {
        display: flex;
        height: 90vh !important;
        vertical-align: middle;
    }
    .frm_signup_wrapper{
        width:50%
    }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .box-hight {
        height: calc(100vh - 725px);
        max-height: 100vh;
    }
}

@media only screen and (min-device-width : 1224px) {
    .topHeight {
        height: 16em;
        max-height: 50vh;
    }

    .cnaImage {
        display: flex;
        height: 90vh !important;
        vertical-align: middle;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-device-width : 1275px) and (max-width : 1300px) {
    .frm_signup_wrapper {
        width: 50%
    }

    .cnaImage {
        display: flex;
        height: 50vh !important;
        vertical-align: middle;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    .topHeight {
        height: 25vh;
        max-height: 100vh;
    }

    .profileImg {
        width: 40%;
        border-radius: 50%;
    }

    .cnaImage {
        display: flex;
        height: 50vh !important;
        vertical-align: middle;
    }
    .frm_signup_wrapper {
        width: 50%
    }
}