@media (max-width:1023px) {
    .promotional-coupon {
        height: 160px;
    }

    .coupon-amount {
        bottom: 22px;
    }

    .navbar-toggler {
        position: absolute;
        right: 15px;
    }

    .navbar {
        padding: 20px 0px;
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-brand img, .our-vision img, .our-mission img {
        max-width: 100%;
    }

    .logo.homepage {
        height: 70px;
    }

    navbar-toggler {
        top: 25px;
    }

    header .d-flex.gap-3 {
        margin-left: auto;
        margin-right: 80px;
    }

    .navbar-brand {
        margin-top: -10px;
        margin-bottom: 20px;
    }

    .heading-mission {
        font-size: 30px;
        font-weight: bold;
    }

    .text-about, .our-vision, .our-mission {
        padding: 10px
    }

    .img-man {
        top: 187px;
        position: absolute;
        right: 0px;
        height: 40vh;
        display: none;
    }

    .btn-marijuana-card {
        top: auto;
        position: relative;
        width: 100%;
        margin: 15px 0px 0px;
        font-size: 16px;
    }

    .home {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        background: none;
    }

        .home .card-body {
            padding: 20px;
        }

        .home .card {
            height: auto;
            max-width: 844px;
            border-radius: 10px;
            top: 30px;
            left: 0px;
            width: 100%;
        }

    .card-body h4 {
        font-size: 34px;
        color: #ffffff;
    }

    .about-us {
        margin-top: 40px;
    }

    .footer {
        font-size: 18px;
        padding: 20px;
    }

    .stateValidationFeedback {
        position: relative;
        font-size: 16px;
        background: #fff;
        max-width: unset;
        padding: 5px 15px;
        border-radius: 10px;
        font-weight: 400;
        width: 100%;
    }

    .table-admin tbody td, .table-medical tbody td {
        font-size: 16px !important;
    }

    tr td {
        font-size: 16px;
    }
}

@media(max-width:767px) {
    .footer {
        padding: 10px;
    }

        .footer ul li {
            margin-right: 10px;
        }

    .homepage.logo {
        height: 55px;
        margin-top: 10px;
    }

    button.navbar-toggler {
        position: absolute;
        right: 10px;
    }

    .p-top-header {
        top: 80px !important;
    }

    .our-vision .pl-0 {
        padding-left: 20px !important;
    }

    .our-mission .pr-0 {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 937px) {
    .img-login, .img-doctor-login, .img-admin-login, .img-partner-login, .img-medical-assistant-login {
        display: none;
    }

    .signup-form {
        width: 100%;
    }
}

@media screen and (max-width: 379px) {
    .heading-signup {
        font-size: 25px;
    }
}

@media screen and (max-width: 375px) {
    .signup-logo {
        margin-left: 2px;
    }

    .img-certficate img {
        padding: 0px !important;
    }

    .completed-text {
        font-size: 13px !important;
    }

    .paypal-buttons {
        min-width: unset !important;
        max-width: 180px !important;
    }

    #certificate-section {
        margin-top: -6px !important;
    }

    .appointment-date-completed {
        top: -3px !important;
        margin-left: 23px !important;
    }

    #resubmittedModal .modal-content {
        top: 30px;
    }

    .card-patient {
        height: 235px !important;
    }

    #reschedule-section {
        margin-top: 30px !important;
    }

    body.collapsed .appointment-date {
        width: 112px;
    }

    .medical-history .form-check > label.form-check-label, .profile-information .form-check > label.form-check-label {
        font-size: 12px;
    }

    .mmj-card .form-check {
        margin: 31px 20px;
    }

    .mmj-card .body-dimensions .form-control {
        width: 28px !important;
    }

    .license-document-number {
        width: 203px !important;
    }

    .footer-text {
        font-size: 16px !important;
    }

    .main-content {
        width: -webkit-fill-available !important;
    }

    .modal-width {
        width: 333px !important;
    }

    .emailverify-modal {
        margin-top: 150px;
    }

    .wrapper-profile .license-image-container {
        max-width: 230px !important;
    }

    #medical-svg.btn-add-user {
        font-size: 14px;
    }

    #patientName-partner-management.search-bar-doctor, #patientNameInput.search-bar-doctor {
        background-position: 210px 17px !important;
    }

    .phone-element {
        display: block;
    }

    .p-top-header {
        top: 100px !important;
    }

    .contact-us {
        padding: 35px 15px !important;
    }

    .coupon-input {
        width: 140px !important;
    }

    .promotional-coupon {
        height: 140px;
    }

    .coupon-code {
        padding-top: 28px;
    }

    .coupon-amount {
        bottom: 17px;
        font-size: 30px;
        right: -43px;
        padding-top: 27px;
    }
}

@media screen and (max-width: 310px) {
    .heading-signup {
        font-size: 24px;
    }
}

