@media only screen and (max-width: 768px) and (min-width: 300px) {
    .m-df-block {
        display: block !important;
    }

    .mob-df-flex {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dotted-border {
        border: 1.5px dotted #ffffff33;
    }

    /* .mob-width-100 {
        width: 100% !important;
    } */

    .display-none {
        display: none;
    }

    .mob-padding-0 {
        padding: 0 !important;
    }

    .h-auto {
        height: auto;
    }

    .py-35 {
        padding: 10px 0 !important;
    }

    .fz-22 {
        font-size: 22px;
    }

    .mob-fz-48 {
        font-size: 48px;
    }

    .mob-fz-12 {
        font-size: 12px !important;
    }

    .fz-13 {
        font-size: 13px;
    }

    .mob-fz-14 {
        font-size: 14px !important;
    }

    .mob-fz-16 {
        font-size: 16px !important;
        margin: 10px 0 0;
    }

    .fz-mob-18 {
        font-size: 18px;
    }

    .mob-bg-card-color {
        background: #f9fbff;
    }

    .mob-m-bottom-10 {
        margin-bottom: 10px !important;
    }

    .mob-m-bottom-16 {
        margin-bottom: 16px !important;
    }

    .mob-m-top-16 {
        margin-top: 16px;
    }

    .mob-my-20 {
        margin: 20px 0;
    }

    .mob-order-1 {
        order: 1;
    }

    .mob-order-2 {
        order: 2;
    }

    .mob-Txt-center {
        text-align: center;
    }

    .navbar-collapse.collapse .Login_Reg_Btns {
        /*position: absolute;*/
        /*bottom: 100px;*/
        /* bottom: 10%; */
        /*left: 0;*/
        /*right: 0;*/
        /*display: grid;*/
        /*gap: 14px;*/
        /*padding: 14px;*/
        /*text-align: center;*/
        margin-top:50px !important;
    }

    .navbar-collapse.collapse ul li a.active span {
        background: #ffffff1a;
        border-radius: 30px;
        padding: 10px;
    }

    .drp-calendar .calendar-table .table-condensed tbody tr,
    .navbar-collapse.collapse ul li {
        margin-bottom: 12px;
    }

    .navbar-collapse.collapse ul li a span {
        padding: 10px;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .Mobile_top_Pos {
        position: absolute !important;
        top: 15px;
        right: 15px;
    }

    .HeaderMob_Img,
    .Header_Wrap.FormQuestions .HeaderInner_Txt form {
        position: relative;
    }

    .Header_Wrap {
        /* background-image: url("../images/mobile_bg_image.png") !important ; */
        background-repeat: no-repeat;
        background-size: cover;
    }

    .HeaderMob_Img::before {
        content: "";
        /* background-image: url('../images/mob_header_img_BG.webp'); */
        background-repeat: no-repeat;
        position: absolute;
        background-size: 100%;
        height: 100%;
        left: -12px;
        right: -11px;
        top: 140px;
    }

    .HeaderMob_Img img {
        position: inherit;
    }

    .Header_Wrap.FormQuestions .HeaderInner_Txt form::before {
        content: "";
        background-color: #0ea59f;
        position: absolute;
        left: -13px;
        right: -12px;
        top: -12px;
        bottom: 0;
        border-radius: 20px 20px 0 0;
    }

    .Header_Wrap.FormQuestions .HeaderInner_Txt form button.Search_Doc {
        z-index: 9;
        position: inherit;
    }

    .Filter_consultants form .Filter_consultantsFields li,
    .m-df-block label {
        margin-bottom: 10px;
    }

    .m-df-block .form-check-inline.p-2.bg-green-light:last-child {
        margin-right: 0;
    }

    .m-df-block .form-check-inline.p-2.bg-green-light label {
        margin: 0;
    }

    .Doctorprofile_Box_Detail .Doctor_profile_wraper,
    .QuestionForm {
        width: 100%;
    }

    .RowFileds .SearchField:first-child img {
        left: 8px;
    }

    .Filter_consultants form .Filter_consultantsFields li.SearchPopup span {
        display: inline;
    }

    .Consultant_DetailsWrap .Inner_Box_Detail {
        position: relative;
        display: grid !important;
    }

    .Consultant_DetailsWrap .Inner_Box_Detail .DocIcon_Img img {
        width: 80px;
        object-fit: contain;
    }

    .Consultant_DetailsWrap .Inner_Box_Detail .Detai_Txt .Mob_Pos_1 {
        position: absolute;
        right: 10px;
        top: calc(100% - 97%);
    }

    .Detai_Txt .Mob_Pos_1 span {
        display: block;
    }

    .Consultant_Wrap .Dates_RadioBtn {
        margin-top: 22px;
        display: block;
    }

    .Detai_Txt .Dates_RadioBtn .View_ProfileBtn {
        position: relative;
        right: auto;
        margin-top: 20px;
    }

    .MobDates_Setting {
        position: relative;
        padding-top: 55px;
    }

    .MobDates_Setting .AllDates_Link {
        position: absolute;
        top: 0;
        left: 0;
    }

    #appendedValues {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }

    .Consultantprofile_DetailsWrap .ConslProfile_Box_Detail {
        display: grid !important;
    }

    .ConslProfile_Box_Detail .DocIcon_Img,
    .ConslProfile_Box_Detail .Mob_ProfileTxt .Mob_ProfileTxtInner {
        text-align: center;
        margin-bottom: 12px;
    }

    .conslProfile-priceinner {
        margin-top: 20px;
    }

    .conslProfile-pricerangeinner {
        padding: 0;
    }

    #Filter_Open {
        margin-bottom: 35px;
    }

    #Filter_Open .surgery-input {
        justify-content: space-between;
    }

    #Filter_Open form .FormInputs {
        width: 90%;
    }

    .CalendarWraper_Main {
        margin-bottom: 20px;
    }

    .CalendarWraper_Main .TimeSelect_Wrap {
        margin-bottom: 16px;
    }

    progress#progress {
        width: 100px;
        max-width: 300px;
    }

    .Doctordashboard_DetailsWrap .SurgeryCard_Main .Dash_Btns {
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
    }

    .Doctordashboard_DetailsWrap
        .SurgeryCard_Main
        .Dash_Btns
        .col
        .surgery-card {
        max-height: 140px;
        height: 75px;
        padding: 9px !important;
    }

    .Doctordashboard_DetailsWrap
        .SurgeryCard_Main
        .Dash_Btns
        .col
        .surgery-card
        img {
        width: 24px;
        height: 24px;
        margin-right: 5px !important;
    }

    .Doctordashboard_Wrap .Detail_Card .DC_InnerWrap .DS_btn {
        position: inherit !important;
        right: auto !important;
        top: -11px !important;
        width: 60%;
        left: 17px;
    }

    .Doctor_SignupPlan_Card .TrialTxt_Card .UpcomingCard_Lower .Referal_Btn {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: 100% !important;
    }

    .Mngr_DetailList .Mngr_Card_List .Mngr_Card .Mngr_Profile img {
        width: 48px;
    }

    .daterangepicker .calendar-table thead tr:nth-child(2) th {
        padding-top: 60px;
    }

    .daterangepicker span.drp-selected {
        position: absolute;
        top: 50px;
    }

    .drp-calendar .calendar-table .table-condensed tbody tr:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .mobile-colspan {
        display: table-cell;
    }

    .combine-on-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .mobile-colspan {
        display: none;
    }

    .combine-on-mobile {
        display: table-cell;
    }

    .MobileHide {
        display: none !important;
    }

    .MobileShow {
        display: block !important;
    }
}

@media (min-width: 1801px) {
    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }
}

@media (min-width: 1551px) and (max-width: 1800px) {
    #frame .message-input .wrap {
        width: 66%;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }
}

@media (min-width: 1400px) and (max-width: 1550px) {
    #frame .message-input .wrap {
        width: 66%;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }

    /* .container {
        max-width: 1100px !important
    } */

    .last_section .dr-cards1,
    .last_section .dr-cards2,
    .last_section .dr-cards3,
    .last_section .dr-cards4 {
        width: 85%;
    }

    .consultation .consult_side .hero-img .h-thmb1 {
        left: 52px;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 91.5%;
    }
}

@media (min-width: 1377px) and (max-width: 1399px) {
    .consultation .consult_side .hero-img .h-thmb1 {
        left: 77px;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 91%;
    }
}

