@media screen and (max-width: 992px) {
    button.navbar-toggler{
        display: block !important;
    }
    .navber-header ul.menu {
        position: absolute;
        z-index: 999;
        background-color: #10217d;
        width: 100%;
        left: 100%;
        top: 61px;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        display: none;
        transition: 0.3s all;
    }
    .navber-header ul.menu li{
        display: block !important;
    }
    .navber-header ul.menu.expand {
        display: block;
        opacity: 1;
        visibility: visible;
        left: 0;
    }
    .navber-header ul.menu li a{
        line-height: 40px !important;
        color: #fff;
    }
    .doctor-list-header{
        flex-direction: row;
    }
    .doctor-list-header-sortable{
        width: auto;
    }
    .doctor-list-header-sortable select{
        margin: 0 4px;
    }
    .doctor-profile-link{
        flex-direction: column !important;
    }
    .doctor-profile-link .doctor-profile-last-button {
        width: 100%;
    }
}



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

    .breadcrumb {
    display: none;
}
   .header {
    height: 90px;
    box-shadow: 0 0 7px #ddd;
}
#main {
    padding: 10px;
    margin-top: 88px;
}
.my-schedule {
    margin-bottom: -7px;
    margin-top: -9px;
    padding-top: 15px;
}
    .banner-button a {
    width: 115px;
}
    .navber-header {
    justify-content: space-between;
}
.navber-header ul.menu li a:hover {
    background: #2d7dc3;
}
.active{
    background: #2d7dc3;
    line-height: 35px !important;
    border-radius: 7px;
}
    .navbar-toggler i {
    color: #47a4f9;
    font-size: 24px;
}
    .banner-text h2 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: 29px;
}
.banner-text {
    padding: 40px 50px 62px 50px;
}
.banner-img img {
    position: inherit;
    bottom: 53px;
    left: 5px;
}
.banner-caption {
    bottom: -202px;
 
}
.ctagory {
    margin-top: 226px;
}
.banner-search-catagory {
    width: 89%;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-search {
    margin-top: 5px;
    margin-left: 11%;
}
.how-medipathic h2 {
    font-size: 29px;
}
.how-medipathic p {
    font-size: 17px;
}
.how-medipathic-item svg {
    height: 88px;
}
.how-medipathic-item::after {
    width: 245px;
    top: 169px;
    left: 66px;
}
.booking-appoinment-home svg {
    height: 72px;
}

.how-medipathic-item {
    position: relative;
    padding: 17px 0;
}

.why-medipathic-item {
    text-align: center;
}
.why-medipathic-item p {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0px 0 0;
}
.search-suggestion {
    height: 243px;
}
#search_result {
    position: absolute;
    top: 282px;
    background: #fff;
    width: 58% !important;
    left: 12%;
}
.footer-social-info h3 {
    font-size: 18px;
    margin: 29px 0 28px 0;
}
.col-sm-6 {
    width: 50%;
}
.app-location {
    display: none;
}