@media screen and (max-width: 1540px) and (min-width:1200px) {
}

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

    body.collapsed .card-profile, body.collapsed .card-history, body.collapsed .card-documentation {
        padding: 40px !important;
    }

    .card-profile, .card-history, .card-documentation {
        padding: 10px;
    }

    .fc .fc-col-header-cell-cushion {
        font-size: 15px;
    }

    .fc .fc-daygrid-day-number {
        padding: 0px 0px !important;
        font-size: 14px !important;
    }

    .calendar {
        min-width: 240px;
    }

    .fc .fc-toolbar-title {
        font-size: 20px;
    }

    .fc .fc-button-primary, .fc .fc-button-primary:hover, .fc .fc-button:disabled {
        font-size: 14px;
    }

    .fc-scrollgrid-sync-table {
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    tr td:first-child {
        width: 26px;
    }

    .book-app-heading {
        font-size: 17px !important;
    }

    .state-name-app {
        font-size: 18px;
    }

    .state-label-app {
        font-size: 16px !important;
    }

    .suggested-slots-heading {
        font-size: 20px;
    }

    .custom-button {
        font-size: 14px;
    }

    .book-app-select {
        height: 45px !important;
        font-size: 14px;
    }
}

@media screen and (min-width: 1201px) {
    /*patient dashborad css*/
    .col-lg-5 {
        display: flex;
        align-items: center;
    }

    .text-black {
        font-size: 15px;
    }

    .doctor-name {
        font-size: 2rem;
    }
}

@media screen and (max-width: 1200px) {
    /*patient dashborad css*/
    .col-lg-5 {
        display: flex;
        align-items: center;
    }

    .col-md-4:has(.card-documentation),
    .col-md-4:has(.card-history),
    .col-md-4:has(.card-profile) {
        padding-right: unset;
    }

    .doctor-image {
        height: 150px;
        width: 150px;
    }

    .user-profile {
        margin-top: 30px;
        font-size: 14px;
    }

    .doctor-name {
        font-size: 2rem;
    }

    .verification-number {
        min-height: 230px;
    }
}

@media screen and (max-width: 1440px) {
    .search-bar-doctor {
        background-position: 245px 10px;
    }

    .btn-add-user {
        font-size: 17px;
    }
}

