/*Large Desktop*/
@media screen and (min-width: 1200px) {
}
/*For Laptops*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .td-card-doctor{
        padding: 10px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .td-card-doctor {
        padding: 0;
    }

    .td-card-doctor .card-body {
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        --bs-card-spacer-y: 0.75rem;
        --bs-card-spacer-x: 0.75rem;

    }
}
        /*for Tablets*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .dt-layout-row{
        flex-direction: column;
        gap: 1rem;
    }
    .dt-layout-end{
        width: 100%;
    }
    .dt-length .dt-input{
        width: 100px;
    }
    .dt-search{
        flex-wrap: nowrap;
    }
    .td-card-doctor{
        padding: 0;
    }
    .login-page-bg {
        min-height: calc(100vh - 66px)
    }
    /*for table*/
    .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive tr, .table-responsive td,.table-responsive tfoot {
        display: block;
    }
    .table-responsive thead tr {
        display: none;
    }
    .table tbody tr {
        margin-bottom: 1rem;
    }
    .table-responsive tr {
        border: 1px solid grey;
        border-radius: 0.5rem;
        background-color: white;
    }
    .table-responsive td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-right: 45%;
        white-space: normal;
        text-align: center;
        background-color: transparent;
    }
    .table-responsive td:before {
        content: attr(data-bs-original-title);
    }
    .table-responsive td:before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);
        width:40%;
        padding-left: 5px;
        /*white-space: nowrap;*/
        text-align: center;
        font-weight: bolder;
        border-left: 1px solid #eee ;
        height: 100%;
        white-space: normal;
        /*color:var(--theme-deafult);*/
        color: grey;
        font-size:13px;
        line-height: 1.2;
    }
    .table-responsive td.not-title{
        padding:0.5rem ;
    }
    .table-responsive td.not-title:before{
        display: none;
    }

}


/*For Mobiles*/
@media screen and (min-width:0) and (max-width: 767px) {
    #verification-input > input {
        width:16px;
        font-size: 16px
    }
}

/*For Mobiles*/
@media screen  and (max-width: 767px) {
    .page-header,.page-body,.footer{
        margin-left:unset;
    }
    html[dir="rtl"] .page-header, html[dir="rtl"]  .page-body,
    html[dir="rtl"]  .footer{
        margin-right:unset;
        margin-left: unset;

    }
    .chats .avatar{
        width: 2.25rem;
        height: 2.25rem;
    }
    .chat-message .avatar{
        width: 1.75rem;
        height: 1.75rem;
    }
    .dt-layout-row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .dt-layout-end{
        width: 100%;
    }
    .dt-length .dt-input{
        width: 100px;
    }
    .dt-search{
        flex-wrap: nowrap;
    }

    /*for table*/
    .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive tr, .table-responsive td,.table-responsive tfoot {
        display: block;
    }
    .table-responsive thead tr {
        display: none;
    }
    .table tbody tr {
        margin-bottom: 1rem;
    }
    .table-responsive tr {
        border: 1px solid grey;
        border-radius: 0.5rem;
        background-color: white;
    }
    .table-responsive td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-right: 45%;
        white-space: normal;
        text-align: center;
        background-color: transparent;
    }
    .table-responsive td:before {
        content: attr(data-bs-original-title);
    }
    .table-responsive td:before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);
        width:40%;
        padding-left: 5px;
        /*white-space: nowrap;*/
        text-align: center;
        font-weight: bolder;
        border-left: 1px solid #eee ;
        height: 100%;
        white-space: normal;
        /*color:var(--theme-deafult);*/
        color: grey;
        font-size:13px;
        line-height: 1.2;
    }
    .table-responsive td.not-title{
        padding:0.5rem ;
    }
    .table-responsive td.not-title:before{
        display: none;
    }

    .dt-layout-full{
        height: auto;
    }
    /*.dt-info,.dt-paging{*/
    /*    display: none;*/
    /*}*/

    .dt-paging{
        text-align: center;
    }

    .td-card-doctor{
        padding: 0;
    }

   #verification-input > input {
        width:24px;
        font-size: 16px
    }
    .chat-header .btn-sm{
        font-size: 10px;

    }

    .td-doctor-box{
        padding:15px 10px;
        height:280px;
    }
    .td-doctor-img {
        width: 80px;
        height: 80px;

    }
    .td-doctor-box .doctor-name{
        font-size: 14px;
        font-weight: bolder;
        line-height: 18px;
    }
    .td-doctor-box .doctor-speciality{
        line-height: 16px;
    }
    .td-doctor-box .btn{
        font-size: 14px;
    }
    .login-page-bg {
        min-height: calc(100vh - 66px)
    }

    .quote {

        padding: 20px;
        font-size: 18px;
        margin: 20px 0;
    }

    .breadcrumb-item a.fs-5{
        font-size: 1rem !important;
    }
}