.find-doctor h4 {
    color: #fff;
    font-size: 19px;
}
.find-us-doctor-res-btn {
    margin-left: 0;
    width: 100% !important;
}
.find-doctor {
    background-color: #10217D;
    padding: 30px 15px;
    margin-bottom: 40px;
}
.doctor-image {
    margin: auto;
}
.find-us-doctor-res {
    width: 100%;
}
.find-us-doctor-res select {
    height: 43px !important;
    margin-left: -14px;
}
.doctor-info {
    padding-top: 0;
    margin-left: 0;
    text-align: center !important;
}
.doctor-appoinment {
    text-align: center;
}
.why-medipathic h2 {
    font-size: 25px;
}
    a.navbar-brand img{
        height: 30px !important;
    }
    .navber-header ul.menu{
        top: 92px !important;
    }
    .btn-custom{
        font-size: 14px !important;
        line-height: 16px !important;
        padding: 4px 10px !important;
    }
    .category-search{
        padding: 30px !important;
    }
    .category-search .form-control {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 10px !important;
        font-size: 12px;
    }
    .category-search .btn-custom{
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 20px !important;
    }
    .doctor-list-header {
        flex-direction: column;
    }
    .doctor-list-header-sortable {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .doctor-list-header-sortable label{
        margin: 0 !important;
        font-size: 13px !important;
    }
    .doctor-list {
        padding: 17px 0 30px 0;
    }
    .footer-about-company h3, .footer-social h3{
        margin: 30px 0 15px 0 !important;
    }
    .footer-last-para{
        font-size: 10px !important;
        text-align: center;
    }
    .footer-last ul{
        text-align: center;
    }
    .footer-last ul li a{
        font-size: 9px !important;
        padding: 0px 4px !important;
    }
    .doctor-profile-link ul{
        margin: 20px 0 15px 0 !important;
        width: 100% !important;
    }
    .card.doctor-profile-bio{
        margin: 20px 0 0 0;
    }
    .inner-card-body,
    .chamber-box-inner-content{
        flex-direction: column;
        align-items: center !important;
    }
    .chamber-box-inner-content-details{
        margin: 10px auto 0 auto;
        text-align: center;
    }
    .btn-appointment{
        margin: 15px 0 0 0 !important;
    }
    .login-reg-page{
        background: linear-gradient(90deg, rgba(71,164,249,1) 15%, rgba(255,255,255,1) 15%) !important;
    }
    .about-us-text p {
    font-size: 13px;
    }
    .why-choose-top {
    padding: 25px 15px;
    margin: 0 -6px;
}
.why-choose-us {
    padding: 14px 10px 0px 10px;
    text-align: center;
}
.why-medipathic p {
    margin: 26px 0;
    font-size: 13px;
}
.why-choose img {
    height: 232px;
    margin-top: -11px;
}
.key-feature {
    margin: 12px 0 35px 0;
}
.key-feature h2 {
    margin: 23px 0 29px 0;
}
.key-feature-item {
    margin-bottom: 30px;
}
.dot {
    left: -42px;
}
.dot2::after {
    height: 202px;
    left: 15px;
}
.our-vision {
    padding-top: 32px;
}
.why-medipathic p {
    margin: 9px 0;
}
.our-promise {
    margin-bottom: 15px;
}
.join-us h2 {
    font-size: 27px;
}
.join-us p {
    padding: 0 16px;
    font-size: 13px;
}
.doctor-banner-bottom {
    padding: 20px 30px;
    text-align: center;
    bottom: -119px;
}
.benefits {
    margin: 106px 0 27px 0px;
}
.benefits-item {
    height: 170px;
}
.benefits-item p {
    font-size: 13px;
}
.why-join-us h2 {
    font-size: 27px;
    margin-bottom: 17px;
}
.why-join-us p {
    font-size: 13px;
}

.why-join-item p {
    font-size: 13px;
}
.joining-process {
    margin-top: 50px;
    text-align: center;
}
.joining-process p {
    padding: 0 0px 0px 0;
    font-size: 15px;
}
.join-us-image {
    margin-bottom: 55px;
}
.join-us-image img {
    margin-top: -3px;
}
.join-icon {
    text-align: center;
}
.join-text h5 {
    text-align: center;
    margin-top: 12px;
}
.join-text p {
    margin-bottom: 26px;
    text-align: center;
}
.doctor-register-join {
    margin: 15px 0;
}
.card.doctor-profile-bio .card-body-block {
    margin: 0 0px 24px 21px;
}
.job-details-right {
    width: 87%;
    float: left;
}
.serial-count {
    height: 245px;
    padding: 10px 6px;
    margin-top: 20px;
}
.remaining-count-number {
    width: 305px;
}
.child {
    margin: 3px;
}
table#user-table tr td {
    font-size: 15px;
    white-space: nowrap;
}
/* backend */
table#exampleDate tr td {
    white-space: nowrap;
}
.administator-list h5 {
    font-size: 13px;
}
.running-patient-image img {
    width: 90px;
    height: 90px;
}
.booking-box {
    padding: 1px 0 65px 0;
    text-align: center;
}
.booking-box h4 {
    font-size: 19px;
    margin-top: 15px;
}
.my-schedule h5 {
    font-size: 16px;
}
.admin-doctor-profile ul {
    display: grid;
}
.admin-doctor-profile ul li {
    background: #47a4f942;
    margin-bottom: 6px;
}
.chember-details {
   margin: 7px;
}
.xdsoft_timepicker {
    display: none !important;
}
.chamber-save-details {
    margin-bottom: 15px;
}

.review-user-image {
    width: 25%;
}
.review-user-name {
    width: 29%;
}
.review-user-name p {
    font-size: 17px;
    margin-top: 7px;
}
.deview-details p {
    border-bottom: none;
    margin-bottom: 12px !important;
}
.deview-details {
    border-bottom: 2px solid #ddd;
    margin: 0 8px;
}
#experienceForm {
    border-bottom: 2px solid #ddd;
    padding-bottom: 16px;
}
.pagetitle {
    display: none;
}
.next-button {
    padding: 10px 30px !important;
}

.login-register {
    padding: 30px;
}
.doctor-register p {
    font-size: 15px;
    line-height: 18px;
    margin-left: 9px;
}
.doctor-register a {
    font-size: 18px;
    line-height: 17px;
    padding: 0px 25px;
}
}