@media screen and (max-width: 1016px) {
    .verification-number {
        width: 100%;
    }
}

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

    .signup-success-notice {
        font-size: 20px;
    }

    .appointment-date-completed {
        margin-left: 28px;
    }

    .card-patient {
        height: 360px;
    }

    .rfm-reason-heading {
        width: 85px;
    }

    #divPayment, #divPaymentCompleted {
        min-width: 439px;
    }

    .btn-add-user {
        font-size: 15px;
    }

    .license-dialog {
        top: 41% !important;
    }

    #medical-svg.btn-add-user, #partner-svg.btn-add-user {
        font-size: 13px;
    }

    .img-man {
        display: none;
    }

    .profile-info-text {
        text-align: left !important;
    }

    .navbar-toggler {
        position: absolute;
        right: 0;
    }

    .nav-item {
        font-size: 22px;
        margin-left: 0;
    }

    .heading-contact {
        font-size: 30px;
    }

        .heading-contact::after {
            height: 5px;
            width: 200px;
        }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .contact-text {
        text-align: left !important;
    }

    .moneyback-text {
        padding-left: 0 !important;
    }

    .p-top-header {
        top: 59px;
    }

    .col-lg-5 {
        display: flex;
        align-items: center;
    }

    .doctor-image {
        margin-top: 30px;
        height: 140px;
        width: 140px;
    }

    .doctor-name {
        font-size: 2.5rem;
    }

    .row:has(.user-profile) {
        flex-direction: column;
    }

    .col-md-7:has(.card-patient) {
        min-width: 100% !important;
    }

    .col-md-4:has(.card-documentation),
    .col-md-4:has(.card-history),
    .col-md-4:has(.card-profile) {
        min-width: 50% !important;
    }

    .table-admin th {
        min-width: 115px;
    }

    .search-r-margin {
        margin-right: 0 !important;
    }

    .search-bar-doctor {
        max-width: unset;
        min-width: unset;
        background-size: 18px;
        background-position: 192px 17px;
    }

    div.col-sm-10.fw-500 {
        text-overflow: ellipsis;
        overflow-x: hidden;
    }


    .patient-name-col {
        max-width: unset !important;
    }

    .tab-margin {
        margin-top: 5px;
    }

    .s-bar-assistant {
        background-position: 265px 17px !important;
    }

    body.collapsed .business-hour .time-dropdown, body.collapsed .business-hour .add-btn {
        margin-left: 0px;
    }

    .business-hour-card {
        width: 100% !important;
    }

    .business-hour .show-card .slot-card {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 768px) {
    .signup-success-notice {
        font-size: 26px;
    }

    .appointment-date-completed {
        position: relative;
        margin-left: 60px;
        top: -25px;
    }

    .p-top-header {
        top: 54px;
    }

    body.collapsed .appointment-date {
        left: 282px;
    }

    .btn-outline-certificate {
        font-size: 16px;
    }

    .btn-outline-certificate-assistant {
        font-size: 16px;
    }

    .not-applicable-text {
        margin-left: -20px;
    }

    .certificate-div {
        margin-left: 10px;
    }

    .searchbar-doctor-dashboard {
        padding-top: 32px !important;
    }

    .d-end {
        justify-content: left;
    }

    #patientNameInput.search-bar-doctor {
        background-position: 260px 17px;
    }

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

    .search-bar-doctor {
        background-position: 280px 17px;
    }

    .add-doctor, .add-assistant, .add-partner {
        margin-top: 10px;
    }

    #medical-svg.btn-add-user, #partner-svg.btn-add-user {
        font-size: 18px;
    }

    #loginButtons {
        margin-right: 120px !important;
    }

    .navbar-toggler {
        right: 40px;
    }
    /*patient dashborad css*/
    .doctor-image {
        margin-top: 30px;
        height: 100px;
        width: 100px;
    }

    .heading-about::after {
        height: 5px;
        width: 120px;
    }

    .heading-mission::after {
        height: 5px;
    }

    .contactus-heading {
        margin-bottom: 15px;
    }

    .mr-heading {
        font-size: 20px;
    }

    .col-md-7:has(.card-patient) {
        min-width: 100% !important;
    }

    .col-md-4:has(.card-documentation),
    .col-md-4:has(.card-history),
    .col-md-4:has(.card-profile) {
        min-width: 50% !important;
    }

    .card-doctor-admin, .card-medical-admin, .card-partner-admin, .card-patient-admin, .card-revenue-admin {
        box-shadow: 0px 10px 10px 0px #00000040;
        max-width: 410px;
        text-align: center;
    }

    input.to-filter, .from-filter {
        max-width: unset;
    }


    .date-margin {
        margin: 0 !important;
    }

    .search-div {
        margin-top: 10px;
    }

    /*profile page css*/
    .ml-18 {
        margin-left: 0px !important;
    }


    .common-profile-container {
        width: 85%;
    }

    .change-password label {
        text-align: left !important;
    }

    .form-common-profile {
        width: 100% !important;
    }

    .contact-admin .personal-info, .contact-admin .contact-details {
        width: 100% !important;
    }

    .col-sm-8 {
        width: 66.66%;
    }

    .col-sm-4 {
        width: 33.33%;
    }

    .partner-cards {
        width: 100%;
        margin-top: 20px;
        max-width: 500px;
    }

    .top-heading > img {
        position: absolute;
        z-index: 1111;
        left: 15px;
        top: 30px;
    }

    body.collapsed .main-content .top-heading > img {
        position: inherit;
        left: inherit;
        top: inherit;
    }

    .add-assistant .ml-18 {
        margin-left: 15px !important;
    }

    .form-label {
        font-size: 15px !important;
    }

    input.form-control, textarea.form-control {
        font-size: 14px;
    }

    .nav-item {
        font-size: 20px;
    }

    .heading-about {
        font-size: 24px !important;
    }

    .text-about {
        font-size: 18px;
    }

    .text-mission {
        font-size: 18px;
    }

    .business-hour .show-card-new {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999999;
        width: 100%;
        height: 100%;
        margin-left: initial;
        margin-top: initial;
    }
}

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

    .card-body h4 {
        font-size: 26px;
    }

    .doctor-image {
        margin-top: 30px;
        height: 55px;
        width: 55px;
    }

    .navbar-toggler {
        right: 25px;
        top: 20px;
    }

    .contactus-details svg {
        width: 20px;
        height: 20px;
    }

    .contactus-text {
        font-size: 14px;
        width: auto;
    }

    .svg-container {
        width: auto;
    }

    .heading-about::after {
        height: 4px;
        width: 110px;
    }

    .signup-logo {
        margin-top: 25px !important;
    }

    .home-page-notice {
        font-size: 14px;
    }

        .home-page-notice.partial-login {
            margin-left: 0;
            margin-top: -69px !important;
            text-align: center;
        }

        .home-page-notice.dashboard {
            top: 5px !important;
            left: 240px;
            max-width: 350px;
            margin-top: -5px;
        }

    body.collapsed .home-page-notice.dashboard {
        top: 5px !important;
    }

    .heading-mission::after {
        height: 4px;
    }

    .text-mission {
        margin-top: 10px !important;
        font-size: 16px !important;
    }

    .text-about {
        font-size: 16px;
    }

    .heading-mission {
        font-size: 24px;
        margin-top: 0;
    }

    .user-email-dashboard {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80% !important;
    }

    .col-md-7:has(.card-patient) {
        min-width: 100% !important;
    }

    .col-md-4:has(.card-documentation),
    .col-md-4:has(.card-history),
    .col-md-4:has(.card-profile) {
        min-width: 100% !important;
    }

    .card-doctor-admin, .card-medical-admin, .card-partner-admin, .card-patient-admin, .card-revenue-admin {
        width: 220px !important;
    }

    .common-profile-container {
        padding: 30px 10px;
        width: 100% !important;
    }

    .contact-icon {
        display: none;
    }

    .mb-3 label {
        width: 100%;
    }

    .mb-3 input {
        width: 100%;
    }

    .personal-info .row > div {
        text-align: left !important;
    }

    .col-sm-12 {
        width: 100% !important;
    }

    .testimonial-heading {
        padding-top: 0 !important;
    }

    .navbar-brand img {
        margin-top: 14px;
    }

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

@media screen and (max-width: 576px) and (min-width:480px) {
    .personal-info .row > div {
        text-align: left !important;
    }
}