@media (min-width: 1200px) and (max-width: 1376px) {
    .consultation .consult_side .hero-img .h-thmb1 {
        left: 77px;
    }

    .why_chooseus .flex_direct {
        flex-direction: column;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }

    .consultationlast_sect {
        margin: 100px 0 0;
    }

    .last_section .parent-drinfo {
        width: auto;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 90%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .consultation .consult_side .hero-img .h-thmb1 {
        left: -15px;
    }

    .last_section .flex-directt,
    .why_chooseus .flex_direct {
        flex-direction: column;
    }

    .container_cards {
        max-width: 900px;
        margin: auto;
    }

    .about_med .revolution_bg {
        height: 450px;
    }

    .welcomesect_card {
        width: auto;
        height: 100%;
    }

    .welcom_healthclinic .container_aboutus {
        width: 922px;
    }

    .last_section .hero-img2 {
        padding: 40px 0 381px;
    }

    .last_section .behind_div {
        right: -78px;
    }

    .last_section .hero-img {
        margin-top: 10px;
    }

    .last_section .dr-cards {
        height: 138px;
    }

    .last_section .parent-drinfo {
        width: auto;
    }

    .last_section .dr-info p {
        line-height: inherit;
    }

    #frame .message-input .wrap {
        width: 62%;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }

    /* .consultationlast_sect {
        margin: 700px 0 0;
    } */

    .TimeSelect_Wrap .scrool_down {
        margin-right: 83px;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 85%;
    }

    .navs_navs {
        margin-top: unset !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .consultation {
        padding: 78px 0 361px;
    }

    .consultation .consult_side {
        margin-top: 209px;
    }

    .consultation .consult_side .hero-img .h-desktop {
        right: 169px;
    }

    .consultation .consult_side .hero-img .h-tab {
        right: 156px;
    }

    .consultation .consult_side .hero-img .h-thmb1 {
        left: 58px;
    }

    .about_med br,
    .choose_ussectio br,
    .counter_section br,
    .last_section br,
    .legal_notice .book_consult br,
    .legal_notice .directory_cont br,
    .welcom_healthclinic br,
    .welcome_section br,
    .why_chooseus br {
        display: none;
    }

    .container_cards {
        max-width: 700px;
        margin: auto;
    }

    .med-cardslist {
        flex-direction: column;
        align-items: center;
    }

    .med-cardslist .listno1 {
        width: 50%;
        margin-bottom: 30px;
    }

    .about_med .revolution_bg {
        height: 250px;
        background-size: contain;
    }

    .welcomesect_card {
        width: auto;
        height: 100%;
    }

    .last_section .hero-img2 {
        padding: 40px 0 381px;
    }

    .last_section .hero-img {
        margin-top: 10px;
    }

    .last_section .dr-cards {
        height: 138px;
    }

    /* .last_section .parent-drinfo {
        margin-bottom: 80px;
    } */

    .last_section .dr-info p {
        line-height: inherit;
    }

    .welcome_section .pdd_md {
        margin-bottom: 20px;
    }

    .health_clinicimg,
    .health_clinicimg2 {
        text-align: center;
    }

    .health_clinicimg img {
        width: 53%;
        height: 325px;
    }

    .health_clinicimg2 img {
        width: 53%;
    }

    .counter_section .hide_element {
        border: none;
    }

    .last_section .behind_div {
        right: 162px;
    }

    .welcom_healthclinic .container_aboutus {
        width: 721px;
    }

    .pateient_services {
        flex-direction: column;
        padding: 0 21px;
    }

    .welcome_section {
        padding-top: 204px;
    }

    .welcom_healthclinic .about_us_detail {
        padding-bottom: 30px;
    }

    #frame .message-input .wrap {
        width: 58%;
    }

    #frame .content {
        width: calc(100% - 340px);
        min-width: 300px !important;
    }

    #frame #sidepanel {
        width: 46%;
    }

    .navbar-collapse.collapse.show {
        position: absolute;
        top: 51px;
    }

    .Mobile_top_Pos .dropdown-menu[data-bs-popper] {
        left: 0 !important;
    }

    .consultationlast_sect {
        margin: 700px 0 0;
    }

    .consultationlast_sect .consult_side .hero-img .h-tab {
        right: 196px;
    }

    .consultationlast_sect .consult_side .hero-img .h-thmb1 {
        left: 42px;
    }

    .HeaderInner_Txt .row.m-df-block .col #current_location {
        z-index: unset;
    }

    .emojionearea,
    .emojionearea.form-control {
        width: 75% !important;
    }

    .TimeSelect_Wrap .scrool_down {
        margin-right: 33px;
    }

    .header_header .navs_navs {
        display: block;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 74%;
    }

    .sergeryLable_mobile {
        font-size: 12px;
    }

    .sergeryWaitingTime {
        position: absolute;
        right: unset;
    }

    .wait_sm_view {
        font-size: 11px !important;
    }

    .trash_icon {
        position: absolute;
        right: -17px;
        top: 0;
    }

    .surgen_table_h {
        font-size: 14px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .health_clinicimg,
    .health_clinicimg2,
    .welcomesect_card {
        text-align: center;
    }

    #frame #sidepanel #bottom-bar button span,
    #frame #sidepanel #contacts ul li.contact .wrap .meta,
    #frame #sidepanel #profile .wrap #status-options ul li p,
    #frame #sidepanel #profile .wrap i.expand-button,
    #frame #sidepanel #profile .wrap p,
    #frame #sidepanel #search,
    #frame #sidepanel .nav-item a span,
    .TimeSelect_Wrap .scrool_down,
    .about_med br,
    .choose_ussectio br,
    .counter_section br,
    .last_section br,
    .legal_notice .book_consult br,
    .legal_notice .directory_cont br,
    .welcom_healthclinic br,
    .welcome_section br,
    .why_chooseus br,
    nav.navbar .contact_usnmbr {
        display: none;
    }

    .consultation {
        padding: 78px 0 361px;
    }

    .consultation .consult_side {
        margin-top: 209px;
    }

    .consultation .consult_side .hero-img .h-desktop {
        right: 42px;
    }

    .consultation .consult_side .hero-img .h-tab {
        right: 33px;
    }

    .consultation .consult_side .hero-img .h-thmb1 {
        left: 5px;
    }

    .container_cards {
        max-width: 400px;
        margin: auto;
    }

    .med-cardslist {
        flex-direction: column;
        align-items: center;
    }

    .med-cardslist .listno1 {
        width: 50%;
        margin-bottom: 30px;
    }

    .about_med .revolution_bg {
        height: 176px;
        background-size: contain;
    }

    .why_chooseus .rightside_cont .img2 {
        width: 370px;
        top: 163px;
        left: 135px;
    }

    .why_chooseus .rightside_cont .img1 {
        width: 370px;
        top: 17px;
    }

    .welcomesect_card {
        width: auto;
        height: 100%;
    }

    .last_section .hero-img2 {
        padding: 40px 0 381px;
    }

    .last_section .behind_div {
        right: -16px;
    }

    .last_section .hero-img {
        margin-top: 10px;
    }

    .last_section .dr-cards {
        height: 138px;
    }

    .last_section .parent-drinfo {
        /* margin-bottom: 80px; */
        width: auto;
    }

    .last_section .dr-info p {
        line-height: inherit;
    }

    .welcome_section .pdd_md {
        margin-bottom: 20px;
    }

    .health_clinicimg img {
        width: 53%;
        height: 325px;
    }

    .health_clinicimg2 img {
        width: 53%;
    }

    .counter_section .hide_element {
        border: none;
    }

    .counter_section {
        margin: 0px 12px !important;
    }

    .aftercare {
        padding-left: 0px;
    }

    .welcom_healthclinic .container_aboutus {
        width: 450px;
    }

    .pateient_services {
        flex-direction: column;
    }

    .welcome_section {
        padding-top: 50px;
        /* padding-top: 204px; */
    }

    .last_section .hero-img .aos-init1 {
        left: 404px;
    }

    .last_section .hero-img .aos-init2 {
        left: 130px;
    }

    .last_section .hero-img .aos-init3 {
        left: 57px;
    }

    .welcom_healthclinic .about_us_detail {
        padding-bottom: 30px;
    }

    #frame .message-input .wrap {
        width: 88%;
    }

    #frame #sidepanel {
        width: 58px;
        min-width: 58px;
        height: 105% !important;
    }

    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }

    #frame #sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px;
    }

    #frame #sidepanel #bottom-bar button:first-child {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }

    #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }

    #frame #sidepanel #bottom-bar button i {
        font-size: 1.3em;
    }

    #frame #sidepanel #profile .wrap {
        height: 55px;
    }

    #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0;
        background: #32465a;
    }

    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }

    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }

    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }

    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }

    #frame #sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }

    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }

    #frame
        #sidepanel
        #profile
        .wrap
        #status-options
        ul
        li
        span.status-circle:before {
        height: 18px;
        width: 18px;
    }

    #frame #sidepanel #contacts {
        height: calc(100% - 123px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #frame #sidepanel .nav-item #surgeonTabButton {
        background-image: url("../images/countersectemoji2.webp");
        background-repeat: no-repeat;
        background-position: 55% 54%;
        background-size: contain;
    }

    #frame #sidepanel .nav-item #ptient {
        background-image: url("../images/countersectemoji3.webp");
        background-repeat: no-repeat;
        background-position: 55% 54%;
        background-size: contain;
    }

    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none;
    }

    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%;
        align-self: baseline;
        display: flex;
    }

    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0;
    }

    .navbar-collapse.collapse.show {
        position: absolute;
        /* top: 51px; */
        top: 70px;
        /* height: 93vh */
        height: 100vh;
    }

    #frame #sidepanel .nav-pills li .nav-link {
        padding: 5px;
    }

    .consultationlast_sect {
        margin: 700px 0 0;
    }

    .consultationlast_sect .consult_side .hero-img .h-tab {
        right: 71px;
        width: 379px;
    }

    .consultationlast_sect .consult_side .hero-img .h-thmb1 {
        left: 42px;
    }

    .HeaderInner_Txt .row.m-df-block .col #current_location {
        z-index: unset;
    }

    .emojionearea,
    .emojionearea.form-control {
        width: 75% !important;
    }

    footer .Menu,
    footer .support {
        margin-top: 20px;
    }

    .TimeSelect_Wrap .append_times {
        height: fit-content;
    }

    .header_header .navs_navs {
        display: block;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 78%;
    }

    .Consultant_DetailsWrap .Inner_Box_Detail .Detai_Txt .Mob_Pos_1 {
        position: absolute;
        left: 115px;
        top: calc(100% - 95%);
    }

    .DocIcon_Img {
        height: 85px;
        width: 85px;
    }

    .DocIcon_Img img {
        width: 100%;
    }

    .table_border {
        border-radius: unset !important;
    }

    .c_type_check {
        display: flex;
        justify-content: flex-start;
    }

    .modal_time_inner2 {
        display: flex;
        justify-content: start;
        margin-top: 12px;
    }

    .modal_time_inner {
        display: flex;
        justify-content: start;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .consultation {
        padding: 78px 0 147px;
    }

    .consultation .consult_side {
        margin-top: 209px;
    }

    .consultation .consult_side .hero-img .h-desktop {
        right: 2px;
    }

    .consultation .consult_side .hero-img .h-tab {
        top: -142px;
        width: 270px;
        right: -2px;
        height: 300px;
    }

    .consultation .justify_cont {
        display: flex;
        justify-content: flex-end;
    }

    .welcom_healthclinic {
        padding: 40px 0px 0px;
    }

    .welc_helthcont p {
        margin-right: 10px;
        text-align: center;
    }

    #frame #sidepanel #bottom-bar button span,
    #frame #sidepanel #contacts ul li.contact .wrap .meta,
    #frame #sidepanel #profile .wrap #status-options ul li p,
    #frame #sidepanel #profile .wrap i.expand-button,
    #frame #sidepanel #profile .wrap p,
    #frame #sidepanel #search,
    #frame #sidepanel .nav-item a span,
    .TimeSelect_Wrap .scrool_down,
    .about_med br,
    .choose_ussectio br,
    .counter_section br,
    .last_section br,
    .legal_notice .book_consult br,
    .legal_notice .directory_cont br,
    .sm_linksprofile,
    .welcom_healthclinic br,
    .welcome_section br,
    .why_chooseus br,
    nav.navbar .contact_usnmbr {
        display: none;
    }

    .consultation .consult_side .hero-img .h-thmb1 {
        left: -282px;
        top: 121px;
    }

    .container_cards {
        max-width: 275px;
        margin: auto;
    }

    .med-cardslist {
        flex-direction: column;
        align-items: center;
    }

    .med-cardslist .listno1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .about_med .revolution_bg {
        height: 230px;
        background-position: center;
    }

    .why_chooseus .rightside_cont .img2 {
        width: 250px;
        top: 120px;
        left: 41px;
    }

    .why_chooseus .rightside_cont .img1 {
        width: 250px;
        top: 17px;
    }

    .welcomesect_card {
        width: auto;
        height: 100%;
        text-align: center;
    }

    .last_section .hero-img2 {
        padding: 40px 0 381px;
    }

    .last_section .behind_div {
        width: 250px;
        left: 10px;
        top: 156px;
    }

    .last_section .upper-div {
        width: 250px;
    }

    .last_section .hero-img {
        margin-top: 30px;
    }

    .last_section .dr-cards {
        height: 138px;
    }

    .last_section .parent-drinfo {
        /* margin-bottom: 80px; */
        width: 100%;
    }

    .last_section .review-parent {
        margin-top: 85px;
    }

    .last_section .dr-info p {
        line-height: inherit;
    }

    .Consultantprofile_DetailsWrap .colwrap_sm,
    .welcome_section .pdd_md {
        margin-bottom: 20px;
    }

    .health_clinicimg img {
        width: 100%;
        height: 100%;
    }

    .counter_section {
        /* margin: 0px 12px !important; */
        margin: 60px 12px 0px;
    }

    .aftercare {
        padding-left: 0px;
    }

    .counter_section .hide_element {
        border: none;
    }

    .welcom_healthclinic .container_aboutus {
        width: 279px;
    }

    .pateient_services {
        flex-direction: column;
        justify-content: center;
    }

    /* .welcome_section {
        padding-top: 204px
    } */

    .last_section .hero-img .aos-init1 {
        top: 40px;
        left: 167px;
    }

    .last_section .hero-img .aos-init2 {
        top: 59px;
        width: 201px;
        left: 53px;
    }

    .last_section .hero-img .aos-init3 {
        top: 194px;
        width: 188px;
        left: 0;
    }

    .welcom_healthclinic .about_us_detail {
        padding-bottom: 30px;
    }

    #frame .message-input .wrap {
        width: 83%;
        float: inline-end;
    }

    #frame {
        width: 100%;
        height: 100vh;
    }

    #frame #sidepanel {
        width: 58px;
        min-width: 58px;
        height: 105% !important;
    }

    #frame .content {
        width: calc(100% - 58px);
        min-width: 228px !important;
    }

    #frame #sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px;
    }

    #frame #sidepanel #bottom-bar button:first-child {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }

    #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }

    #frame #sidepanel #bottom-bar button i {
        font-size: 1.3em;
    }

    #frame #sidepanel #profile .wrap {
        height: 55px;
    }

    #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0;
        background: #32465a;
    }

    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }

    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }

    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }

    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }

    #frame #sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }

    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }

    #frame
        #sidepanel
        #profile
        .wrap
        #status-options
        ul
        li
        span.status-circle:before {
        height: 18px;
        width: 18px;
    }

    #frame #sidepanel #contacts {
        height: calc(100% - 126px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none;
    }

    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%;
        align-self: baseline;
        display: flex;
    }

    #frame #sidepanel .nav-item #surgeonTabButton {
        background-image: url("../images/countersectemoji2.webp");
        background-repeat: no-repeat;
        background-position: 55% 54%;
        background-size: contain;
    }

    #frame #sidepanel .nav-item #ptient {
        background-image: url("../images/countersectemoji3.webp");
        background-repeat: no-repeat;
        background-position: 55% 54%;
        background-size: contain;
    }

    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0;
    }

    .navbar-collapse.collapse.show {
        position: absolute;
        /* top: 59px; */
        /* height: 93vh; */
        top: 70px;
        height: 100vh;
    }

    #frame #sidepanel .nav-pills li .nav-link {
        padding: 5px;
    }

    .consultationlast_sect {
        margin: 50px 0 0;
    }

    .consultationlast_sect .consult_side .hero-img .h-tab {
        top: -104px;
        right: 17px;
    }

    .consultationlast_sect .consult_side .hero-img .h-thmb1 {
        top: 162px;
        left: -294px;
    }

    .HeaderInner_Txt .row.m-df-block .col #current_location {
        z-index: unset;
    }

    .emojionearea,
    .emojionearea.form-control {
        width: 75% !important;
    }

    footer .Menu,
    footer .support {
        margin-top: 20px;
    }

    .TimeSelect_Wrap .append_times {
        height: fit-content;
    }

    .references_section a {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        display: inline-block;
    }

    .Consultantprofile_DetailsWrap .consultant_profilesm {
        flex-wrap: wrap;
        justify-content: center;
    }

    .dropmenuwrap_sm.show {
        display: none !important;
    }

    .header_header .navs_navs {
        display: block;
    }

    .dr_chatwrap
        .emojionearea
        .emojionearea-picker.emojionearea-picker-position-top,
    .patientchat_input
        .emojionearea
        .emojionearea-picker.emojionearea-picker-position-top {
        margin-top: -286px;
        right: -21px;
        width: 238px;
    }

    .dr_chatwrap .emojionearea .emojionearea-picker .emojionearea-wrapper,
    .patientchat_input
        .emojionearea
        .emojionearea-picker
        .emojionearea-wrapper {
        position: relative;
        height: 276px;
        width: 235px;
    }

    #frame .emojionearea.emojionearea-inline > .emojionearea-editor {
        width: 50%;
    }

    .Consultant_DetailsWrap .Inner_Box_Detail .Detai_Txt .Mob_Pos_1 {
        position: absolute;
        left: 109px;
        top: calc(100% - 95%);
    }

    .DocIcon_Img {
        height: 85px;
        width: 85px;
    }

    .DocIcon_Img img,
    .payout_reconnect_btn,
    .payout_reconnect_btn a {
        width: 100%;
    }

    .table_border {
        border-radius: unset !important;
    }

    .c_type_check {
        display: flex;
        justify-content: flex-start;
    }

    .modal_time_inner {
        display: flex;
        justify-content: start;
    }

    .modal_time_inner2 {
        display: flex;
        justify-content: start;
        margin-top: 12px;
    }

    .payment-details-show.payment_details_show {
        flex-direction: column !important;
    }

    .surgen_table_h {
        font-size: 14px;
    }

    .book_con_now {
        font-size: 32px;
    }
}

