@media(max-width:1024px) {
    .book_box {
        grid-template-columns: repeat(2, 1fr);
    }

    .views-doctor-listing .book_appointment .button {
        font-size: 12px;
    }

    .hs_footer_block {
        grid-template-columns: 1fr 1fr;
    }

    .special_tabs ul#myTab li.nav-item {
        width: 100%;
    }

    .special_tabs ul#myTab li.nav-item button {
        width: 100%;
    }

    .special_flex {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .special_flex .max-width-25 {
        max-width: 100%;
        width: 100%;
        flex: auto;
        margin: 0 !important;
    }

    .tabinner_box .button_flex {
        flex-wrap: wrap;
    }

    .logo_img a img {
        min-width: 100px;
        width: 100px;
    }

    .main_menu .logo_img {
        position: unset;
    }

    .main_nav li {
        display: none;
    }

    .main_nav li:last-child {
        display: block;
    }

    .top_bar::after {
        content: none;
    }

    .top_links {
        display: none;
    }

    .modal-body.body_content .modal_body_form .form-group {
        grid-column: 1;
    }

    .modal-body.body_content .modal_body_form {
        grid-template-columns: 1fr;
    }

    div#oppointment .modal-dialog {
        height: calc(100% - 1rem);
    }

    .special_tabs .tab-content.max-width-75 {
        border: unset;
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .views-row-wrapper ul.wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .req_button.view_more button.btn {
        width: 100%;
    }

    .profile_text {
        padding-left: unset !important;
        margin-top: 20px;
    }

    .book_details {
        max-width: 100%;
    }

    .book_details .modal_body_form {
        grid-template-columns: 1fr;
    }

    .book_details .modal_body_form .form-group {
        grid-column: 1;
    }

    .elite_main_box {
        flex-wrap: wrap;
    }

    .query_wrap ul {
        grid-template-columns: 1fr;
    }

    .email_num {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .appoinment_btn a.btn.theme-btn {
        width: 100%;
        margin: 0;
    }

    .section-title {
        max-width: 100%;
    }

    .appoinment_btn {
        flex-wrap: wrap;
        gap: 10px;
    }

    .banner_one h2 {
        font-size: 2rem;
    }

    .banner_one p {
        font-size: 1rem;
    }


    .banner_one {
        transform: translateY(-90%);
    }
}

@media(max-width:767px) {
    .book_box {
        grid-template-columns: repeat(1, 1fr);
    }

    .hs_footer_block {
        grid-template-columns: 1fr;
    }

    .special_tabs ul#myTab li.nav-item {
        width: 100%;
    }

    .special_tabs ul#myTab li.nav-item button {
        width: 100%;
    }

    .special_flex {
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .special_flex .max-width-25 {
        max-width: 100%;
        width: 100%;
        flex: auto;
        margin: 0 !important;
    }

    .tabinner_box .button_flex {
        flex-wrap: wrap;
    }

    .logo_img a img {
        min-width: 100px;
        width: 100px;
    }

    .main_menu .logo_img {
        position: unset;
    }

    .main_nav li {
        display: none;
    }

    .main_nav li:last-child {
        display: block;
    }

    .top_bar::after {
        content: none;
    }

    .top_links {
        display: none;
    }

    .copy_flex {
        flex-direction: column;
    }

    .modal-body.body_content .modal_body_form .form-group {
        grid-column: 1;
    }

    .modal-body.body_content .modal_body_form {
        grid-template-columns: 1fr;
    }

    div#oppointment .modal-dialog {
        height: calc(100% - 1rem);
    }

    .special_tabs .tab-content.max-width-75 {
        border: unset;
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .views-row-wrapper ul.wrapper {
        grid-template-columns: 1fr;
    }

    .req_button.view_more button.btn {
        width: 100%;
    }

    .profile_text {
        padding-left: unset !important;
        margin-top: 20px;
    }

    .book_details {
        max-width: 100%;
    }

    .book_details .modal_body_form {
        grid-template-columns: 1fr;
    }

    .book_details .modal_body_form .form-group {
        grid-column: 1;
    }

    .elite_main_box {
        flex-wrap: wrap;
    }

    .query_wrap ul {
        grid-template-columns: 1fr;
    }

    .email_num {
        grid-template-columns: 1fr;
        gap: unset;
    }

    .appoinment_btn a.btn.theme-btn {
        width: 100%;
        margin: 0;
    }

    .section-title {
        max-width: 100%;
    }

    .appoinment_btn {
        flex-wrap: wrap;
        gap: 10px;
    }

    div#oppointment .modal-dialog.modal-dialog-centered.modal-dialog-scrollble .modal-content .modal-body.body_content {
        max-height: 80vh;
        overflow-y: auto;
    }
}