@media screen and (max-width: 1500px) and (min-width:1250px) {
    .business-hour-card {
        width: calc(100% - 240px) !important;
    }

    body.collapsed .business-hour .add-btn {
        margin-left: -65px;
    }

    .business-hour .add-btn {
        margin-left: 7px;
    }

    .business-hour .dropdown-btn {
        margin-left: -30px;
    }
}

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

    .business-hour .dropdown-btn {
        margin-left: -30px;
    }

    .business-hour .add-btn {
        margin-left: -25px;
    }

    .prof-info .form-group {
        display: flex !important;
        flex-direction: column;
    }

        .prof-info .form-group .form-label {
            width: auto;
            margin-left: 0 !important;
        }

        .prof-info .form-group .form-control, textarea {
            width: auto;
        }

    .profile-input {
        width: 100% !important;
    }

    .prof-info > .col-sm-6:nth-child(even) {
        max-width: unset;
    }

    /*.text-end {
        text-align: left !important;
    }*/
    /*.profile-information .textarea-container {
         width:unset;
         width:100% !important;
         padding-left: 1%; 
    }*/
    .actions {
        text-align: right !important;
    }

    .first-acc-btn {
        margin-right: 20px !important;
    }

    .first-acc-textarea {
        width: 100% !important;
        padding-left: 1% !important;
    }

    .profile-information .textarea-container {
        padding-left: 12px;
    }
}

@media (max-width:480px) {
    .dashboard-book-btn {
        min-width: unset;
    }

    .contactus-heading {
        font-size: 26px;
    }

    .contact-us {
        padding: 35px 25px;
    }

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


    .dashboard-patient-name {
        font-size: 22px;
    }

    .dashboard-patient-details {
        font-size: 12px !important;
        margin-left: -8px;
    }

    .card-patient {
        width: fit-content !important;
        height: 195px;
        /* height: 250px !important;*/
    }

    .card-profile, .card-history, .card-documentation {
        max-width: 250px;
    }

        .card-profile svg, .card-history svg, .card-documentation svg {
            width: 90%;
            height: 90%;
        }

        .card-profile a, .card-history a, .card-documentation a {
            width: 90%;
            font-size: 13px;
        }

        .card-profile p, .card-history p, .card-documentation p {
            font-size: 14px;
        }

    .mmj-card .actions .save-next, .mmj-card .actions .save-next:hover {
        font-size: 13px;
    }

    .breadcrumb-item {
        font-size: 24px !important;
    }

    .breadcrumb-item-admin {
        font-size: 24px !important;
    }

    .breadcrumb-item-partner {
        font-size: 24px !important;
    }

    .breadcrumb-item-medical {
        font-size: 24px !important;
    }

    .breadcrumb-item-doctor {
        font-size: 24px !important;
    }

    .accordion-body {
        font-size: 14px !important;
    }

    .col-sm-4 {
        width: auto;
    }

    .prof-info .row .col-sm-5 .heavy {
        margin-left: 0;
    }

    .summary .license-img-link {
        width: 190px;
    }

    .payment-heading {
        font-size: 20px !important;
    }

    .payment-details {
        font-size: 14px;
    }

    .payment-columns {
        text-align: left !important;
        padding-left: 15px;
    }

    .font-24 {
        font-size: 17px !important;
    }

    .font-20 {
        font-size: 15px !important;
    }

    .notification-icon .dropdown-menu-dashboard {
        min-width: 250px;
        left: -135px;
    }

    .toast {
        width: 260px;
    }

    .to-filter {
        margin-left: unset !important;
    }

    .add-doctor a svg {
        width: 20px;
    }

    .add-partner .ml-18, .add-partner .ml-18:hover {
        margin-left: 18px !important;
        font-size: 15px;
    }

    .card-dashboard a h2 {
        font-size: 40px;
    }

    .card-dashboard a p {
        font-size: 22px;
    }

    .partner .credits .unpaid-card, .partner .credits .paid-card, .partner .credits .total-card {
        height: 75px;
        width: 75px;
        font-size: 14px;
    }

    .partner .credits .operator {
        font-size: 25px;
    }

    .partner-search-bar {
        min-width: auto !important;
        height: auto !important;
    }

    .partner-filter-dd {
        width: auto !important;
        margin-right: 10px;
        height: auto !important;
    }

    .partner .info-text, .heading-bar, .partner .card-inner-text {
        font-size: 14px;
    }

    .partner .heading-small {
        font-size: 20px;
    }

    .partner .partner-cards svg {
        width: 25px;
    }

    .add-doctor a {
        font-size: 15px;
    }

    .add-doctor {
        justify-content: unset;
    }

    .add-partner {
        justify-content: unset;
    }

    .add-assistant {
        justify-content: unset;
    }

    .btn {
        font-size: 14px;
    }

    #dropdownMenuLink, #dropdownMenuLink1 {
        padding-right: 0 !important;
    }

    body.collapsed .home-page-notice.dashboard {
        left: 40px;
        max-width: 386px;
        margin-top: -5px;
    }

    .progress-container {
        margin-bottom: 0 !important;
    }

    .admin .modal-content {
        min-width: unset;
        width: 100%;
        left: auto;
    }

    .modal-title {
        font-size: 20px;
    }

    .notification-message {
        font-size: 14px;
    }

    .notification-list .list-item .title {
        font-size: 14px;
    }

    .top-header .notification-list .list-item .timestamp {
        font-size: 10px;
        margin-left: 27px !important;
    }

    .top-header .notification-list .list-item .title {
        font-size: 12px !important;
    }

    .add-doctor .ml-18 {
        margin-left: 10px !important;
    }

    .add-assistant .ml-18 {
        margin-left: 15px !important;
    }

    .add-assistant a svg {
        width: 22px;
    }

    .cur-card {
        font-size: 20px !important;
    }

    #uploadedLicenseImagemedical {
        width: 240px;
    }

    .status-name {
 /*       top: -60px;  */
        top: -26px;
        left: 13px;
    }

    .card-res {
/*        margin-top: -90px;
*/        margin-top: -43px;
    }

    body.collapsed .appointment-date {
        font-size: 12px;
        position: absolute;
        left: 208px !important;
        color: #019644;
        font-weight: 600;
    }

    .appointment-date {
        font-size: 13px;
        position: unset;
        color: #019644;
        font-weight: 600;
    }

    .appointment-date-completed {
        margin-left: 15px;
        font-size: 16px;
        top: 0;
    }

    .status-text {
        font-size: 13px !important;
    }

    .status {
        font-size: 14px;
    }

    .status-text-margin {
        margin: 0;
    }

    .top-header .notification-list .list-item .title svg {
        width: 12px;
        height: 12px
    }

    .status-name svg {
        width: 15px;
        height: 15px;
    }

    .tc-check {
        width: 16px !important;
    }

    .pwd-notice {
        width: 19px !important;
    }

    .label-w-res {
        width: auto !important;
    }

    .accordion-body .form-label {
        font-size: 14px !important;
    }
    .dob-notice {
        font-size: 10px !important;
    }
    .mmj-card .accordion-button.submitted::before {
        height: 25px;
        width: 25px;
        background-size: 24px 24px;
    }

    .heading-sm {
        font-size: 16px;
    }

    .ver-num-text {
        position: static !important;
        font-size: 13px !important;
        margin-bottom: 30px;
    }

    .notification-svg {
        height: 15px;
        width: 15px;
    }

    .business-hour .day {
        margin-left: 0px;
        font-size: 16px;
    }

    .business-hour .dropdown-btn {
        margin-left: 0px !important;
    }

    .timeslot-list {
        margin: 0;
        margin-right: -148px !important;
        z-index: 999;
    }

    body.collapsed .timeslot-list {
        position: absolute;
        margin: 0;
        background: #fff;
        width: auto;
        max-height: 155px;
        overflow-y: auto;
    }

    .doctor .timeslot-list ul li label {
        font-size: 12px;
        padding: 0;
    }

    .business-hour .show-card .slot-card {
        margin-top: 8px;
        margin-left: 0px !important;
    }

    .business-hour .add-btn {
        margin-left: 0;
    }

    .show-card-new .row {
        padding-left: 27px;
        padding-right: 0px;
        max-height: unset;
    }

    .add-btn-div {
        margin-top: 10px;
    }

    .active-day {
        border-radius: 10px;
    }

    .add-btn-margin {
        margin-top: 162px;
    }

    .span-margin {
        margin-left: 0px !important;
    }

    .margin-checkbox {
        margin-bottom: 2rem !important;
    }

    .m-check {
        margin-bottom: 25px !important;
    }

    .mmj-card .body-dimensions .form-control {
        width: 34px;
    }

    .height-group {
        display: flex;
        justify-content: space-between;
        margin-right: 50px;
    }

    .hg-div-padding {
        padding-right: 5px;
    }

    .wt-div-padding {
        padding-right: 3px;
    }

    .prof-info .row > .col-sm-6 {
        width: -webkit-fill-available;
    }

    .testimonial-down-quote {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 50px;
    }


    .testimonial-up-svg {
        width: 55px;
    }

    .testimonial-down-svg {
        width: 55px;
        margin-left: 310px;
        margin-top: 0;
    }

    .testimonial-text {
        font-size: 28px;
    }
}