@media (min-width: 2000px) and (max-width: 4000px) {
    .container-fluid {
        width: 1320px !important;
    }
}

@media (min-width: 1320px) {
    .navs_navs {
        margin-top: unset !important;
    }
}

@media (min-width: 1441px) and (max-width: 2000px) {
    .col4_container_inner {
        width: 100%;
        max-width: 480px;
    }

    .doc_chatbutton {
        column-gap: 20px;
    }
}

@media (min-width: 1891px) {
    .sub-dropdown-content {
        /*max-height: 343px !important;*/
        max-height: 372px !important;
        position: absolute;
        top: 0;
        /* left: 369px !important */
        left: 275px !important;
    }
}

@media (min-width: 1551px) and (max-width: 1890px) {
    .sub-dropdown-content {
      /*max-height: 343px !important;*/
        max-height: 372px !important;
        position: absolute;
        top: 0;
        /* left: 369px !important */
        left: 275px !important;
    }
}

@media (min-width: 1400px) and (max-width: 1550px) {
    .sub-dropdown-content {
        /*max-height: 343px !important;*/
        max-height: 372px !important;
        position: absolute;
        top: 0;
        /* left: 303px !important */
        left: 274px !important;
    }
}

.loc_city_search {
    max-height: 270px;
    overflow-y: auto;
    width: 225px;
    /* inset: 25px auto auto -40px !important; */
    /* inset: 19px auto auto -49px !important; */
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .sub-dropdown-content {
        max-height: 327px !important;
        left: 274px !important;
    }

    .header_items {
        padding-left: 7px !important;
    }

    #navbarText ul .navs_navs li a {
        font-size: 13px !important;
    }

    .chest_logo_3 {
        width: 68px !important;
    }

    .chest_logo_1 {
        width: 120px !important;
    }
    .search_child {
        width: 114% !important;
    }

    /* .loc_city_search {
        inset: 600px auto auto -50px !important;
    } */
}

