@media screen and (min-width:1600px) {
}

@media screen and (min-width:1600px) and (max-width:1700px) {
    .dr-dashboard-title-search h1 {
        font-size: 2rem;
    }

    .patient-card-icon {
        padding: 15px;
    }

        .patient-card-icon img {
            width: 60px;
        }

        .patient-card-icon::after {
            border-width: 3px;
        }

    .patient-card {
        padding: 20px;
    }

        .patient-card .card-body {
            padding-left: 15px;
        }

    .patient-card-text {
        font-size: 1.2rem
    }

    .patient-card .card-body .card-title {
        margin: 10px 0;
        font-size: 1.35rem
    }

    .pa-header h4 {
        font-size: 1.35rem
    }

    .calendar2 {
        width: 25px;
    }

    .left-right-btns {
        margin-right: 5px;
    }

        .left-right-btns a + a {
            margin-left: 5px;
        }

    .ds-name-photo h4 {
        font-size: 1.1rem;
        padding-left: 5px
    }

    .see-all-btns a, .patient-details li.header div, .patient-details li div {
        font-size: 1.1rem;
    }

    .patient-details li .pd-name h4 {
        font-size: 1.2rem;
    }

    .service-form-main .form-select, .service-form-main .form-control, .service-form-main .form-check-label {
        font-size: 1.1rem
    }

    .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
        font-size: 1.3rem
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    footer a, footer p {
        font-size: 0.9rem;
    }

    .hear-card-title {
        padding-top: 4rem;
        padding-bottom: 2.5rem;
    }

    .btns {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .dr-dashboard-title-search h1 {
        font-size: 2rem;
    }

    .patient-card-icon {
        padding: 15px;
    }

        .patient-card-icon img {
            width: 60px;
        }

        .patient-card-icon::after {
            border-width: 3px;
        }

    .patient-card {
        padding: 20px;
    }

        .patient-card .card-body {
            padding-left: 15px;
        }

    .patient-card-text {
        font-size: 1.2rem
    }

    .patient-card .card-body .card-title {
        margin: 10px 0;
        font-size: 2.5rem
    }

    .pa-header h4 {
        font-size: 1.1rem;
    }

    .calendar2 {
        width: 25px;
    }

    .left-right-btns {
        margin-right: 5px;
    }

        .left-right-btns a + a {
            margin-left: 5px;
        }

    .ds-name-photo h4 {
        font-size: 1rem;
        padding-left: 5px
    }

    .see-all-btns a, .patient-details li.header div, .patient-details li div {
        font-size: 1rem;
    }

    .patient-details li .pd-name h4 {
        font-size: 1.2rem;
    }

    .service-form-main {
        flex-wrap: wrap;
    }

        .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
            flex: 0 0 33.33%;
            padding: 0 5px 10px 5px !important;
        }

        .service-form-main .form-check-label, .service-table-row .service-table-icon h5, .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
            font-size: 1.35rem;
        }

    .service-table-row .service-type {
        padding-right: 10px;
        flex: 0 0 27.036697%;
    }

    .service-table-row .service-table-icon {
        flex: 0 0 24.590214%;
        padding-right: 10px;
    }

        .service-table-row .service-table-icon .pd-photo-sub {
            width: 75px;
            height: 75px;
            margin-right: 10px;
        }

    .pd-full li .pd-photo-sub {
        width: 90px;
        height: 90px;
    }

    .pd-full li .lbl-mob {
        font-size: 1.2rem;
    }

    .pd-full li .pd-name p {
        font-size: 1rem;
    }
}