@media (max-width:770px) {

    .main-content {
        width: -webkit-fill-available;
        /* width: unset;*/
    }

    .license-document-number {
        width: 250px;
    }

    .pp-license-container {
        width: auto !important;
        height: auto !important;
    }

        .pp-license-container img {
            height: auto;
        }

    .privacy-policy-page h1 {
        font-size: 24px;
    }

    .privacy-policy-page h2 {
        font-size: 20px;
    }

    .privacy-policy-page h3 {
        font-size: 18px;
    }

    .privacy-policy-page h4 {
        font-size: 16px;
    }

    .privacy-policy-page p {
        font-size: 14px;
    }

    .privacy-policy-data {
        margin: 0;
        text-align: justify !important;
    }

    .testimonial-section .card-title {
        font-size: 25px !important;
    }

    .testimonial-section .card-text {
        font-size: 15px !important;
    }

    .testimonial-section i {
        font-size: 13px;
    }

    .testimonial-section .testimonial-slider .card-body {
        padding-left: 5px;
        padding-right: 5px;
    }

    .testimonial-section .testimonial-slider .card {
        height: 440px !important;
    }
}

@media (max-width:330px) {
    .common-profile-container .profile-image-container {
        width: 150px;
        height: 150px;
    }

    .edit-icon-svg-medical, .edit-icon-svg-admin {
        bottom: 85px !important;
        left: 53px !important;
    }

    .d-edit-icon {
        bottom: 59px !important;
        left: 54px !important;
    }

    .license-document-number {
        width: 147px !important;
    }

    .coupon-amount {
        bottom: 57px;
        right: -36px;
        font-size: 20px;
    }

    .promotional-coupon {
        height: 140px;
        min-width: 132px;
    }
}