@media (min-width: 992px) and (max-width: 1199px) {
    .DocIcon_Img {
        width: 144px;
        height: 120px;
    }

    .header_items {
        padding-left: 16px !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0px !important ;
    }

    .navs_navs {
        margin-top: unset !important;
    }

    .book_conslt_btn,
    .book_conslt_btn1,
    .nav-item.custom_nav_item a {
        font-size: 14px;
    }

    .patient-navtabe .nav-link {
        height: unset !important;
    }

    .find_surgeon_images {
        height: 119px;
        width: 139px;
        border-radius: 50%;
        overflow: hidden;
    }

    .Inner_Box_Detail_new {
        gap: 10px !important;
    }

    .navbar_cus_container {
        max-width: 1010px !important;
    }

    .call_btn {
        padding: 13px 12px !important;
    }

    .sub-dropdown-content {
        position: absolute;
        top: 0;
        left: 274px !important;
        width: 100%;
        height: 100%;
        max-height: 327px !important;
    }

    .ah_select_drop {
        min-width: 154px !important;
    }

    .main_haeding {
        padding: 17px 0px !important;
    }

    .chest_logo_1 {
        width: 100px !important;
    }

    .chest_logo_3 {
        width: 50px !important;
    }

    .search_child {
        /* width: 107% !important; */
        width: 130% !important;
    }

    /* .Header_Wrap.patient {
        background-image: url("../images/home-page-image-01.webp")
    } */

    .logos_row {
        display: block !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    #navbarText ul .navs_navs li a {
        font-size: 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cal-upper-content.cal-upper-content2,
    .date_mobile_view_new {
        flex-direction: column;
    }

    .DocIcon_Img {
        width: 155px;
        height: 120px;
    }

    .consultationlast_sect.consultationlast_sect2 {
        margin-top: unset;
    }

    .last_section .review-parent,
    .patient-navtabe .nav-link {
        height: unset !important;
    }

    .welc_helth {
        padding: 20px 0;
    }

    .section_care {
        padding-left: 0px !important;
    }

    .nav-item.custom_nav_item a {
        font-size: 14px;
    }

    .otp_main_container {
        max-width: 55%;
        margin: auto;
    }

    .find_surgeon_images {
        height: 100px;
        width: 120px;
    }

    .Inner_Box_Detail_new {
        gap: 10px !important;
    }

    .chat-day2 {
        position: relative;
        display: inline-block;
        width: 100%;
        left: 113px;
        max-width: 50%;
        margin: 20px auto 0;
    }

    .Consultantprofile_Wrap .loan-card svg {
        height: 237px;
    }

    .find_s_buttons_inner {
        display: flex;
        flex-direction: column;
    }

    .book_conslt_btn,
    .book_conslt_btn a button,
    .book_conslt_btn1,
    .book_conslt_btn1 a button {
        width: 100% !important;
    }

    .trust_txt h5 {
        font-size: 16px;
    }

    .sub-dropdown-content {
        position: absolute;
        top: 0;
        left: 273px !important;
        width: 100%;
        height: 100%;
        max-height: 329px !important;
    }

    /* .Header_Wrap.patient {
        background-image: url("../images/home-page-image-01.webp")
    } */

    .call_content_text2 {
        display: block;
    }

    .logos_row {
        display: block !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: 53px;
    }

    .AllDates_Link_new_con {
        width: 100%;
        margin-bottom: 7px;
    }

    .date_mobile_view_new .AllDates_Link_new_con_inner {
        width: 100%;
        text-align: center;
    }

    .find_spec_call_btn {
        width: 100%;
    }

    .find_spec_call_btn_inner {
        justify-content: center;
    }

    .footer-legal-menu {
        display: flex;
        padding-left: 0px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    /* s changes */
    .dropdown-menu .sub-dropdown-contentsurgeon {
        left: 195px !important;
        width: 17rem;
    }

    /* s changes */
    /* .mobile_header_bg,
    .search_parent {
        background-color: #0ea59f
    } */

    .search-bar-container {
        display: flex;
    }

    .map_image {
        padding-left: 0px !important;
    }

    .support {
        border-right: none;
    }

    .map_image img {
        width: 100%;
    }

    .book_con_now {
        font-size: 32px;
    }

    /* .doctor-image {
        display: none;
    } */
    .doctor-image {
        display: block;
    }
    .search_parent {
        display: none !important;
    }

    .AllDates_Link_new,
    .Mob_Pos_1.Mob_Pos_2,
    .mobdate_new {
        position: unset !important;
    }

    .Inner_Box_Detail.consultantContainer {
        gap: unset !important;
    }

    .surgeon_name {
        margin-top: 3px !important;
    }

    .surgery_cotegories_border {
        border-right: unset !important;
    }

    .DocIcon_Img.DocIcon_Img2 {
        width: 150px !important;
        height: 150px !important;
        border-radius: 50% !important;
        overflow: hidden !important;
    }

    .DocIcon_Img.DocIcon_Img2 img,
    .revolution-cont p {
        width: 100% !important;
    }

    .mobile_header_bg {
        padding-bottom: 20px;
    }

    .map_image img {
        padding-left: 0px !important;
        width: 100%;
    }

    .welcome-head h1 {
        font-size: 32px;
    }

    .map_image {
        padding-left: 0px !important;
    }

    .welcome-head {
        margin-top: 54px !important;
    }

    .welc_helth p {
        font-size: 30px;
        /* line-height: 22px; */
    }

    .whychoose_uscont p {
        font-size: 14px;
    }

    .last_section .consultant_head p {
        font-size: 31px;
        line-height: 39px !important;
    }

    .last_section .nearest {
        font-size: 32px;
        line-height: 35px;
    }

    .last_section .nearest-cont p {
        font-size: 14px;
    }

    .last_section .Reviews p {
        font-size: 30px;
    }

    .last_section .Reviews-cont p {
        font-size: 14px;
    }

    .last_section .aftercare .cont {
        font-size: 14px;
    }

    .whychoose_us h5 {
        font-size: 16px;
    }

    .whychoose_us p {
        font-size: 32px;
    }

    .welc_helthcont p {
        font-size: 14px;
    }

    .last_section .aftercare .head {
        font-size: 30px;
    }
    .list_cont {
        font-size: 13px;
    }

    .footer-legal-menu {
        display: block;
        padding-left: 12px;
    }

    /* .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */

    .footer_menu {
        margin-left: 0px;
    }

    .chest_logo_1_con {
        flex-wrap: wrap;
    }

    .chest_logo_1 {
        margin: 30px auto;
    }

    .chest_logo_3 {
        width: 147px !important;
        margin: 30px auto;
    }

    .pateient_services.pateient_services2 {
        width: 100%;
        align-items: center;
    }

    .Filter_consultants form .Filter_consultantsFields li.SearchPopup {
        padding: 8px 15px;
    }

    .about_med,
    .choose_ussectio {
        padding: 30px 0;
        text-align: center;
    }

    .CSContactHelp,
    .syc_c_btn {
        margin: 10px 0;
    }

    .Inner_Box_Detail_new,
    .about_us_detail.about_us_detail2,
    .book_consult,
    .leftside_cont_inner,
    .revolution-cont,
    .welcome-head.welcome-head2 {
        text-align: center;
    }

    .consultation.consultationlast_sect2,
    .welcome_section.welcome_section2 {
        padding-bottom: unset !important;
    }

    .cards_bottom_style {
        padding-bottom: 10px !important;
    }

    .last_section.last_section2 {
        padding: 30px 0 0;
        text-align: center;
    }

    .book_cos_now_fin_surgen_desktop,
    .chest_logo_1_con,
    .hero-img2.hero_img2,
    .justify_cont.justify_cont2,
    .rightside_cont.rightside_cont2,
    .sect_col {
        display: none;
    }

    .aboutusvideo,
    .hero_img3,
    .home_bg2,
    .justify_cont3,
    .mobdate_new_mobile_view,
    .mobile_profile_pricing,
    .sect_col2 {
        display: block;
    }

    .section_firstCare {
        margin-top: 60px;
    }

    .sect_col2 {
        max-width: 400px;
        margin: 50px auto;
    }

    .last_section .aftercare .see_morebtn button {
        margin-top: 20px !important;
    }

    .hero_img3 {
        object-fit: cover;
    }

    .custom_chat_col_left,
    .custom_chat_col_right,
    .patient-navtabe .nav-link,
    .review-parent.review-parent2 {
        height: unset !important;
    }

    .last_section .location {
        margin: 30px 0 0;
    }

    .why_chooseus {
        padding: 60px 0;
    }

    .leftside_cont {
        text-align: center;
        margin-top: 30px;
    }

    .med-cards {
        background: #e4eff7;
        padding: 30px 0;
    }

    .sidepaneldata {
        background-color: #fff !important;
    }

    .referal-btn.referal_btn {
        margin-top: 25px;
    }

    .date_mobile_view_width .AllDates_Link_new,
    .drop_li,
    .find_spec_call_btn,
    .fs_li,
    .listno1.listno2,
    .viewProfileBtn_new label {
        width: 100%;
    }

    .doc_img_container {
        margin: 50px auto 30px;
        max-width: 350px;
    }

    .consultationlast_sect.consultationlast_sect2 {
        margin-top: unset;
    }

    .about_med .discover-revolhead,
    .about_med .discover-revolhead-cont,
    .about_med .revolution-cont {
        margin: unset;
    }

    .content-into.content_into,
    .revolution_bg {
        margin: unset !important;
    }

    .health_clinicimg2 {
        height: 325px;
    }

    .aboutusvideo {
        max-height: 600px;
    }

    .aboutusvideo video {
        width: 100%;
        height: auto;
    }

    .Header_Wrap.aboutuswrapper,
    .desktop_profile_pricing {
        display: none !important;
    }

    .patient-about {
        height: unset;
    }

    .Header_Wrap.doctor,
    .Header_Wrap.patient {
        /* background-image: unset !important */
    }

    .DocIcon_Img img {
        object-fit: cover !important;
    }

    .google_mobile_view {
        margin-top: 30px;
    }

    .welc_helth {
        padding: 20px 0;
    }

    .nav-item.custom_nav_item a {
        font-size: 14px;
    }

    .p_c_doctor_detail {
        padding: 10px 15px;
    }

    .otp_main_container {
        max-width: 75%;
        margin: auto;
    }

    .find_surgeon_images {
        height: 120px;
        width: 120px;
        margin: auto;
    }

    .Mob_Pos_1.Mob_Pos_2 {
        padding: 10px 0 0;
    }

    .Clinical_Add.Clinical_Add_new {
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 6px;
    }

    .Clinical_Add.Clinical_Add_new p {
        display: flex !important;
        justify-content: center;
    }

    .MobDates_Setting.MobDates_Setting_new {
        padding-top: 10px !important;
        display: flex;
        flex-direction: column;
    }

    .MobDates_Setting.MobDates_Setting2,
    .mobdate_new {
        padding-top: unset !important;
    }

    .viewProfileBtn_new {
        width: 99%;
        margin-bottom: 7px;
    }

    .Dates_RadioBtn_new {
        margin-top: unset !important;
    }

    .mobdate_new {
        flex-direction: column;
        display: flex;
    }

    .date_mobile_view_width {
        width: 66%;
        margin: 5px auto;
    }

    .patient_search_date_mobile {
        display: flex;
    }

    .surgen_table {
        flex: 1;
        text-align: center;
    }

    .carousel_mobile_view {
        max-width: 500px;
        margin: auto;
    }

    .ConslCltprofile_Box_Detail2,
    .flex-directt.flex-directt2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .privacy_section {
        padding-bottom: 20px;
    }

    .privacy_section .head {
        padding: 20px 0 0;
    }

    .privacy_section .header-content {
        margin: 20px 0 0;
    }

    .ConslCltprofile_Box_Detail .Cltprofile-content .calendar-content-inner,
    .ConsultantCalendar_Wrap .calendar-content {
        width: 100%;
        float: unset !important;
    }

    .chat-day2 {
        left: 113px;
    }

    .stripe_inputs {
        margin-bottom: 0 !important;
    }

    .book_cos_now_fin_surgen_mobile {
        display: block;
        margin: 30px 0;
    }

    .doc_chatbutton {
        padding: 13px 15px 0;
    }

    .search_chat_search {
        padding: 15px;
    }

    .chat-outer {
        bottom: 12px;
    }

    /* .custom_dropdown_menu {
        width: 40% !important
    } */

    #input-container #filePreviewContainer {
        width: 150px !important;
        height: 150px;
    }

    #input-container #filePreviewContainer img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .trust_txt_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sub-dropdown-content {
        position: absolute;
        top: 0;
        left: 274px !important;
        width: 100%;
        height: 100%;
        max-height: 310px !important;
    }

    .logos_row {
        display: block !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .logo1_con {
        margin: 10px auto;
    }

    .find_surgencustom_dropdown_menu_con {
        width: 40%;
    }

    .date_mobile_view_new {
        flex-direction: column;
    }

    .AllDates_Link_new_con {
        width: 100%;
        margin-bottom: 7px;
    }

    .date_mobile_view_new .AllDates_Link_new_con_inner {
        width: 100%;
        text-align: center;
    }

    .find_spec_call_btn_inner {
        justify-content: center;
    }
}

@media (min-width: 481px) and (max-width: 576px) {
    /* s changes */
    .dropdown-menu .sub-dropdown-contentsurgeon {
        left: 195px !important;
        width: 100%;
    }

    .book_con_now {
        font-size: 32px;
    }

    /* s changes */
    .Header_Wrap.doctor,
    .Header_Wrap.patient {
        /* background-image: unset !important */
    }

    .AllDates_Link_new,
    .Mob_Pos_1.Mob_Pos_2,
    .mobdate_new {
        position: unset !important;
    }

    .dg-grid.dg_grid {
        display: flex;
        flex-direction: column;
        margin: 20px 0 50px !important;
    }

    .Header_Wrap.patient {
        /* background-position: 31% 30% */
    }

    /* .mobile_header_bg,
    .search_parent {
        background-color: #0ea59f
    } */

    .search_parent {
        display: none !important;
    }

    .search-bar-container {
        display: flex;
    }

    .map_image img {
        padding-left: 0px !important;
        width: 100%;
    }

    .support {
        border-right: none;
    }

    .welcome-head p {
        font-size: 14px !important;
    }

    .welcome-head h1 {
        font-size: 32px;
    }

    .map_image {
        padding-left: 0px !important;
    }

    .doctor-image {
        display: none;
    }
    /* .doctor-image {
        display: block;
    } */
    .welc_helth p {
        font-size: 30px;
        /* line-height: 22px; */
    }

    .whychoose_uscont p {
        font-size: 14px;
    }

    .last_section .consultant_head p {
        font-size: 31px;
        line-height: 39px !important;
    }

    .last_section .nearest {
        font-size: 32px;
        line-height: 35px;
    }

    .last_section .nearest-cont p {
        font-size: 14px;
    }

    .last_section .Reviews-cont p {
        font-size: 14px;
    }

    .last_section .Reviews p {
        font-size: 30px;
    }

    .last_section .aftercare .cont {
        font-size: 14px;
    }

    .whychoose_us h5 {
        font-size: 16px;
    }

    .whychoose_us p {
        font-size: 32px;
    }

    .welc_helthcont p {
        font-size: 14px;
    }

    .last_section .aftercare .head {
        font-size: 30px;
    }

    .list_cont {
        font-size: 13px;
    }

    .chest_logo_1 {
        margin: 30px auto;
    }

    .chest_logo_3 {
        width: 147px !important;
        margin: 30px auto;
    }

    .search_child {
        padding: 20px 0;
        flex-wrap: wrap;
    }

    /* .home_text_mobile {
        max-width: 300px;
        margin: auto;
    } */

    .py-70.min_h_90vh {
        padding: unset;
    }

    .min-h-90vh.min_h_90vh {
        min-height: 80vh;
    }

    .container.filter_container {
        padding: 10px 8px 51px 7px;
    }

    .Inner_Box_Detail.consultantContainer,
    .consultant_profilesm.consultant_profilesm2 {
        gap: unset !important;
    }

    .surgeon_name {
        margin-top: 3px !important;
    }

    .View_ProfileBtn.View_ProfileBtn2 a {
        padding: 9px !important;
        font-size: 13px;
    }

    .surgery_cotegories_border {
        border-right: unset !important;
    }

    .DocIcon_Img.DocIcon_Img2 {
        width: 150px !important;
        height: 150px !important;
        border-radius: 50% !important;
        overflow: hidden !important;
    }

    .DocIcon_Img.DocIcon_Img2 img,
    .revolution-cont p {
        width: 100% !important;
    }

    .pateient_services.pateient_services2 {
        width: 100%;
        align-items: center;
    }

    .Filter_consultants form .Filter_consultantsFields li.SearchPopup {
        padding: 8px 15px;
    }

    .about_med,
    .choose_ussectio {
        padding: 30px 0;
        text-align: center;
    }

    .CSContactHelp,
    .syc_c_btn {
        margin: 10px 0;
    }

    .Inner_Box_Detail_new,
    .about_us_detail.about_us_detail2,
    .book_consult,
    .cal_con_name,
    .cal_cont_name_mobile_view,
    .leftside_cont_inner,
    .modaldoc_name,
    .revolution-cont,
    .welcome-head.welcome-head2 {
        text-align: center;
    }

    .consultation.consultationlast_sect2,
    .welcome_section.welcome_section2 {
        padding-bottom: unset !important;
    }

    .cards_bottom_style {
        padding-bottom: 10px !important;
    }

    .last_section.last_section2 {
        padding: 30px 0 0;
        text-align: center;
    }

    .book_cos_now_fin_surgen_desktop,
    .chest_logo_1_con,
    .doctor1_img,
    .hero-img2.hero_img2,
    .justify_cont.justify_cont2,
    .rightside_cont.rightside_cont2,
    .sect_col {
        display: none;
    }

    .aboutusvideo,
    .hero_img3,
    .home_bg2,
    .justify_cont3,
    .mobdate_new_mobile_view,
    .mobile_profile_pricing,
    .sect_col2 {
        display: block;
    }
    .section_firstCare {
        margin-top: 60px;
    }

    .sect_col2 {
        max-width: 400px;
        margin: 50px auto;
    }

    .last_section .aftercare .see_morebtn button {
        margin-top: 20px !important;
    }

    .hero_img3 {
        object-fit: cover;
    }

    .DocIcon_Img img,
    .c_image {
        object-fit: cover !important;
    }

    .custom_chat_col_left,
    .custom_chat_col_right,
    .review-parent.review-parent2 {
        height: unset !important;
    }

    .last_section .location {
        margin: 30px 0 0;
    }

    .why_chooseus {
        padding: 60px 0;
    }

    .med-cards {
        background: #e4eff7;
        padding: 30px 0;
    }

    .sidepaneldata {
        background-color: #fff !important;
    }

    .referal-btn.referal_btn {
        margin-top: 25px;
    }

    .doc_img_container {
        margin: 50px auto 30px;
        max-width: 350px;
    }

    .about_med .discover-revolhead,
    .about_med .discover-revolhead-cont,
    .about_med .revolution-cont {
        margin: unset;
    }

    .revolution_bg {
        margin: unset !important;
    }

    .welc_helth {
        padding: 20px 0 4px;
    }

    .health_clinicimg2 {
        height: 325px;
    }

    .aboutusvideo {
        max-height: 600px;
    }

    .aboutusvideo video {
        width: 100%;
        height: auto;
    }

    .Header_Wrap.aboutuswrapper,
    .desktop_profile_pricing {
        display: none !important;
    }

    .patient-about {
        height: unset;
    }

    .google_mobile_view {
        margin-top: 30px;
    }

    .p_c_doctor_detail {
        padding: 10px 15px;
    }

    .date_mobile_view_new,
    .patient_apoinment_modal_header {
        flex-direction: column;
    }

    .content-into.content_into {
        margin: unset !important;
        padding: 0 20px;
    }

    .MobDates_Setting.MobDates_Setting2,
    .mobdate_new {
        padding-top: unset !important;
    }

    .modal_time_row {
        margin-bottom: 20px !important;
    }

    .otp_main_container {
        max-width: 75%;
        margin: auto;
    }

    .find_surgeon_images {
        height: 120px;
        width: 120px;
    }

    .Clinical_Add.Clinical_Add_new {
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 6px;
    }

    .Clinical_Add.Clinical_Add_new p {
        display: flex !important;
        justify-content: center;
    }

    .MobDates_Setting.MobDates_Setting_new {
        padding-top: 10px !important;
        display: flex;
        flex-direction: column;
    }

    .date_mobile_view_width .AllDates_Link_new,
    .drop_li,
    .find_spec_call_btn,
    .fs_li,
    .viewProfileBtn_new label {
        width: 100%;
    }

    .viewProfileBtn_new {
        width: 99%;
        margin-bottom: 7px;
    }

    .Mob_Pos_1.Mob_Pos_2 {
        padding: 10px 0 0;
    }

    .find_surgeon_images {
        margin: auto;
    }

    .Dates_RadioBtn_new {
        margin-top: unset !important;
    }

    .mobdate_new {
        flex-direction: column;
        display: flex;
    }

    .date_mobile_view_width {
        width: 66%;
        margin: 5px auto;
    }

    .surgen_table {
        flex: 1;
        text-align: center;
    }

    .carousel_mobile_view {
        max-width: 414px;
        margin: auto;
    }

    .ConslCltprofile_Box_Detail2,
    .flex-directt.flex-directt2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .privacy_section {
        padding-bottom: 20px;
    }

    .privacy_section .head {
        padding: 20px 0 0;
    }

    .privacy_section .header-content {
        margin: 20px 0 0;
    }

    .cal_upper,
    .cal_upper_content2 {
        display: flex;
        flex-direction: column;
    }

    .ConslCltprofile_Box_Detail .Cltprofile-content .calendar-content-inner,
    .ConsultantCalendar_Wrap .calendar-content {
        width: 100%;
        float: unset !important;
    }

    .pac-container.pac-logo {
        width: 214px !important;
    }

    .chat-day2 {
        left: 127px;
    }

    .stripe_inputs {
        margin-bottom: 0 !important;
    }

    .Detai_Txt .Const_Fee {
        margin: 16px auto;
    }

    .c_image {
        border-radius: 50%;
        width: 65px !important;
        height: 65px !important;
    }

    .book_cos_now_fin_surgen_mobile {
        display: block;
        margin: 30px 0;
    }

    .doc_chatbutton {
        padding: 13px 15px 0;
    }

    .search_chat_search {
        padding: 15px;
    }

    .chat-outer {
        bottom: 12px;
    }

    #input-container #filePreviewContainer {
        width: 150px !important;
        height: 150px;
    }

    #input-container #filePreviewContainer img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .trust_txt_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom_dropdown_menu {
        border-radius: unset;
        width: 200px !important;
    }

    .sub-dropdown-content {
        position: absolute;
        top: 0;
        left: 196px !important;
        max-height: 293px !important;
    }

    .call_btn_con,
    .custom_dropdown_menu li,
    .find_s_buttons_inner button {
        font-size: 14px;
    }

    .logos_row {
        display: block !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: 30px 0 !important;
    }

    .logo1_con {
        margin: 10px auto;
    }
    .welcome-head {
        margin-top: 54px;
    }

    .guest_con {
        /* max-width: 235px; */
        margin: auto;
    }

    .footer-legal-menu {
        display: block;
        padding-left: 12px;
    }

    /* .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */

    .footer_menu {
        margin-left: 0px;
    }

    .trust_txt h5 {
        font-size: 16px;
        font-weight: 100;
    }

    .chest_logo_1_con {
        flex-wrap: wrap;
    }

    .find_surgen_custom_dropdown_menu2 {
        width: 40%;
        left: 99.6% !important;
    }

    .find_surgencustom_dropdown_menu_con {
        width: 40%;
    }

    .AllDates_Link_new_con {
        width: 100%;
        margin-bottom: 7px;
    }

    .date_mobile_view_new .AllDates_Link_new_con_inner {
        width: 100%;
        text-align: center;
    }

    .find_spec_call_btn_inner {
        justify-content: center;
    }

    .howWe_section .section_list {
        flex-direction: column;
        height: auto;
        margin-top: 20px;
    }

    .search_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .compare_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .book_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .new_section_list{
        box-shadow: 0px 0px 13px 0px #0000001a;
        border-radius: 12px;
        background-color:rgb(255, 255, 255);
        padding: 30px;
    }
    .search_content , .book_content , .compare_content{
        background-color: unset;
        box-shadow: unset;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .amount_input,
    .date_mobile_view_new,
    .dg-grid.dg_grid,
    .patient_apoinment_modal_header {
        flex-direction: column;
    }

    .howWe_section .section_list {
        flex-direction: column;
        height: auto;
        margin-top: 20px;
    }

    .search_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .compare_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .book_content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .book_con_now {
        font-size: 32px;
    }

    .support {
        border-right: none;
    }

    .footer-legal-menu {
        display: block;
        padding-left: 12px;
    }

    /* .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */

    .footer_menu {
        margin-left: 0px;
    }

    /* .last_section .user-data {
        max-width: 50%;
        margin: 60px auto 80px auto;
    } */

    .welc_helth p {
        font-size: 30px;
        /* line-height: 22px; */
        line-height: 38px;
        margin-bottom: -4px;
    }

    .whychoose_us h5 {
        font-size: 16px;
    }

    .welc_helthcont p {
        font-size: 14px;
    }

    .last_section .aftercare .head {
        font-size: 30px;
    }

    .list_cont {
        font-size: 13px;
    }

    .whychoose_us p {
        font-size: 32px;
    }

    .whychoose_uscont p {
        font-size: 14px;
    }

    .last_section .consultant_head p {
        font-size: 31px;
        line-height: 39px !important;
        margin-top: 60px;
    }

    .last_section .News-letter p {
        margin-top: 60px;
    }

    .last_section .Reviews-cont p {
        font-size: 14px;
    }

    .last_section .nearest {
        font-size: 32px;
        line-height: 35px;
    }

    .last_section .nearest-cont p {
        font-size: 14px;
    }

    .last_section .aftercare .cont {
        font-size: 14px;
    }

    .last_section .Reviews p {
        font-size: 30px;
    }

    .chest_logo_1 {
        margin: 30px auto;
    }

    .chest_logo_3 {
        width: 147px !important;
        margin: 30px auto;
    }

    .Header_Wrap.doctor,
    .Header_Wrap.patient {
        /* background-image: unset !important */
    }

    .AllDates_Link_new,
    .Mob_Pos_1.Mob_Pos_2,
    .mobdate_new {
        position: unset !important;
    }

    .dg-grid.dg_grid {
        display: flex;
        margin: 20px 0 50px !important;
    }

    .Header_Wrap.patient {
        /* background-position: 31% 30% */
    }

    /* .mobile_header_bg,
    .search_parent {
        background-color: #0ea59f
    } */

    .section_firstCare {
        margin-top: 60px;
    }
    .search_parent {
        display: none !important;
    }

    .search-bar-container {
        display: flex;
    }

    .map_image img {
        padding-left: 0px !important;
        width: 100%;
    }

    .map_image {
        padding-left: 0px !important;
    }

    /* .doctor-image {
        display: none;
    } */
    .doctor-image {
        display: block;
    }
    .welcome-head p {
        font-size: 14px !important;
    }

    .welcome-head h1 {
        font-size: 32px;
    }

    .welcome-head {
        margin-top: 60px;
    }

    .search_child {
        padding: 8px 0;
        flex-wrap: wrap;
    }

    .home_text_mobile {
        max-width: 300px;
        margin: auto;
        /* font-weight: 900; */
        /* font-family: Inter-Bold */
    }

    .py-70.min_h_90vh {
        padding: unset;
    }

    .min-h-90vh.min_h_90vh {
        min-height: 80vh;
    }

    .container.filter_container {
        padding: 10px 8px 51px 7px;
    }

    .DocIcon_Img {
        height: 85px;
        width: 85px;
    }

    .Inner_Box_Detail.consultantContainer {
        gap: unset !important;
    }

    .surgeon_name {
        margin-top: 3px !important;
    }

    .View_ProfileBtn.View_ProfileBtn2 {
        display: unset !important;
        max-width: 90% !important;
        margin: auto !important;
        top: 8px !important;
    }

    .View_ProfileBtn.View_ProfileBtn2 a {
        padding: 9px !important;
        font-size: 13px;
    }

    .surgery_cotegories_border {
        border-right: unset !important;
    }

    .DocIcon_Img.DocIcon_Img2 {
        width: 150px !important;
        height: 150px !important;
        margin: 10px auto;
        border-radius: 50% !important;
        overflow: hidden !important;
    }

    .DocIcon_Img.DocIcon_Img2 img,
    .book_conslt_btn,
    .book_conslt_btn a button,
    .book_conslt_btn1,
    .book_conslt_btn1 a button,
    .revolution-cont p {
        width: 100% !important;
    }

    .consultant_profilesm.consultant_profilesm2 {
        gap: unset !important;
        flex-direction: column !important;
    }

    .Dates_RadioBtn_new,
    .conslProfile-price {
        margin-top: unset !important;
    }

    .pateient_services.pateient_services2 {
        width: 100%;
        align-items: center;
    }

    .Filter_consultants form .Filter_consultantsFields li.SearchPopup {
        padding: 8px 15px;
    }

    .choose_ussectio {
        padding: 60px 0px 0px;
        margin-top: 0px;
    }
    .about_med {
        padding: 30px 0;
        text-align: center;
    }

    .CSContactHelp,
    .syc_c_btn {
        margin: 10px 0;
    }

    .Inner_Box_Detail_new,
    .about_us_detail.about_us_detail2,
    .book_consult,
    .cal_con_name,
    .cal_cont_name_mobile_view,
    .leftside_cont_inner,
    .modaldoc_name,
    .welcome-head.welcome-head2 {
        text-align: center;
    }

    .consultation.consultationlast_sect2,
    .welcome_section.welcome_section2 {
        padding-bottom: unset !important;
    }

    .cards_bottom_style {
        padding-bottom: 10px !important;
    }

    .last_section.last_section2 {
        /* padding: 30px 0 0; */
        margin: 60px 0 0;
        text-align: center;
    }

    .book_cos_now_fin_surgen_desktop,
    .doctor1_img,
    .hero-img2.hero_img2,
    .justify_cont.justify_cont2,
    .rightside_cont.rightside_cont2,
    .sect_col {
        display: none;
    }

    .aboutusvideo,
    .hero_img3,
    .home_bg2,
    .justify_cont3,
    .mobdate_new_mobile_view,
    .mobile_profile_pricing,
    .sect_col2 {
        display: block;
    }

    .sect_col2 {
        max-width: 400px;
        margin: 50px auto;
    }

    .last_section .aftercare .see_morebtn button {
        margin-top: 20px !important;
    }

    .hero_img3 {
        object-fit: cover;
    }

    .DocIcon_Img img,
    .c_image {
        object-fit: cover !important;
    }

    .custom_chat_col_left,
    .custom_chat_col_right,
    .review-parent.review-parent2 {
        height: unset !important;
    }

    .last_section .location {
        margin: 60px 0 0;
    }

    .why_chooseus {
        padding: 60px 0 100px;
    }

    .leftside_cont {
        text-align: center;
        margin-top: 30px;
    }

    .med-cards {
        background: #e4eff7;
        padding: 30px 0;
    }

    .sidepaneldata {
        background-color: #fff !important;
    }

    .referal-btn.referal_btn {
        margin-top: 25px;
    }

    .doc_img_container {
        margin: 50px auto 30px;
        max-width: 350px;
    }

    .about_med .discover-revolhead,
    .about_med .discover-revolhead-cont,
    .about_med .revolution-cont {
        margin: unset;
    }

    .content-into.content_into,
    .revolution_bg {
        margin: unset !important;
    }

    /* .welc_helth {
        padding: 20px 0 4px
    } */

    .health_clinicimg2 {
        height: 325px;
    }

    .aboutusvideo {
        max-height: 600px;
    }

    .aboutusvideo video {
        width: 100%;
        height: auto;
    }

    .Header_Wrap.aboutuswrapper,
    .desktop_profile_pricing {
        display: none !important;
    }

    .patient-about {
        height: unset;
    }

    .google_mobile_view {
        margin-top: 30px;
    }

    .p_c_doctor_detail {
        padding: 10px 15px;
    }

    .p_modal_c_btn {
        background: red;
        padding: 7px 14px !important;
        width: 100%;
        margin-left: unset !important;
    }

    .p_modal_cancel_btn {
        background: #2861f4;
        padding: 7px 14px !important;
    }

    .MobDates_Setting.MobDates_Setting2,
    .mobdate_new {
        padding-top: unset !important;
    }

    .MobDates_Setting.MobDates_Setting2 div,
    .date_mobile_view_width,
    .date_mobile_view_width .AllDates_Link_new,
    .drop_li,
    .find_spec_call_btn,
    .fs_li,
    .viewProfileBtn_new label {
        width: 100%;
    }

    .MobDates_Setting.MobDates_Setting2 div label,
    .date_mobile_view_new .AllDates_Link_new_con_inner {
        width: 100%;
        text-align: center;
    }

    .patients_modal_btns {
        margin-left: unset !important;
        flex-direction: column;
        gap: 10px;
    }

    .modal_time_row {
        margin-bottom: 20px !important;
    }

    .form-check-inline.form_check_inline {
        margin-bottom: 7px;
    }

    .otp_main_container {
        max-width: 90%;
        margin: auto;
    }

    .otp_field {
        height: 50px !important;
    }

    .find_surgeon_images {
        height: 120px;
        width: 120px;
    }

    .Clinical_Add.Clinical_Add_new {
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-top: 6px;
    }

    .Clinical_Add.Clinical_Add_new p {
        display: flex !important;
        justify-content: center;
    }

    .MobDates_Setting.MobDates_Setting_new {
        padding-top: 10px !important;
        display: flex;
        flex-direction: column;
    }

    .viewProfileBtn_new {
        width: 99%;
        margin-bottom: 7px;
    }

    .Mob_Pos_1.Mob_Pos_2 {
        padding: 10px 0 0;
    }

    .Const_Fee,
    .find_surgeon_images {
        margin: auto;
    }

    .mobdate_new {
        flex-direction: column;
        display: flex;
    }

    .surgery_m_btns {
        float: unset !important;
        margin-left: unset !important;
        justify-content: unset !important;
        display: unset !important;
    }

    .surgery_m_btns form button {
        margin: unset !important;
        width: 100% !important;
    }

    .surgery_m_btns form {
        margin: 5px 0;
    }

    .modal-footer.modal_footer {
        padding: unset !important;
    }

    .cal-cont-img.cal_cont_img2 img {
        height: 100% !important;
    }

    .surgen_table {
        flex: 1;
        text-align: center;
    }

    .carousel_mobile_view {
        max-width: 300px;
        margin: auto;
    }

    .ConslCltprofile_Box_Detail2,
    .flex-directt.flex-directt2 {
        display: flex;
        flex-direction: column-reverse;
    }

    .privacy_section {
        padding-bottom: 20px;
    }

    .privacy_section .head {
        padding: 20px 0 0;
    }

    .privacy_section .header-content {
        margin: 20px 0 0;
    }

    .cal_upper,
    .cal_upper_content2,
    .find_s_buttons_inner {
        display: flex;
        flex-direction: column;
    }

    .ConslCltprofile_Box_Detail .Cltprofile-content .calendar-content-inner,
    .ConsultantCalendar_Wrap .calendar-content {
        width: 100%;
        float: unset !important;
    }

    .pac-container.pac-logo {
        width: 214px !important;
        position: absolute !important;
        left: 78px !important;
        top: 1259px;
    }

    .chat-day2 {
        left: 92px;
    }

    .stripe_inputs {
        margin-bottom: 0 !important;
    }

    .doc_profile_img_container {
        margin-bottom: 10px !important;
        margin: auto;
    }

    .c_image {
        border-radius: 50%;
        width: 65px !important;
        height: 65px !important;
    }

    .book_cos_now_fin_surgen_mobile {
        display: block;
        margin: 30px 0;
    }

    .doc_chatbutton {
        padding: 13px 15px 0;
    }

    .search_chat_search {
        padding: 15px;
    }

    .chat-outer {
        bottom: 12px;
    }

    #input-container #filePreviewContainer {
        width: 150px !important;
        height: 150px;
    }

    #input-container #filePreviewContainer img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .trust_txt_container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sub-dropdown-content {
        position: absolute;
        top: 0;
        left: 158px !important;
        max-height: 310px !important;
    }

    .custom_dropdown_menu li {
        font-size: 14px;
        padding: 10px 11px !important;
    }

    /* .dropdown-menu.custom_dropdown_menu {
        left: -50px !important
    } */

    .custom_dropdown_menu {
        width: 160px !important;
    }
    /* s changes */
    .dropdown-menu .sub-dropdown-contentsurgeon {
        left: 158px !important;
        width: 100%;
    }

    .custom_dropdown_menu.main-dropdownsurgeon {
        left: 0px !important;
    }

    /* s changes */
    .logos_row {
        display: block !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 30px 0;
        flex-direction: column;
    }

    .logo1_con {
        margin: 10px auto;
    }

    .welcome-head h1 {
        font-size: 32px;
    }

    .guest_con {
        /* max-width: 235px; */
        margin: auto;
    }

    .chest_logo_1_con {
        flex-wrap: wrap;
    }

    .trust_txt h5 {
        font-size: 16px;
        /* font-weight: 100 */
    }

    .find_surgen_custom_dropdown_menu2 {
        width: 40%;
        left: 99.6% !important;
    }

    .find_surgencustom_dropdown_menu_con {
        width: 40%;
        transform: unset !important;
        left: -20px !important;
        top: 33px !important;
    }

    .AllDates_Link_new_con {
        width: 100%;
        margin-bottom: 7px;
    }

    .find_spec_call_btn_inner {
        justify-content: center;
    }
    /* ahmad faraz */
    .new_section_list{
        box-shadow: 0px 0px 13px 0px #0000001a;
        border-radius: 12px;
        background-color:rgb(255, 255, 255);
        padding: 30px;
    }
    .search_content , .book_content , .compare_content{
        background-color: unset;
        box-shadow: unset;
    }
    /* ahmad faraz */
}