@media screen and (min-width:1300px) and (max-width:1439px) {
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    html, body {
        font-size: 92.5%;
    }

    .row {
        --bs-gutter-x: 2rem !important;
    }

    .banner-head {
        max-width: 700px;
    }

    .book-appt-text {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

    .well-guide-dtl-sub {
        width: 35rem;
    }

    .user-book-card h3, .user-book-card h3 span {
        font-size: 1.6rem
    }

    .dr-dashboard-col {
        width: 200px;
    }

    .dr-dashboard-right-col {
        width: calc(100% - 200px)
    }

    .dr-dashboard-img p {
        font-size: 1rem;
    }

    .dr-dashboard-title-search h1 {
        font-size: 2rem;
    }

    .dr-dashboard-header {
        padding-right: 50px;
    }

    .search-field .form-control {
        width: 250px;
        padding-left: 50px;
        height: 50px;
    }

    .dashboard-search-btn {
        left: 8px;
    }

    .patient-card {
        padding: 15px;
        border-radius: 13px
    }

        .patient-card .card-body {
            padding-left: 10px;
        }

    .patient-card-icon img {
        width: 35px;
    }

    .patient-card-icon::after {
        border-width: 3px;
    }

    .patient-card-icon {
        padding: 10px;
    }

    .patient-card-text {
        font-size: 1.2rem;
    }

    .patient-card .card-body .card-title {
        font-size: 2.25rem;
        margin: 10px 0;
    }

    .calendar2 {
        width: 20px;
    }

    .left-right-btns {
        margin-right: 5px;
    }

        .left-right-btns a + a {
            margin-left: 0;
        }

    .pa-header h4 {
        font-size: 1.25rem;
    }

    .ds-name-photo h4 {
        font-size: 1.1rem;
        padding-left: 5px
    }

    .see-all-btns a {
        font-size: 1.2rem;
    }

    .patient-details li.header div {
        font-size: 1rem;
    }

    .patient-details li div {
        font-size: 1.1rem;
    }

    .patient-details li .pd-photo-sub {
        width: 50px;
        height: 50px;
    }

    .patient-details li .pd-name h4 {
        font-size: 1.2rem;
    }

    .patient-review li .pr-star {
        flex: 1 1 60px
    }

    .patient-review li .pr-progress {
        flex: 1 1 calc(100% - 120px);
    }

    .patient-review li .pr-percentage {
        flex: 1 1 60px
    }

    .pd-full li .lbl-mob {
        font-size: 1.3rem
    }

    .pd-full li .pd-name p {
        font-size: 1.2rem;
    }
    /* .patient-appointments-row .row .col-lg-4:nth-child(1),.patient-appointments-row .row .col-lg-4:nth-child(2){width:50%;}
    .patient-appointments-row .row .col-lg-4:nth-child(3){width:100%;padding-top:25px;}
    .patient-book-row + .row .col-lg-4,.patient-book-row + .row .col-lg-8{width:100%;}
    .patient-book-row + .row .col-lg-8{padding-top:25px;} */
    .service-form-main {
        flex-wrap: wrap;
    }

        .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
            flex: 0 0 33.33%;
            padding: 0 5px 10px 5px !important;
        }

        .service-form-main .form-check-label, .service-table-row .service-table-icon h5, .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
            font-size: 1.35rem;
        }

    .service-table-row .service-type {
        padding-right: 10px;
        flex: 0 0 27.036697%;
    }

    .service-table-row .service-table-icon {
        flex: 0 0 24.590214%;
        padding-right: 10px;
    }

        .service-table-row .service-table-icon .pd-photo-sub {
            width: 75px;
            height: 75px;
            margin-right: 10px;
        }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    html, body {
        font-size: 80.5%;
    }

    body {
        font-size: 1.15rem;
    }

    body, p, label, li {
        font-size: 1.15rem;
    }

    .form-control {
        font-size: 1.15rem;
    }

    .shop-health-brand {
        width: 90px;
    }

    .smaller .navbar-expand-lg {
        padding-bottom: 0.5rem;
    }

    .navbar-expand-lg .navbar-nav .nav-link::after {
        top: 185%;
    }

    .navbar-expand-lg {
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    h1 {
        font-size: 2.8rem;
    }

    .banner {
        padding-top: 108px;
    }

    .hear-card-banner {
        padding-top: 91px;
    }

    .banner-head {
        max-width: 541px;
    }

    .banner h1 {
        font-size: 3.4rem
    }

    .healthcare-card p {
        font-size: 1.2rem;
    }

    .search-area .row .col .form-control {
        height: 70px;
    }

    .search-bar {
        padding: 2rem 0;
    }

    .healthcare-service {
        padding-top: 8.5rem;
        padding-bottom: 4rem;
    }

    .row {
        --bs-gutter-x: 1.5rem !important;
    }

    .healthcare-card h3 {
        font-size: 1.35rem;
        min-height: 45px;
    }

    .healthcare-icon {
        width: 5rem;
    }

    h2 {
        font-size: 2.28rem;
    }

    .appointment {
        padding-top: 4.5rem
    }

        .appointment h1, .why-shophealth h1 {
            font-size: 2.25rem;
        }

    .plus2 {
        left: 0;
    }

    .appointment-row {
        margin-top: 1rem
    }

    .appointment-card {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
    }

    .shape1 {
        height: 25px;
        padding-right: 5rem;
        margin-top: 1.5rem;
    }

        .shape1 img {
            width: 20.875rem;
        }

    .why-shophealth {
        padding-top: 11.45rem;
        padding-bottom: 8rem;
    }

    .whc-col {
        padding-left: 0.5rem;
    }

    .whc-card {
        max-width: 325px;
    }

    .why-shophealth h1 {
        margin-bottom: 2.8rem
    }

    .tick-mark img {
        width: 3rem;
    }

    .list-names p {
        line-height: 1.7;
    }

    .whc-card-holder {
        max-width: 465px;
        margin: 0 auto;
    }

    .recruitment .container {
        max-width: 800px;
    }

    .recruitment-card {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .recruitment-holder {
        max-width: 88%;
        margin-left: auto;
    }

    .recruitment-card p {
        font-size: 1.3rem;
        line-height: 1.6
    }

    .pagination-row {
        margin: 3rem 0 5rem 0;
    }

    .signup-left-sub .shop-health-brand {
        width: 8.875rem;
    }

    .signup-left-sub {
        padding-top: 4.875rem
    }

    .signup-right-sub {
        margin-left: 4.875rem;
        padding-top: 4.875rem;
        padding-bottom: 4.875rem;
    }

    footer a, footer p {
        font-size: 1rem;
    }

    .user-acc-dtl h1, .user-acc-dtl h1 span {
        font-size: 2.25rem;
    }

    .dr-appt-dtl h3 {
        font-size: 1.7rem;
    }

    .reason-to-meet {
        font-size: 1.5rem;
    }

    .dr-appt-list li, .rectangle-link {
        font-size: 1.25rem;
    }

    .dr-appt-row .specialists-img h4 {
        font-size: 1.5rem;
    }

    .book-appt-icon {
        padding-left: 0;
    }

    .book-appt-text {
        padding-left: 1.8125rem;
        padding-right: 1.8125rem;
    }

        .book-appt-text h4 {
            font-size: 1.35rem;
        }

        .book-appt-text p {
            font-size: 1.12rem;
        }

    .checklist-box {
        padding: 1rem
    }

    .checklist-box-dtl h4 {
        font-size: 1.15rem;
    }

    .checklist-left-sub {
        padding-left: 1.35rem;
        padding-right: 1.35rem;
    }

    .checklist-right-col .checklist-left-card {
        padding-left: 1.35rem;
        padding-right: 1.35rem;
    }

    .insurance-plans h4 {
        font-size: 1.25rem;
    }

    .ip-list-dtl h5 {
        font-size: 1.15rem;
    }

    .insurance-plans-dtl p {
        font-size: 1rem;
    }

    .well-guide-dtl-sub {
        width: 45rem;
    }

    .user-book-card h3, .user-book-card h3 span {
        font-size: 1.85rem;
    }

    .user-schedule {
        font-size: 1.25rem;
    }

    .imp-note-appnt h4 {
        font-size: 1.7rem;
    }

    .imp-note-appnt p {
        font-size: 1.25rem;
    }

    .time-slot-body h5 {
        font-size: 1.75rem;
    }

    .well-guide-dtl-sub h4 {
        font-size: 1.512rem;
    }

    .well-guide-dtl-sub p {
        font-size: 1.25rem;
    }

    .rating-feedback span {
        font-size: 1.15rem;
    }

    .dr-dashboard-col {
        width: 200px;
    }

    .dr-dashboard-right-col {
        width: calc(100% - 200px)
    }

    .dr-dashboard-img p {
        font-size: 1rem;
    }

    .dr-dashboard-title-search h1 {
        font-size: 2rem;
    }

    .dr-dashboard-header {
        padding-right: 50px;
    }

    .search-field .form-control {
        width: 250px;
        padding-left: 50px;
        height: 50px;
    }

    .dashboard-search-btn {
        left: 8px;
    }

    .patient-card {
        padding: 15px;
        border-radius: 13px
    }

        .patient-card .card-body {
            padding-left: 10px;
        }

    .patient-card-icon img {
        width: 35px;
    }

    .patient-card-icon::after {
        border-width: 3px;
    }

    .patient-card-icon {
        padding: 10px;
    }

    .patient-card-text {
        font-size: 1.2rem;
    }

    .patient-card .card-body .card-title {
        font-size: 2.25rem;
        margin: 10px 0;
    }

    .patient-appointments-row .row .col-lg-4:nth-child(1), .patient-appointments-row .row .col-lg-4:nth-child(2) {
        width: 50%;
    }

    .patient-appointments-row .row .col-lg-4:nth-child(3) {
        width: 100%;
        padding-top: 25px;
    }

    .patient-book-row + .row .col-lg-4, .patient-book-row + .row .col-lg-8 {
        width: 100%;
    }

    .patient-book-row + .row .col-lg-8 {
        padding-top: 25px;
    }

    .service-form-main {
        flex-wrap: wrap;
    }

        .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
            flex: 0 0 33.33%;
            padding: 0 5px 10px 5px !important;
        }

        .service-form-main .form-select, .service-form-main .form-control, .service-form-main .form-check-label, .service-table-row .service-table-icon h5, .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
            font-size: 1.35rem;
        }

    .service-table-row .service-type {
        padding-right: 10px;
        flex: 0 0 27.036697%;
    }

    .service-table-row .service-table-icon {
        flex: 0 0 24.590214%;
        padding-right: 10px;
    }

        .service-table-row .service-table-icon .pd-photo-sub {
            width: 75px;
            height: 75px;
            margin-right: 10px;
        }

    .service-table-row {
        padding: 10px 0
    }

    .patient-details li .pd-photo {
        flex: 0 0 80px;
    }

    .pd-full li .pd-photo-sub {
        width: 70px;
        height: 70px;
    }

    .patient-details li .pd-name {
    }

    .patient-details li div {
        font-size: 1.2rem;
    }

    .patient-details li .pd-name h4 {
        font-size: 1.4rem;
    }

    .patient-details li .pd-name p {
        font-size: 1rem;
    }

    .pd-full li .lbl-mob {
        font-size: 1.2rem;
    }
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .navbar-expand-lg {
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    .banner {
        padding-top: 110px;
    }

    .search-area .row .col .form-control {
        height: 70px;
    }

    .search-area .bootstrap-select .dropdown-toggle .filter-option {
        padding-left: 3rem
    }

    .search-area .row .col:nth-child(2) .bootstrap-select > .dropdown-toggle {
        background: url(../../images/category-icon.svg) 0.7rem center no-repeat;
    }

    .search-area .row .col:nth-child(4) .form-control {
        padding-left: 3.5rem
    }

    .specialists-holder-sub {
        width: 9rem;
    }

    .specialists-dtl h3 {
        font-size: 1.325rem
    }

    .specialists-img {
        width: 85%;
    }

    .appmt-card h2 {
        font-size: 1.5rem
    }

    .appmt-card span {
        font-size: 0.75rem;
    }

    .appmt-card p {
        font-size: 0.8rem;
    }

    .appts-checks {
        font-size: 0.8rem;
    }

    .fee {
        font-size: 1.25rem
    }

    .signup-left-sub .shop-health-brand {
        width: 6.875rem;
    }

    .signup-left-sub {
        padding-top: 3rem;
    }

    .signup-right-sub {
        margin-left: 4rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    footer p, footer a {
        font-size: 0.87rem;
    }

    .hear-card-title {
        padding-top: 3.5rem;
        padding-bottom: 2.5rem;
    }

    .hear-card-sub {
        padding: 0 10px;
    }

    .hear-card-holder {
        height: 60px;
        margin-bottom: 15px;
    }

    .hear-card a {
        border-radius: 20px;
    }

    .hear-card-row .col {
        width: 25%;
        max-width: 25%;
        flex: 1 0 25%;
    }

    .hear-card-sub h5 {
        font-size: 1.2rem;
    }

    .hear-card-title h4 {
        font-size: 1.7rem;
    }

    .btn-width {
        width: 175px;
    }

    .btns {
        padding-top: 2.75rem;
        padding-bottom: 4rem;
    }

    .profile-links li a, .dr-dashboard-links li a {
        font-size: 1.1rem;
        padding: 1rem 0 1rem 0.7rem;
    }

        .profile-links li a img, .dr-dashboard-links li a img {
            margin-right: 5px;
        }

    .profile-right-col {
        padding-left: 15px;
    }

    .profile-row {
        margin-left: 0rem;
    }

        .profile-row .col-lg-8 {
            width: 60%;
        }

        .profile-row .col-lg-4 {
            width: 40%;
        }

    .profile-dtl h2 {
        font-size: 1.6rem
    }

    .dr-login-links li a, .dr-login-links li a div {
        font-size: 1.15rem
    }

    .patient-details li .pd-photo {
        flex: 0 0 70px;
    }

    .pd-full li .pd-photo-sub {
        width: 60px;
        height: 60px;
    }

    .patient-details li .pd-name {
    }

    .patient-details li div {
        font-size: 1rem;
    }

    .patient-details li .pd-name h4 {
        font-size: 1.25rem;
    }

    .patient-details li .pd-name p {
        font-size: 1rem;
    }

    .pd-full li .lbl-mob {
        font-size: 1rem;
    }


    .dr-dashboard-col {
        width: 200px;
    }

    .dr-dashboard-right-col {
        width: calc(100% - 200px)
    }

    .dr-dashboard-img p {
        font-size: 1rem;
    }

    .dr-dashboard-title-search h1 {
        font-size: 1.5rem;
    }

    .dr-dashboard-header {
        padding-right: 50px;
    }

    .search-field .form-control {
        width: 250px;
        padding-left: 50px;
        height: 50px;
    }

    .dashboard-search-btn {
        left: 8px;
    }

    .patient-card {
        padding: 15px;
        border-radius: 13px
    }

        .patient-card .card-body {
            padding-left: 10px;
        }

    .patient-card-icon img {
        width: 35px;
    }

    .patient-card-icon::after {
        border-width: 3px;
    }

    .patient-card-icon {
        padding: 10px;
    }

    .patient-card-text {
        font-size: 1rem
    }

    .patient-details li div {
        font-size: 1.1rem;
    }

    .patient-details li.header div {
        font-size: 1rem;
    }

    .patient-card .card-body .card-title {
        font-size: 1.75rem;
        margin: 10px 0;
    }

    .calendar2 {
        width: 25px;
    }

    .left-right-btns {
        margin-right: 5px;
    }

        .left-right-btns a + a {
            margin-left: 5px;
        }

    .pa-header h4 {
        font-size: 1.3rem;
    }

    .patient-appointments-row .row .col-lg-4:nth-child(1), .patient-appointments-row .row .col-lg-4:nth-child(2) {
        width: 50%;
    }

    .patient-appointments-row .row .col-lg-4:nth-child(3) {
        width: 100%;
        padding-top: 25px;
    }

    .patient-book-row + .row .col-lg-4, .patient-book-row + .row .col-lg-8 {
        width: 100%;
    }

    .patient-book-row + .row .col-lg-8 {
        padding-top: 25px;
    }

    .service-table-row {
        padding: 10px 0
    }

    .ta-table tr th, .ta-table tr td {
        padding: 7px;
        font-size: 1.15rem;
    }
}

@media screen and (min-width:300px) and (max-width:1279px) {
    /* .container {max-width: 100%;} */
    .swiper-button-prev {
        left: 0px;
    }

    .swiper-button-next {
        right: 0px;
    }

    .form-check-input[type=checkbox], .form-check-input[type=radio] {
        margin-top: 0.25em;
    }
    /* .radio-group .form-check .form-check-input{margin-top: 0.25em;} */
}

@media screen and (min-width:300px) and (max-width:991px) {
    html, body {
        font-size: 45.5%;
    }

    body, p, label, li, a, div {
        font-size: 2rem;
    }

    .h3, h3 {
        font-size: 2.35rem;
    }

    .btn {
        font-size: 2.15rem
    }

    .navbar-collapse.collapse:not(.show) {
        display: block;
    }

    header, .orng-bdr-tp {
        border-top-width: 2px;
    }

        header .navbar > .container {
            padding-left: 10px;
            padding-right: 10px
        }

            header .navbar > .container .navbar-toggler {
                margin-left: auto;
            }

        header .navbar > .container {
            justify-content: space-between;
        }

    .healthcare-card h3 {
        font-size: 2.5rem;
        min-height: 40px;
    }

    .healthcare-card p {
        font-size: 2rem;
    }

    .healthcare-card {
        padding-bottom: calc(1.5rem + 35px);
    }

    .read-more {
        height: 30px;
    }

        .read-more a {
            width: 30px;
            height: 30px;
        }

    .appointment-row .col-lg-4 .appointment-card::before {
        top: 47%;
        transform: translateY(-50%);
        right: calc(-15%/2)
    }

    .banner {
        padding-top: 63px;
    }

    .login-register {
        position: absolute;
        top: 12px;
        right: 65px;
    }

        .login-register > li .dropdown-menu > li a {
            font-size: 1.8rem;
        }

    .navbar-expand-lg {
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    .shop-health-brand, .signup-left-sub .shop-health-brand {
        width: 70px;
    }

    .navbar-toggler {
        background: none;
        border: none;
        position: relative;
        z-index: 99;
    }

        .navbar-toggler span {
            font-size: 3rem;
        }

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

    .fYxxhq {
        width: 1.3em;
    }

    .jDvZxr {
        display: inline-block;
        font-size: 18px;
        height: 1em;
        width: 1em;
    }

    .navbar-register {
        width: 1px;
        height: 45px;
        position: absolute;
        z-index: 88;
        right: 0;
        top: 0;
    }

        .navbar-register .navbar-collapse {
            width: 290px;
            position: fixed;
            right: -290px;
            top: 0vh;
            z-index: 9;
            height: 100vh;
            background: var(--white);
        }

            .navbar-register .navbar-collapse.collapsing {
                top: 0;
                right: 0px;
            }

            .navbar-register .navbar-collapse.show {
                top: 0 !important;
                right: 0px;
                box-shadow: 0 0 200px rgba(0,0,0,0.25);
            }

    .navbar-nav {
        margin-top: 50px;
    }

    .navbar-expand-lg .navbar-nav li {
        padding: 0rem 3rem;
    }

    .navbar-expand-lg .navbar-nav .nav-link::after {
        top: 100%;
        left: 0;
        transform: translateX(0px);
    }

    .navbar-expand-lg .navbar-nav li + li {
        border-left: 0px solid var(--black);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        display: block;
        padding: 2rem 0
    }

        .navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link span {
            font-size: 2.5rem;
        }

    .navbar-expand-lg .navbar-nav a {
        white-space: normal;
    }

    .navbar-expand-lg .navbar-nav li {
        transform: translateX(100px);
        transition: all 0.3s ease 0s;
        opacity: 0;
    }

    .navbar-register .navbar-collapse.collapsing .navbar-nav li, .navbar-register .navbar-collapse.show .navbar-nav li {
        transform: translateX(0px);
        opacity: 1;
    }

        .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(8), .navbar-register .navbar-collapse.show .navbar-nav li:nth-child(1) {
            transition-delay: 0.2s;
        }

        .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(7), .navbar-register .navbar-collapse.show .navbar-nav li:nth-child(2) {
            transition-delay: 0.25s;
        }

        .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(6), .navbar-register .navbar-collapse.show .navbar-nav li:nth-child(3) {
            transition-delay: 0.3s;
        }

        .navbar-register .navbar-collapse.collapsing .navbar-nav li:nth-child(5), .navbar-register .navbar-collapse.show .navbar-nav li:nth-child(4) {
            transition-delay: 0.35s;
        }

    .login-register li {
        padding: 0 1rem;
        line-height: 1;
    }

        .login-register li a {
            font-size: 2rem
        }

    .login-register > li.nav-item.dropdown .dropdown-toggle {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .navbar-expand-lg .navbar-nav .nav-link::after {
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav .nav-link::after {
        background: var(--gray2);
    }

    .navbar-expand-lg .navbar-nav .nav-link.active::after {
        background: var(--orange);
    }

    .search-area {
        padding: 10px;
    }

    .healthcare-service {
        background: url(../../images/plus-icon.svg) 100% 70px no-repeat;
        background-size: 8.6875rem auto;
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    .form-control {
        padding: 1rem;
        font-size: 2rem;
    }

    .search-area .row .col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 0 100%;
        display: block;
    }

        .search-area .row .col::after {
            width: 100%;
            height: 1px;
            transform: none;
            bottom: 0;
            top: auto;
            background: #ababab;
        }

        .search-area .row .col .form-control {
            font-size: 2rem;
            padding: 5px 5px 5px 50px;
            height: 50px;
        }

    .bootstrap-select > .dropdown-toggle:after {
        width: 1.5rem;
        height: 1.5rem;
    }

    .search-area .row .col:nth-child(2) .bootstrap-select > .dropdown-toggle {
        background: url(../../images/category-icon.svg) 13px center no-repeat;
        background-size: 29px auto;
    }

    .search-area .row .col:nth-child(3) .bootstrap-select > .dropdown-toggle, .search-area .row .col:nth-child(3) .form-control {
        background: url(../../images/search-interface-icon.svg) 14px center no-repeat;
        background-size: 20px auto;
    }

    .search-area .row .col:nth-child(4) .form-control {
        background: url(../../images/insurance-icon.svg) 14px center no-repeat;
        background-size: 28px auto;
        padding-left: 50px;
    }

    .search-area .bootstrap-select .dropdown-toggle .filter-option {
        padding: 5px 5px 5px 50px;
        height: 50px;
    }

    /* .search-area .row .col:nth-child(1) .form-control{background-size:25px auto;}
    .search-area .row .col:nth-child(2) .bootstrap-select>.dropdown-toggle{background-size:25px auto;}
    .search-area .row .col:nth-child(4) .form-control{padding-left:6rem}
    .search-area .row .col:nth-child(4) .form-control{background-size:25px auto;} */
    .h4, h4 {
        font-size: 2.25rem;
    }

    .bootstrap-select .filter-option-inner-inner {
        font-size: 2rem
    }

    .bootstrap-select .dropdown-menu li a span.text {
        font-size: 1.85rem;
    }

    .bootstrap-select .dropdown-menu li a {
        padding: 1rem 1rem;
    }

    .search-area .row .col:nth-child(4)::after, .search-area .row .col:nth-child(5)::after {
        display: block;
    }

    .search-area .row .col:nth-child(5) .btn {
        border-radius: 0.5rem;
        margin-top: 10px;
        padding: 5px;
    }

        .search-area .row .col:nth-child(5) .btn img {
            width: 20px;
            margin: 1rem 0;
        }

    .bootstrap-select .no-results {
        font-size: 2rem;
    }

    .copyrights h4 {
        font-size: 2rem;
    }

    .appointment-card h3 {
        font-size: 2.35rem;
    }

    .appointment-card p {
        font-size: 2rem;
    }

    footer h3 {
        font-size: 2.25rem;
        padding: 10px 0;
        position: relative;
        z-index: 1;
        border-top: 1px solid var(--gray6);
        cursor: pointer;
        cursor: pointer;
        margin: 0;
        line-height: 1.5;
    }

    footer p, footer a {
        font-size: 1.92rem;
    }

    footer .container .row .col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 0 100%;
        padding-bottom: 0rem;
        padding-top: 0rem;
    }

    .links {
        transition: all 0.2s ease-in;
    }

    .accordion-single-content {
        margin-top: 0rem;
    }

    .js-acc-single-trigger {
        display: block;
    }

        .js-acc-single-trigger::after {
            content: "";
            position: absolute;
            right: 25px;
            top: 50%;
            transition: all 0.2s ease-in-out;
            display: block;
            width: 8px;
            height: 8px;
            border-top: solid 2px #999;
            border-right: solid 2px #999;
            transform: translateY(-50%) rotate(135deg);
        }

    .accordion-single-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
    }

    .accordion-single-item.is-open .accordion-single-content {
        max-height: 500px;
    }

        .accordion-single-item.is-open .accordion-single-content .links {
            margin-bottom: 15px;
        }

    .accordion-single-item.is-open .accordion-single-title::after {
        transform: translateY(-50%) rotate(315deg);
    }

    .newsletter .form-control {
        font-size: 2rem;
        padding: 1rem 1rem;
    }

    .newsletter .btn {
        font-size: 2.2rem;
    }

    footer .links li + li {
        padding-top: 0.75rem;
    }

    .appts-tabs {
        overflow-y: auto;
        width: 100%;
    }

        .appts-tabs li a {
            font-size: 2rem;
        }

    .appts-sub-tabs li a, .appts-sub-tabs .swiper-slide a {
        font-size: 2rem;
    }

    .appts-sub-tabs .apptsSubTabsSwiper {
        position: relative;
        width: calc(100% - 70px);
        margin: 0 auto;
    }

    .swiper-button-prev, .swiper-button-next {
        margin-top: -15px;
    }

    .specialists-row h6 {
        font-size: 2rem;
    }

    .specialists-row h5 {
        font-size: 2rem;
    }

    .specialists-btns {
        padding-top: 0;
    }

    .specialists-dtl h3 {
        font-size: 2.5625rem;
    }

    .specialists-dtl .specialists-post {
        font-size: 1.7rem;
    }

    .rating-star-views, .dr-address {
        font-size: 1.5rem;
    }

        .dr-address img {
            width: 13px;
            margin-right: 5px
        }

    .fee {
        font-size: 2.4rem
    }

        .fee img {
            width: 15px;
            margin-right: 5px
        }

    .network img {
        width: 15px;
        margin-right: 5px;
    }

    .network a, .specialists-dtl p {
        font-size: 1.5rem;
    }

    .view-availability-btn {
        font-size: 1.75rem;
    }

    .specialists-row {
        margin-top: 20px;
    }

    .view-availability {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .modal-header .specialist-rating {
        margin-right: 5px;
    }

        .modal-header .specialist-rating img {
            width: 15px;
        }

    .large-header {
        padding: 2rem 2rem 1rem 2rem;
    }

    .time-slot-body {
        padding: 2rem 2rem 1rem 2rem;
    }

    .appmt-time-slot {
        font-size: 1.5rem;
        padding: 0.7rem 1rem
    }

    .modal-content h5 {
        font-size: 2rem;
    }

    .modal-header .btn-close {
        font-size: 2.5rem;
    }

    .appmt-card span {
        font-size: 1.6rem;
    }

    .appmt-card-sub {
        padding: 5px;
    }

    .appmt-card p {
        font-size: 1.25rem;
    }

    .date-checks {
        padding-bottom: 5px;
    }

    .appts-checks {
        font-size: 1.25rem;
        padding-bottom: 3px;
    }

    .pagination-row {
        margin: 3rem 0 5rem 0;
    }

        .pagination-row .page-link {
            font-size: 2.0rem;
        }

    .fontsize14 {
        font-size: 1.8rem;
    }

    .signup-right-sub h3 {
        font-size: 2.35rem;
    }

    .form-group {
        margin-bottom: 2rem;
    }

    .form-check-input {
        width: 23px;
        height: 23px;
    }

    .radio-type-checkbox .form-check label {
        margin-left: 40px;
    }

    .notifications-tab-content {
        padding-left: 10px
    }

    .save-cancel-btns {
        padding-left: 39px;
    }

    .banner iframe, .map-card {
        height: 200px;
    }

    .map-card {
        background: #FFF9F0;
    }

    .account-banner .container {
        padding-top: 3.6875rem;
        padding-bottom: 3.68755rem;
    }

    .user-acc-card h3 {
        font-size: 2.5rem
    }

    .user-acc-card p {
        font-size: 2.1875rem;
    }

    .fontsize24 {
        font-size: 2.5rem;
    }

    .search-section .col {
        flex: 1 0 100%;
        padding: 0;
    }

        .search-section .col + .col {
            border-top: 1px solid #ababab;
        }

        .search-section .col:last-child .btn {
            margin-top: 10px;
        }

        .dropdown-section .bootstrap-select > .dropdown-toggle, .search-section .col .form-control, .search-section .col .btn {
            height: 50px;
        }

    .dropdown-section .bootstrap-select > .dropdown-toggle {
        padding: 0.75rem 2rem 0.75rem 7rem;
    }

    .city-state-zipcode-input {
    }

    .search-section {
        padding: 10px;
        margin-top: 3rem;
    }

        .dropdown-section .bootstrap-select > .dropdown-toggle, .search-section .col .form-control {
            padding-left: 7rem;
        }

        .search-section .col .btn, .search-section .col .btn:hover, .search-section .col .btn:focus {
            border-radius: 0.5rem;
        }

            .search-section .col .btn img, .search-section .col .btn:hover img, .search-section .col .btn:focus img {
                width: auto;
                height: 70%;
            }

    .dr-appt-dtl h3 {
        font-size: 2.25rem;
        padding-right: 40px;
    }

    .dr-appt-row .dr-appt-holder {
        width: 10rem;
    }

    .dr-appt-row .specialists-img h4 {
        font-size: 2.25rem;
    }

    .edit-btn, .edit-btn:hover, .edit-btn:focus {
        padding: 0rem !important;
        width: 35px;
        height: 35px;
    }

        .edit-btn img, .edit-btn:hover img, .edit-btn:focus img {
            width: 23px;
            display: block;
            margin: auto;
        }

    .reason-to-meet {
        font-size: 2.25rem
    }

    .dr-appt-list li {
        font-size: 2rem
    }

    .dr-appt-list {
        margin-left: 23px;
    }

    .checklist-card h2 {
        font-size: 2.5rem;
    }

    .checklist-card p {
        font-size: 2rem;
    }

    .book-appt-icon div {
        width: 80px;
        height: 80px;
    }

    .book-aapt-row .col-12 {
        display: block;
    }

    .book-appt-icon {
        float: left;
        padding-left: 0
    }

    .book-appt-text {
        margin-left: 100px;
        padding-right: 0;
        padding-left: 0;
    }

    .book-aapt-row {
        margin-left: calc(-.5 * var(--bs-gutter-x));
        margin-right: calc(-.5 * var(--bs-gutter-x));
    }

    .book-appt-text h4 {
        font-size: 2.5rem;
    }

    .book-appt-text p {
        font-size: 1.8rem;
    }

    .book-appt-btn {
        padding-left: 100px;
        margin-top: 10px;
    }

    .care-team-img-name {
        padding-bottom: 5px;
    }

        .care-team-img-name .specialists-img {
            width: 80px;
        }

        .care-team-img-name .dr-appt-dtl {
            margin-left: 90px;
        }

            .care-team-img-name .dr-appt-dtl h4 {
                font-size: 2.35rem;
            }

            .care-team-img-name .dr-appt-dtl .reason-to-meet {
                font-size: 1.8rem;
            }

    .checklist-box-dtl h4 {
        font-size: 2rem;
    }

    .checklist-box-dtl p {
        font-size: 1.7rem
    }

    .insurance-plans h4 {
        font-size: 2.125rem;
    }

    .ip-list li {
        width: 100%;
        padding: 5px 0;
    }

    .ip-list-dtl {
        width: 100%;
    }

        .ip-list-dtl h5 {
            font-size: 1.8rem;
        }

    .insurance-plans-dtl p {
        font-size: 1.8rem;
    }

    .ip-list li .ip-list-icon img {
        width: 25px;
    }

    .ip-list li .ip-list-icon {
        margin-right: 10px;
    }

    .plus-btn span {
        font-size: 2.5rem;
    }

    .width120 {
        width: 80px;
    }

    .user-book-card h3, .user-book-card h3 span, .imp-note-appnt h4 {
        font-size: 3rem;
    }

    .user-schedule, .imp-note-appnt p {
        font-size: 2.25rem
    }

    .modal-content .well-guide h5 {
        font-size: 2.5rem;
    }

    .well-guide-dtl-sub h4 {
        font-size: 2.35rem;
    }

    .well-guide-dtl-sub p {
        font-size: 2rem;
    }

    .bkaptmt-row .dr-appt-dtl h3, .bkaptmt-row .dr-appt-dtl h3 span {
        font-size: 2.375rem;
    }

    .bkaptmt-row .dr-appt-dtl .bkaptmt-address {
        font-size: 1.75rem;
    }

    .bkaptmt-form h2 {
        font-size: 3rem;
    }

    .bkaptmt-form-text p {
        font-size: 2.0625rem;
    }

        .bkaptmt-form-text p br {
            display: none;
        }

    .rating-feedback span {
        font-size: 1.5rem;
    }

    .social-media-login ul li a img {
        width: 20px;
    }

    .social-media-login ul li a span {
        font-size: 1.5rem;
    }

    .social-media-login ul li a span {
        padding-left: 5px;
        text-align: left;
    }

    .profile-menu-link {
        font-size: 2.25rem;
    }

    .profile-links li a, .dr-dashboard-links li a {
        font-size: 2.15rem;
    }

        .profile-links li a img {
            width: 22px;
        }

    .profile-dtl h2 {
        font-size: 2.875rem;
    }

    .profile-section h3 {
        font-size: 2.35rem;
        margin-bottom: 1rem
    }

    .notifications-tab li a {
        font-size: 2.25rem
    }

    .notifications-checkbox-form .noti-radio-title {
        font-size: 2.0625rem;
    }

    .dr-login-links li a, .dr-login-links li a div {
        font-size: 2.15rem;
    }

    .dr-row .accordion-button {
        font-size: 2.35rem;
    }

    .dr-row h6 {
        font-size: 2rem;
    }

    .profile-section {
        padding: 10px;
    }

    .accordion {
        --bs-accordion-btn-icon-width: 2rem;
    }

    .radio-type-checkbox .form-check {
        margin-bottom: 2rem;
    }

    .table-row-striped tr th, .table-row-striped tr td {
        font-size: 1.75rem;
    }

    .table-row-striped tr .form-control {
        width: 100px;
        font-size: 1.75rem;
    }

    .anchor-icon {
        width: 25px;
    }

    .edit-holder a br {
        display: none;
    }

    .patient-card-icon {
        padding: 20px;
    }

        .patient-card-icon img {
            width: 50px;
        }

        .patient-card-icon::after {
            border-width: 3px;
        }

    .patient-card-text {
        font-size: 2.2rem;
    }

    .patient-card .card-body .card-title {
        margin: 15px 0;
    }

    .patient-book-row .patient-book-col {
        padding-top: 15px;
    }

    .pa-header h4 {
        font-size: 2.2rem;
    }

    .see-all-btns a {
        font-size: 2.2rem;
    }

    .left-right-btns a + a {
        margin-left: 5px;
    }

    .calendar2 {
        width: 20px;
    }

    .left-right-btns {
        margin-right: 5px;
    }

    .patient-appointments-row .pa-book-col, .patient-book-row + .row .col-lg-8.pa-book-col {
        padding-top: 15px;
    }

    .specialists-dtl p, .patient-review li .pr-percentage, .patient-review li .pr-star, .ds-name-photo h4, .ds-price, .specialists-dtl p {
        font-size: 2rem
    }

    .dr-dashboard-header {
        padding-right: 50px;
    }

    .dr-dashboard-title-search {
        display: block;
    }

    .patient-book-row {
        margin-top: 10px;
    }

    .dr-dashboard-title-search h1 {
        font-size: 3rem;
        padding: 10px 0 15px 0;
    }

    .search-message-notification {
        display: block !important;
        overflow: hidden;
    }

    .message-notification {
        float: left;
        margin-right: 0;
        margin-top: 5px;
    }

    .dashboard-search {
        float: right;
        width: calc(100% - 90px);
    }

    .message-notification a {
        margin-right: 0px;
    }

        .message-notification a:not(:last-child) {
            margin-right: 5px;
        }

        .message-notification a img {
            height: 25px;
        }

    .search-field .form-control {
        width: 100%;
        height: 40px;
        font-size: 2rem;
    }

    .dashboard-search-btn {
        left: 5px;
    }

    .patient-details li div {
        font-size: 2rem;
    }

    .patient-details li .pd-name h4 {
        font-size: 2.5rem;
    }

    .patient-details li .pd-name p {
        font-size: 1.7rem;
    }

    .patient-details li .lbl-mob {
        display: block;
        flex: 0 0 145px;
        font-size: 1.8rem;
    }

    .patient-details li {
        display: block;
        padding: 5px 10px;
    }

        .patient-details li.header {
            display: none;
        }

        .patient-details li .pd-photo,
        .patient-details li .pd-name,
        .patient-details li .pd-sp,
        .patient-details li .pd-price,
        .patient-details li .pd-date-appt,
        .patient-details li .pd-pl {
            display: flex;
            justify-content: start;
            align-items: center;
            margin: 10px 0;
        }

    .service-form-main {
        flex-wrap: wrap;
    }

        .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
            flex: 0 0 100%;
            padding: 0;
        }

        .service-form-main .service-form {
            padding: 5px 0 !important;
        }

        .service-form-main .form-select, .service-form-main .form-control {
            font-size: 2rem;
            padding: 1.5rem;
            width: 100%;
        }

        .service-form-main .form-check-label {
            font-size: 1.75rem;
        }

        .service-form-main .btn {
            padding: 5px 13px;
            font-size: 4rem;
        }

    .service-table-row {
        padding: 5px 0
    }

    .ta-table {
        margin-top: 25px;
    }

    .ta-table-wrapper {
        overflow-x: auto;
    }

    .ta-table tr th, .ta-table tr td {
        padding: 5px;
        font-size: 1.75rem;
    }

    .view-btn {
        padding: 5px
    }

        .view-btn img {
            height: 15px;
        }

    .status-btn {
        padding: 4px 10px 4px 10px;
    }

    .pd-full li .pd-photo-sub {
        width: 80px;
        height: 80px;
    }

    .dr-profile-form {
        padding: 10px
    }
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .book-aapt-row .col-12 {
        display: block;
    }

    .book-appt-icon {
        float: left;
    }

    .book-appt-text {
        margin-left: 90px;
        padding-right: 0
    }

    .book-appt-btn {
        padding-left: 110px;
        padding-top: 15px;
    }

        .book-appt-btn .btn {
            margin: auto;
        }

    .checklist-left-col {
        width: 65%;
    }

    .checklist-right-col {
        width: 35%;
    }

    .availability-table-main {
        padding-top: 50px;
    }

    .save-close-btns {
        margin-top: 40px;
    }

    .on-off-div .btn {
        padding-left: 0;
        padding-right: 0;
        width: 70px;
        font-size: 1rem
    }

    .availability-row .on-off-div .day-text, .availability-row .avlbl-time-from, .availability-row .avlbl-time-to, .availability-row .on-off-plus {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1rem
    }

        .availability-row .on-off-plus .btn {
            padding: 10px 15px
        }

    .service-form-main {
        flex-wrap: wrap;
    }

        .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
            flex: 0 0 33.33%;
            padding: 0 5px 10px 5px !important;
        }

        .service-form-main .form-select, .service-form-main .form-control, .service-form-main .form-check-label, .service-table-row .service-table-icon h5, .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
            font-size: 1.2rem;
        }

    .service-table-row .service-type {
        padding-right: 10px;
        flex: 0 0 27.036697%;
    }

    .service-table-row .service-table-icon .pd-photo-sub {
        width: 65px;
        height: 65px;
        margin-right: 10px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .appointment-row .col-lg-4 .appointment-card::before {
        font-size: 32rem;
        right: calc(-35%/2);
    }

    .well-guide-icon img {
        width: 6.25rem;
    }

    .well-guide-dtl-sub {
        width: 63rem;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .well-guide-btn .btn {
        width: 31rem;
    }

    .profile-nav-col {
        width: 33.3333%;
    }

    .profile-right-col {
        width: 66.66666667%
    }

    .profile-col {
        width: 100%;
    }

    .availability-table-main {
        padding-top: 50px;
    }

    .save-close-btns {
        margin-top: 30px;
    }

    .availability-row .on-off-div .day-text, .availability-row .avlbl-time-from, .availability-row .avlbl-time-to, .availability-row .on-off-plus {
        padding-left: 10px;
        padding-right: 10px;
    }

    .availability-row .on-off-div .day-text {
        font-size: 2rem
    }

    .availability-row .on-off-plus .btn {
        width: 100px;
        padding: 8px
    }

        .availability-row .on-off-plus .btn img {
            height: 20px;
        }

    .service-form-main .service-form:nth-child(1), .service-form-main .service-form:nth-child(2), .service-form-main .service-form:nth-child(3) {
        flex: 0 0 33.33%;
        padding: 0 5px !important;
    }

    .service-table-row .service-table-icon .pd-photo-sub {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }

    .service-form-main .form-check-label {
        font-size: 2.25rem;
    }

    .service-table-row .service-table-icon h5, .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
        font-size: 2.25rem;
    }

    .service-table-row .service-table-icon {
        flex: 0 0 30.590214%;
        padding-right: 5px
    }

    .service-table-row .service-type {
        flex: 0 0 28.036697%;
        padding-right: 5px
    }
}

@media screen and (min-width:250px) and (max-width:717px) {
    .profile-nav-col .profile-card {
        border: 1px solid var(--gray2);
        padding: 0 10px 0 10px;
        margin-top: 10px;
        height: auto;
        border-radius: 5px;
    }

    .profile-card {
        border-right: none
    }

    .profile-links li a::after, .profile-links li a::before {
        width: 100%;
    }

    .profile-links li:last-child a::after {
        display: none;
    }

    .profile-card .card-body {
        padding: 10px 0 10px 0;
    }

    .profile-card .collapse .card-body .profile-links li {
        padding: 0;
    }

    .profile-menu-link.collapsed {
    }

    .profile-menu-link:not(.collapsed) span {
        transform: translateY(-50%) rotate(90deg);
    }

        .profile-menu-link:not(.collapsed) span::before {
            transform: translateY(-50%) rotate(90deg);
        }

    .profile-row .col-lg-8, .profile-row .profile-col {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dr-dashboard-col::before {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .on-off-div .btn {
        font-size: 1.75rem;
        width: 45px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .availability-row .on-off-div .day-text, .availability-row .avlbl-time-from, .availability-row .avlbl-time-to, .availability-row .on-off-plus {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 1.75rem;
    }

    .availability-row .on-off-div {
        flex: 0 0 37.393754%
    }

    .availability-row .form-control {
        font-size: 1.75rem;
    }

    .availability-row .on-off-plus .btn {
        width: 45px;
        padding: 8px 0px;
    }

        .availability-row .on-off-plus .btn img {
            height: 15px;
        }

    .availability-table-main {
        padding-top: 25px;
    }

    .save-close-btns {
        margin-top: 20px;
    }


    .service-table-row .service-table-icon .pd-photo-sub {
        width: 45px;
        height: 45px;
        margin-right: 10px;
    }

    .service-table-row .service-table-icon h5,
    .service-table-row .service-type, .service-table-row .service-price, .service-table-row .service-visit {
        font-size: 1.75rem
    }

    .service-table-row .service-table-icon {
        flex: 0 0 31.590214%;
        padding-right: 5px;
    }

    .service-table-row .service-type {
        flex: 0 0 28.036697%;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .healthcare-row .col-lg-3, footer .container .row .col:nth-child(1), footer .container .row .col:nth-child(2), footer .container .row .col:nth-child(3), footer .container .row .col:nth-child(4) {
        width: 50%;
        max-width: 50%;
        flex: 1 0 50%;
    }

    footer .container .row .col:nth-child(3), footer .container .row .col:nth-child(4) {
        padding-top: 25px;
    }

    .well-guide-dtl-sub {
        width: 40rem;
    }

    .well-guide-btn .btn {
        width: 31rem;
    }

    .well-guide-btn .btn {
        font-size: 1.9rem
    }

    .profile-nav-col {
        width: 40%;
    }

    .profile-right-col {
        width: 60%;
    }

    .profile-col {
        width: 100%;
    }

    .width250 {
        width: 100px;
    }

    .save-cancel-btns .btn + .btn {
        margin-left: 10px
    }
}

@media screen and (min-width:576px) and (max-width:991px) {
    .banner-head {
        max-width: 85%;
        padding: 3rem 0 3rem 3rem;
    }

    .banner h1, .banner h1 span {
        font-size: 4rem;
    }

    .why-shophealth {
        padding-top: 6.7rem;
        padding-bottom: 6.7rem
    }

    .tick-mark img {
        width: 5rem;
    }

    .whc-card ul li h4 {
        font-size: 2rem;
    }

    .list-names p {
        font-size: 1.5rem;
        line-height: 1.7;
    }

    .recruitment-card p {
        font-size: 1.8rem;
        line-height: 1.8;
    }

        .recruitment-card p br {
            display: none;
        }

    .recruitment-card .btn {
        font-size: 2rem;
        padding: 1rem;
    }

    .signup-left-sub {
        padding-top: 4rem;
    }

    .signup-right-sub {
        margin-left: 4rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .hear-card-sub {
        padding: 0 5px;
    }

    .hear-card-holder {
        height: 40px;
        margin-bottom: 10px;
    }

    .hear-card a {
        border-radius: 20px;
    }

    .hear-card-row .col {
        width: 25%;
        max-width: 25%;
        flex: 1 0 25%;
    }

    .hear-card-sub h5 {
        font-size: 2rem;
    }

    .hear-card-title h4 {
        font-size: 2.5rem;
    }

    .btn-width {
        width: 125px;
    }

    .book-appt-btn .btn {
        font-size: 2rem;
    }

    .checklist-left-col {
        width: 65%;
    }

    .checklist-right-col {
        width: 35%;
    }

    .star-rating-main {
        padding: 1rem 1rem;
    }

    .rating-feedback span {
        font-size: 1.85rem;
    }

    .social-media-login ul li a span {
        font-size: 1.75rem;
    }

    .social-media-login ul li a {
        padding: 0.75rem 1rem
    }

    .dr-dashboard-right-col {
        padding-left: 20px;
    }

    .dr-profile-form .col-sm-6 {
        width: 100%;
    }
}

@media screen and (min-width:300px) and (max-width:575px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2.5rem;
    }
    /* .row>*{padding-right: calc(var(--bs-gutter-x) * .9);padding-left: calc(var(--bs-gutter-x) * .9);} */
    .banner-head {
        width: 95%;
        padding: 3rem 0 3rem 3rem;
    }

    .banner h1, .banner h1 span {
        font-size: 3.2rem;
    }
    /* .search-area .row .col{width:50%!important;max-width:50%!important;flex: 1 0 50%;}
    .search-area .row .col:nth-child(5) {
        width:100%!important;
        max-width:100%!important;flex: 1 0 100%;
    }
    .search-area .row .col .form-control{font-size:2rem;padding:0 1rem 0 4rem;height:50px;}
    .search-area .bootstrap-select .dropdown-toggle .filter-option{padding-left:6rem}
    .search-area .row .col:nth-child(1) .form-control{background-size:25px auto;}
    .search-area .row .col:nth-child(2) .bootstrap-select>.dropdown-toggle{background-size:25px auto;}
    .search-area .bootstrap-select>.dropdown-toggle{font-size:2rem}
    .search-area .row .col:nth-child(4) .form-control{padding-left:6rem}
    .search-area .row .col:nth-child(4) .form-control{background-size:25px auto;}
    .bootstrap-select .dropdown-menu li a span.text{font-size:1.85rem;}
    .bootstrap-select .dropdown-menu li a{padding:1rem 1rem;}
    .search-area .row .col:nth-child(5) .btn{border-radius:0 0 0.5rem 0.5rem}
    .search-area .row .col:nth-child(5) .btn img {width:20px;margin:1rem 0;}
    .search-area .row .col:nth-child(2)::after{display:none;} */

    .healthcare-service {
        padding-top: 5rem;
        padding-bottom: 3.8rem;
    }

    h1 {
        font-size: 4rem;
    }

    .healthcare-row .col-lg-3 {
        width: 50%;
        max-width: 50%;
    }

    .healthcare-icon {
        width: 40px;
    }

    .healthcare-holder, .healthcare-icon {
        height: 40px;
    }

    .appointment-holder {
        float: left;
        width: 55px;
    }

    .appointment-card h3, .appointment-card p {
        margin-left: 70px;
    }

    .appointment-card {
        padding: 3rem;
    }

    .shape1 {
        height: 15px;
    }

    .appointments-week-list-col .row .col-2 {
        width: 14.1%;
    }

    .whc-card {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tick-mark div img {
        width: 35px;
    }

    .whc-card ul li h4 {
        font-size: 2.4rem;
    }

    .list-names p {
        font-size: 1.95rem;
        line-height: normal
    }

    .whc-card ul li + li {
        margin-top: 2rem;
    }

    .why-shophealth {
        padding-top: 7rem;
        padding-bottom: 5rem;
    }

    .recruitment-card p {
        font-size: 2rem;
    }

    .recruitment-card h2 {
        font-size: 3rem;
        margin: 2rem 0 3rem 0;
    }

    .recruitment-card .btn {
        font-size: 2.5rem;
        width: 25rem;
        padding: 1rem 1rem;
    }

    .recruitment-holder {
        width: 250px;
        margin: 0 auto;
    }

    footer {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .btn {
        padding: 1rem 2rem;
    }

    .specialists-col, .appointments-week-list-col {
        width: 100%;
    }

    .appointments-week-list-col {
        padding-top: 10px;
    }

    .signup-left-col {
        height: 70px;
        width: 100%;
        background: url(../../images/sign-up-img-m.webp) left -30px no-repeat;
        background-size: 100% auto;
        padding: 0;
    }

    .signup-left-sub {
        padding-top: 10px
    }

    .shape3 {
        display: none;
    }

    .signup-right-sub {
        padding: 100px 0 50px 0;
        margin-left: 0
    }

    .hear-card-row .col {
        width: 33.3333%;
        max-width: 33.3333%;
        flex: 1 0 33.3333%;
    }

    .hear-card a {
        border-radius: 15px;
    }

    .hear-card-sub {
        padding: 0 5px;
    }

    .hear-card-holder {
        height: 40px;
        margin-bottom: 10px;
    }

    .hear-card h5 {
        font-size: 1.8rem;
        padding: 0 0px;
    }

    .btn-width {
        width: 125px;
    }

    .booking {
        margin-left: 2rem;
    }

        .booking h3 {
            font-size: 2rem;
        }

        .booking h5 {
            font-size: 1.7rem;
        }

    .hear-card-title h4 {
        font-size: 2.2rem;
    }

    .js-acc-single-trigger::after {
        right: 10px
    }

    .user-acc-col {
        width: 100%;
    }

    .user-acc-dtl-col {
        padding-left: calc(var(--bs-gutter-x) * .5);
        width: 100%;
    }

    .user-acc-holder {
        width: 100px;
    }

    .user-acc-dtl {
        padding-top: 2rem;
    }

    .dr-appt-left-col, .dr-appt-right-col {
        width: 100%;
    }

    .dr-appt-row .specialists-img {
        width: auto;
        text-align: left;
        float: left;
    }

    .checklist-left-col, .checklist-right-col {
        width: 100%;
    }

    .checklist-bullets {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .well-guide-row {
    }

        .well-guide-row li {
            display: block;
            overflow: hidden
        }

    .well-guide-icon {
        float: left;
        width: 40px;
    }

    .well-guide-dtl {
        margin-left: 55px;
    }

    .well-guide-icon img {
        width: 100%;
    }

    .well-guide-dtl-sub {
        padding: 0;
        width: 100%;
    }

    .well-guide-btn {
        padding-left: 55px;
        padding-top: 10px;
    }

        .well-guide-btn .btn {
            width: 100%;
        }

    .login-or span {
        font-size: 2rem;
    }

    .login-or::before {
        width: 70%;
    }

    .social-media-login ul {
        display: block;
    }

        .social-media-login ul li a {
            justify-content: center;
            padding: 8px;
        }

            .social-media-login ul li a span {
                font-size: 2rem;
                padding-left: 10px;
            }

        .social-media-login ul li {
            padding-top: 10px;
        }

            .social-media-login ul li + li {
                padding-left: 0;
            }

    .profile-right-col {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .width250 {
        width: 115px;
    }

    .save-cancel-btns .btn + .btn {
        margin-left: 10px
    }

    .healthcare_carousel {
        padding-left: 30px;
        padding-right: 30px;
    }

        .healthcare_carousel .healthcare-button-prev {
            left: -5px;
        }

        .healthcare_carousel .healthcare-button-next {
            right: -5px;
        }

    .profile-menu-link {
        display: flex;
        position: relative;
        z-index: 1;
        border: 0px solid var(--gray2);
        height: 40px;
        align-items: center;
        padding-left: 15px;
        background: var(--gray2);
        margin-left: -10px;
        margin-right: -10px;
        color: var(--black);
    }

        .profile-menu-link span {
            position: absolute;
            width: 20px;
            height: 20px;
            top: 50%;
            right: 10px;
            display: block;
            transform: translateY(-50%);
        }

            .profile-menu-link span::before, .profile-menu-link span::after {
                content: '';
                position: absolute;
                background: var(--black);
                width: 100%;
                height: 2px;
                top: 50%;
                left: 0%;
                transform: translateY(-50%);
            }

            .profile-menu-link span::before {
            }

            .profile-menu-link span::after {
                transform: translateY(-50%) rotate(90deg)
            }
}

@media screen and (orientation: portrait) and (min-width:768px) and (max-width:1023px) {
}

@media screen and (orientation: portrait) and (min-width:300px) and (max-width:991px) {
}

@media screen and (orientation: landscape) and (min-height:480px) and (max-height:800px) {
}

@media screen and (min-width:480px) and (max-width:575px) {
}

@media screen and (min-width:300px) and (max-width:359px) {
    .hear-card-holder {
        height: 30px;
        margin-bottom: 5px;
    }
}