@media (max-width:1288px)and (min-width:990px) {
    body.collapsed .appointment-date {
        left: 323px;
    }
}

@media (max-width:1276px) and (min-width:1025px) {
    .testimonial-slider .card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width:990px) {
    .testimonial-slider .card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .testimonial-text {
        font-size: 24px;
        width: 100% !important;
    }

    .license-document-number {
        width: 280px;
    }
}

@media (max-width:1200px)and (min-width:769px) {
    .contact-admin-res {
        width: 100% !important;
    }

    .contact-details {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width:480px) {
    .breadcrumb-item-medical {
        font-size: 24px;
    }

    body.collapsed .admin-d-card {
        width: 50% !important;
    }

    .admin-d-card {
        width: 100% !important;
    }

    .profile-heading {
        font-size: 20px;
    }

    .appointment-date-completed {
        font-size: 20px;
    }

    .doctor-name {
        font-size: 30px;
    }

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

    .wrapper-profile .profile-image-container {
        height: 150px;
        width: 150px;
    }

    .wrapper-profile .license-image-container {
        height: 150px;
        /*  margin-left: 30px;*/
    }

    .col-res {
        width: 100% !important;
    }

    .business-hour .day {
        margin-left: 0;
        width: 100%;
    }

    body.collapsed .col-res {
        width: 50% !important;
    }

    body.collapsed .business-hour .day {
        margin-left: 20px;
        width: auto;
        font-size: 15px !important;
    }

    .notification-svg {
        height: 20px;
        width: 20px;
    }

    .show-card {
        min-height: 911px !important;
    }

    body.collapsed .show-card {
        min-height: 450px !important;
    }

    .show-card-new .row {
        max-height: 830px;
    }

    .see-more-card {
        width: 85%;
        text-align: right;
    }

    body.collapsed .see-more-card {
        width: unset;
    }

    .mhb-margin {
        margin-bottom: 15px;
    }

    body.collapsed .mhb-margin {
        margin-bottom: 0px;
    }

    .body-dimensions {
        width: auto !important;
    }

    body.collapsed .fh-margin {
        margin-bottom: 0px;
    }

    .fh-margin {
        margin-bottom: 15px;
    }

    .m-check {
        margin-bottom: 40px;
    }

    body.collapsed .m-check {
        margin-bottom: 0px;
    }

    body.collapsed .at-margin {
        margin-bottom: 0px;
    }

    .at-margin {
        margin-bottom: 10px;
    }

    .summary .summary-img-container {
        width: 185px;
        margin: 0;
    }

    .summary-info {
        width: 100% !important;
    }

    .prof-info .row .col-sm-5 .heavy {
        margin-left: 0px;
    }

    .headshot-div {
        width: 100% !important;
    }

    body.collapsed .headshot-div {
        width: 50% !important;
    }

    .add-doctor .ml-18 {
        margin-left: 18px !important;
    }

    .card-profile p {
        font-size: 16px;
    }

    .card-profile svg {
        width: 70px;
    }

    .icon-card svg {
        width: 70px;
    }

    .card-documentation svg {
        width: 70px;
    }

    .card-profile a {
        font-size: 14px;
        width: auto;
    }

    .card-history a {
        font-size: 14px;
        width: auto;
    }

    .icon-card a {
        font-size: 14px;
        width: auto;
    }

    .card-documentation a {
        font-size: 14px;
        width: auto;
    }

    .table-admin th {
        max-width: auto !important;
    }

    body.collapsed .summary .license-img-link {
        margin-left: 85px;
        width: 300px;
    }

    body.collapsed .license-label {
        margin-left: 85px;
        width: 100%;
    }

    .card-r {
        width: 100% !important;
    }

    .contact-icon svg {
        width: 75px;
        height: 75px;
    }

    .margin-checkbox {
        margin-bottom: 40px;
    }

    body.collapsed .margin-checkbox {
        margin-bottom: 10px;
    }

    .app-info-col {
        width: 100%;
    }

    body.collapsed .app-info-col {
        width: 33.33333333%;
    }

    .testimonial-up-quote {
        margin-top: 0 !important;
        padding-left: 0;
    }

    .testimonial-up-svg {
        width: 50px;
    }

    .testimonial-down-svg {
        width: 50px;
    }

    .license-label-res {
        /*  margin-left: 30px;*/
        width: 100%;
    }
}

@media screen and (max-width: 1520px) {
    .calendar {
        min-height: 335px;
        max-height: 335px;
    }
}

@media screen and (max-width: 1640px) {
    .business-hour-card {
        width: 100% !important;
    }

    .business-h-text {
        margin-top: 25px;
    }
}

@media screen and (max-width: 1024px) and (min-width:769px) {
    .summary .summary-img-container {
        width: 185px;
        margin: 0;
    }

    .card {
        left: 32px;
    }

    .contact-us-child {
        padding-left: 30px;
    }

    .card-doctor-admin svg,
    .card-medical-admin svg,
    .card-partner-admin svg,
    .card-patient-admin svg,
    .card-revenue-admin svg {
        width: 75px;
    }

    .admin-text-medical p {
        font-size: 22px;
    }

    .admin-text-revenue h2,
    .admin-text-medical h2,
    .admin-text-patient h2,
    .admin-text-doctor h2,
    .admin-text-partner h2 {
        font-size: 42px;
    }

    #revenue {
        font-size: 38px;
    }

    .summary-info {
        width: 100% !important;
    }

    .prof-info .row .col-sm-5 .heavy {
        margin-left: 0px;
    }

    .summary a:has(#uploadedProfileImage) {
        width: 180px;
    }

    .summary .license-img-link {
        width: 300px !important;
        margin-left: 130px;
    }

    .license-label {
        margin-left: 130px;
        width: 100%;
    }

    .card-r {
        width: 100% !important;
    }

    .upload-head-text {
        font-size: 18px;
    }

    .instruction-text {
        font-size: 16px;
    }

    .margin-checkbox {
        margin-bottom: 8px;
    }

    body.collapsed .margin-checkbox {
        margin-bottom: 0;
    }

    .testimonial-down-quote {
        margin-top: 100px !important;
        margin-left: -45px !important;
    }


    .testimonial-up-svg {
        width: 75px;
    }

    .testimonial-down-svg {
        width: 75px;
    }



    .testimonial-section .card-title {
        font-size: 30px !important;
    }

    .testimonial-section .card-text {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1375px) {
    .checkbox-div {
        width: 100% !important;
    }

    .na-check-margin {
        margin-top: 0;
    }
}

@media screen and (max-width: 1199px) {
    #loginButtons {
        margin-right: 80px;
    }

    .h-navigation-list {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 1536px) {
    .nav-item {
        font-size: 20px;
        font-weight: 400;
        margin-left: 10px;
    }
}

@media screen and (max-width: 1375px) and (min-width:1024px) {
    .navbar-toggler {
        position: absolute;
        right: 20px;
        top: 29px;
    }
}

@media screen and (max-width: 884px) and (min-width:769px) {
    .navbar-toggler {
        position: absolute;
        right: 45px;
    }

    #loginButtons {
        margin-right: 110px;
    }
}