@media (min-width: 525px) and (max-width: 768px) {
    .chat-container,
    .message-type-parent {
        padding: 0 15px;
    }

    .Detai_Txt .Const_Fee {
        margin: 16px auto;
    }
}

@media only screen and (max-width: 1024px) {
    #contentColumn {
        display: none;
    }

    .chat-message-input .emojionearea-inline .emojionearea-editor {
        width: 100%;
        max-width: 86%;
    }
}

@media only screen and (max-width: 768px) {
    .chest_logo_1_con,
    .offer_btn button {
        display: none;
    }

    .offer-img {
        display: block;
    }

    .chat-container {
        padding: 0 12px;
        height: 68vh;
    }

    .new_dropdown {
        padding: 20px 17px 15px 12px;
    }

    .chat-outer {
        bottom: 100px;
    }

    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        right: 0 !important;
    }

    .chat-message-input .emojionearea-inline .emojionearea-editor {
        width: 78%;
    }
}

@media only screen and (max-width: 767px) {
    .col_container {
        height: calc(100vh - 75px) !important;
        max-height: 100vh !important;
        min-height: 50vh;
    }

    .close_chat_button {
        display: block;
    }

    .message-type-parent {
        width: 100%;
        padding: 0;
    }

    .message-type-parent .chat-message-input {
        border-radius: 0;
        box-shadow: none;
    }

    .default-chat-content,
    .dropdown-toggle:empty::after {
        display: none;
    }

    .new_dropdown {
        padding: 12px;
        margin-left: 0;
    }

    .chat-outer {
        bottom: 0;
    }

    .chat-container {
        height: calc(100% - 150px) !important;
    }
}

@media only screen and (max-width: 319px) {
    .col_container {
        height: calc(100vh - 118px) !important;
        max-height: 100vh !important;
        min-height: 50vh;
    }
}

@media only screen and (max-width: 525px) {
    .chat-container {
        padding: 0 12px;
    }

    .col4_container_inner {
        max-width: 100%;
    }

    .owl-carousel_container {
        max-width: 297px;
        margin: 45px auto auto;
        position: relative;
    }

    .surgen_table3 {
        margin: auto;
    }
}

@media only screen and (max-width: 375px) {
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        right: -50px !important;
    }
}

@media only screen and (max-width: 320px) {
    .chat-container {
        overflow-x: hidden;
    }

    .chat-message-input .emojionearea-inline .emojionearea-editor {
        width: 74%;
    }

    .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
        right: -110px !important;
    }
}