@media screen and (max-width: 479px) and (min-width:435px) {
    .p-top-header {
        top: 60px;
    }
}

@media screen and (max-width: 1170px) and (min-width:1025px) {
    .p-top-header {
        top: 60px;
    }
}

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

    .signup-success-notice {
        font-size: 20px;
    }

    .top-heading > img {
        left: -110px !important;
    }

    .site-logo > img {
        margin-right: 80px;
    }

    .promotional-coupon {
        height: 140px;
    }

    .coupon-amount {
        bottom: 15px;
        right: -43px;
    }

    .coupon-code {
        padding-top: 27px;
    }

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

        .na-check-margin {
            margin-top: 10px;
        }

        body.collapsed .na-check-margin {
            margin-top: 0;
        }
    }
}

@media screen and (max-width: 1668px) and (min-width:1275px) {

    .testimonial-down-quote {
        margin-top: 140px !important;
        margin-left: -50px !important;
    }
}

@media screen and (max-width: 1274px) and (min-width:1084px) {

    .testimonial-down-quote {
        margin-top: 180px !important;
        margin-left: -73px !important;
    }
}

@media screen and (max-width: 320px) {
    .na-check-margin {
        margin-top: 30px;
    }

    .img-certficate {
        height: 250px !important;
        width: 180px !important;
        max-height: 250px !important;
    }

    .no-appointments-text {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .text-success.completed-text {
        width: 110px !important;
        font-size: 12px !important;
    }

    .card-documentation.container {
        padding-left: 20px !important;
    }


    .document-btn, .profile-btn, .btn.btn-primary.btn-nav-login.btn-dashboard.mt-20 {
        width: 100px !important;
        margin-top: 30px !important;
    }

    .card-profile svg, .card-history svg, .card-documentation svg {
        width: 45px !important;
    }

    .paypal-buttons {
        min-width: unset !important;
        max-width: 140px !important;
    }

    #certificate-section {
        margin-top: 0px !important;
    }

    #reschedule-section {
        margin-top: 60px !important;
    }

    #resubmittedModal .modal-content {
        top: 55px !important;
    }

    .review-app-button {
        font-size: 12px;
    }

    .card-patient {
        max-width: 180px !important;
        height: 280px !important;
    }

    body.collapsed .appointment-date, .appointment-date {
        left: 205px !important;
        width: 75px !important;
    }

    body.collapsed .appointment-date-completed, .appointment-date-completed {
        margin-left: 13px !important;
        font-size: 14px !important;
        top: -2px !important;
    }

    .image-modal {
        width: 245px !important;
    }

    .calendar {
        min-width: 182px !important;
        padding: 10px !important;
        min-height: 275px !important;
    }

    .summary .license-img-link {
        width: 135px !important;
        height: 135px !important;
    }

    .payment-heading-text {
        padding-left: 7px;
    }

    .payment-text, .payment-columns > span {
        margin-left: 0.5rem !important;
    }

    .payment-columns, .not-applicable-text {
        padding-left: 0 !important;
    }

    .card-doctor-admin, .card-medical-admin, .card-partner-admin, .card-patient-admin, .card-revenue-admin {
        width: 178px !important;
    }

        .card-patient-admin .icon-card > svg, .card-medical-admin .icon-card > svg, .card-doctor-admin .icon-card > svg,
        .card-partner-admin .icon-card > svg, .card-patient-admin .icon-card > svg, .card-revenue-admin .icon-card > svg {
            width: 60px;
            height: 60px;
        }

    .business-hour .dropdown-btn {
        min-width: 120px !important;
    }

    .wrapper-profile .license-image-container {
        width: auto !important;
    }



    .summary .accordion-item .edit-link {
        top: 18px !important;
        right: 5px !important;
    }

    .modal-width {
        width: 278px !important;
    }

    .mmj-card .accordion-button.submitted::before {
        right: 49px;
        top: 25px !important;
    }

    .edit-icon-svg-position {
        bottom: 38px !important;
        left: 53px !important;
    }

    .payment-text {
        font-size: 14px;
    }

    .footer-text {
        font-size: 14px !important;
    }

    .testimonial-down-svg {
        margin-left: 265px;
        margin-top: 0px;
    }

    .testimonial-section .card-text {
        font-size: 14px !important;
    }

    .p-top-header {
        top: 121px !important;
    }
}

@media screen and (max-width: 480px) and (min-width:325px) {
    body.collapsed .na-check-margin {
        margin-top: 5px;
    }

    .na-check-margin {
        margin-top: 25px;
    }
}

@media screen and (max-width: 480px) and (min-width:376px) {
    .business-hour .show-card .slot-card {
        margin-left: 28px !important;
    }
}

@media screen and (max-width: 398px) {
    .checkbox-div {
        margin-top: 3px !important;
    }

    body.collapsed .logo.navbar-logo {
        margin-left: -244px;
    }
}

@media screen and (max-width: 767px) and (min-width:481px) {
    .add-btn-margin {
        margin-top: 135px;
    }

    body.collapsed .business-hour .day {
        width: -webkit-fill-available;
    }
}

@media screen and (max-width: 1440px) {
    .our-vision img, .our-mission img {
        width: 340px;
    }

    .img-man {
        display: none;
    }
}

@media screen and (max-width: 540px) {
    #loginButtons {
        flex-direction: column;
        margin-right: auto !important;
    }

    .moneyback-img {
        height: 120px;
        margin-top: 0;
    }
}

@media screen and (max-width: 1024px) and (min-width:950px) {
    .testimonial-text {
        font-size: 25px;
    }
}

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

    #patientName-partner-management.search-bar-doctor, #patientNameInput-admin.search-bar-doctor {
        background-position: 262px 17px;
    }

    .weight-field {
        flex-direction: column;
    }

    .mmj-card .form-control, .mmj-card .form-select {
        height: 32px !important;
    }

    .height-field {
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }

    .mmj-card .body-dimensions .form-control {
        width: 70px !important;
    }

    .no-appointments-text {
        margin-left: 30px;
        margin-right: 30px;
    }

    .img-certficate img {
        padding: 15px;
    }

    .document-btn, .profile-btn, .btn.btn-primary.btn-nav-login.btn-dashboard.mt-20 {
        width: 100px;
    }

    #certificate-section {
        margin-top: 0px;
    }

    #verifyModal .modal-content {
        width: 87% !important;
    }

    .dashboard-card-data {
        margin-left: 0.75rem !important;
    }

    #uploadedLicenseImagemedical {
        max-width: -webkit-fill-available !important;
    }

    .license-document-number {
        width: 238px;
    }

    .medical-history .file-upload-container .file-upload-text {
        width: 100%;
    }

    .common-edit {
        padding: 0px 10px;
    }

    .footer-text {
        font-size: 18px;
    }

    .mmj-card .accordion-button.submitted::before {
        top: 28px;
    }

    #patientNameInput.search-bar-doctor {
        background-position: 255px 17px;
    }

    .modal-width {
        width: 375px;
    }

    .p-top-header {
        top: 78px;
    }

    .doctor-image {
        margin-top: 12px;
    }

    .searchbar-doctor-dashboard {
        padding-top: 10px !important;
    }

    .image-modal {
        width: 350px;
        height: 450px;
    }

    .svg-end {
        text-align: center;
    }

    .success-svg {
        width: 40px;
        height: 40px;
    }

    .sucess-message {
        font-size: 14px;
    }

    .img-certficate {
        height: 300px !important;
        width: 300px !important;
        max-height: 300px !important;
    }

    .email-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #divPayment, #divPaymentCompleted {
        min-width: unset;
    }

    .coupon-input {
        width: 185px;
        font-size: 10px;
    }

    .not-applicable-text {
        padding-left: 43px;
    }
}

@media screen and (min-width:1200px) {
    .btns-gap {
        gap: 30px;
    }
}

@media screen and (min-width:375px) {
    .user-profile {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width:769px) {
    .footer-sm-icons {
        margin-left: 14px;
    }
}