@media only screen and (min-width:320px) and (max-width:767px) {
    .select-entity-items-dropdown.responisve-entity-dropdown, .dropdown-FPharmacy.responisve-entity-dropdown {
        width: 50% !important;
    }

    #HiddenCoverentietsSearch + .select-entity-items-dropdown.width_adjust-50, #pharmacyId + .width_adjust-50 {
        width: 50% !important;
    }

    #accordionPanelsStayOpenExample .shipping_address_margin, #OrderCommunication.CstmBtSaveNote {
        margin-top: 10px;
    }

    .patient-subheading_cstm-box .indicator_grid > div {
        margin-top: 10px;
    }
    /*    Prescription page mobile responsive*/
    .dispense-sec .radiobuttons {
        justify-content: normal;
    }

    .margin_btn_edit, label#rejectorder {
        margin-top: 8px;
    }

    .physician-complete-text h4 {
        text-align: inherit;
    }

    .physician-complete-text h4 {
        padding-left: 40px;
    }

    .add-new-data.product-label {
        padding-right: 0px;
    }

    .prescription-order-heading h3 {
        font-size: 17px;
        text-align: -webkit-match-parent;
    }

    button#SaveSig, button#clear {
        font-size: 12px;
    }

    .dataTables_filter {
        text-align: right !important;
    }

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

    #SaveSig .fa-floppy-disk {
        display: none;
    }

    .prescription-order-heading p {
        font-size: 12px;
    }

    .smallcheck-custom .custom-check {
        font-size: 12px;
    }

    .both-submitbtn {
        padding: 5px 15px;
        font-size: 12px;
    }

    .bothbtns-section {
        margin-right: 10px;
    }

    .rx-logo img {
        width: 100px;
        height: 40px;
    }

    .bothbtns-section {
        gap: 0px;
        /*justify-content:center; */
    }

    .prescription-left-section .prescription-form, .prescription-right-section .prescription-form {
        padding: 10px;
    }

    .prescription-form .document-txts p {
        font-size: 11px;
    }

    .radiobuttons .genderlabel {
        margin-right: 10px;
    }

    .prescription-logo {
        margin-top: 0px;
    }

    .ordertble-hedpart {
        flex-direction: column;
    }

    .order-checkboxs .custom-check {
        width: 100%;
    }

    .orderleft-heads {
        flex-direction: column;
        width: 100%;
    }

    .order-by-sec {
        /* margin-bottom: 10px;*/
        width: 100%;
    }

    .order-checkboxs {
        flex-direction: column;
    }

        .order-checkboxs span {
            margin-bottom: 8px;
            margin-right: 0;
            text-align: left;
            width: 100%;
        }

        .order-checkboxs .custom-check {
            width: 100%;
        }

        .order-checkboxs .checkmark {
            right: 8px;
            top: 6px;
        }

        .order-checkboxs.new-queue-order-checkboxs .checkmark {
            right: 7px;
        }

    .selecttime-period {
        /*        margin-bottom: 15px;*/
        width: 100%;
    }

    .date-range {
        flex-direction: column;
        height: auto;
    }

        .date-range label {
            margin-right: 0px;
            margin-bottom: 0;
            width: 100%;
            text-align: start;
        }

            .date-range label.counselling-effective-date {
                display: none;
            }

    .calendaricon {
        top: 32px;
        right: 8px;
    }
        /*css for counselling queue 04/09/2025*/
        .calendaricon.cstm-counselling-calendaricon {
            top: -5px;
        }

    .patient-selects {
        width: 100%;
        margin-bottom: 15px;
    }

    .column-visibility {
        /*        margin-bottom: 15px;*/
        width: 100%;
    }

    .orderrights-heads {
        flex-direction: column;
        width: 100%;
    }

    #Cousel_QueueOrder-table_wrapper > div:first-child > .col-sm-12:first-child {
        width: 30% !important;
    }

    #Cousel_QueueOrder-table_wrapper > div:first-child > .col-sm-12:last-child {
        width: 70% !important;
        text-align: end;
        display: flex;
        justify-content: end;
    }






    .left-container-box {
        display: none;
    }

    .form-box .login-form-inner {
        width: 100%;
    }

        .form-box .login-form-inner h2 {
            text-align: center;
        }

        .form-box .login-form-inner p {
            text-align: center;
        }

    .login-form .form-box .logo-head img {
        display: block;
        margin-bottom: 40px;
    }

    #login-btn {
        border-style: none;
        outline: none;
    }

    .login-form .form-box {
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }

    .bg-box {
        background-image: linear-gradient(WHITE, transparent, white, white);
        border-radius: 30px;
        height: auto;
    }

    .login-form .form-box {
        height: auto;
    }

    #chart-wrap {
        height: auto;
        margin-bottom: 20px;
    }

    .communication-sec {
        height: auto;
        margin-top: 20px;
    }

    .user-names h1 {
        font-size: 21px;
    }

    .stat-cards-item {
        margin-bottom: 24px;
        height: auto;
    }

    a.logo-mobile {
        display: none !important;
    }

    .menu-bruger {
        left: 15px;
    }

    .close-menu img {
        font-size: 30px;
    }

    .datatable-custum .row.dt-row {
        overflow: auto;
    }

    .task-status-section {
        height: auto;
        margin-bottom: 24px;
    }

    #dashboard-footer {
        margin-top: 20px;
    }

    .lead-sections h4 {
        font-size: 20px;
    }

    #logo-mobile {
        display: none !important;
    }

    .closse-menu {
        display: block;
    }

    .outer_cardItem {
        width: 33.33%;
        margin-bottom: 12px;
    }

    .cardbox-inner {
        flex-wrap: wrap;
    }

    .carditembx4 {
        padding-left: 0;
    }

    .outer_cardItem:last-child {
        padding-right: 11px;
    }

    .order-card {
        min-height: 118px;
    }

    .mega-submenu {
        top: 56px;
        width: 100%;
        left: 0;
    }

    .report-mega {
        top: 56px;
        width: 100%;
        left: 0;
    }

    .order-checkboxs {
        margin-right: 0px;
    }

    #Counselling_search .order-by-sec, #Counselling_search .selecttime-period, #Counselling_search .column-visibility {
        margin-top: 8px;
    }

    .date-range {
        margin-right: 0px;
    }

    /*   .order-history-section {
        padding: 30px 10px;
    }*/

    .track-order-section {
        padding: 25px 15px;
    }

    .track-order-menu ul li a {
        font-size: 18px;
    }

    .track-order-menu ul li {
        margin: 0px 5px;
    }

    .tble-serch .input {
        width: 100%;
    }

    .default-sort-head .tble-serch {
        width: 100%;
    }

    .new-export-data.export-data {
        margin-left: 0px;
    }

    .export-data .Clear_filters {
        margin-left: 0px;
    }

    .export-data {
        width: 100%;
    }

    .orderrights-head {
        margin-right: 10px;
    }

        .export-data button {
            width: 100%;
        }

    .orderrights-heads.patientrights-heads {
        width: 100%;
    }

    .orderleft-heads.patientleft-heads {
        width: 100%;
        margin-bottom: 15px;
    }

    .patientrights-heads .addpatient-btns {
        width: 50%;
        margin-left: 0px;
    }

        .patientrights-heads .addpatient-btns button {
            width: 100%;
        }

    .ordertble-hedpart.patienttble-hedpart .export-data button {
        width: 50%;
    }

    .ordertble-hedpart.patienttble-hedpart {
        flex-direction: column;
    }

    .sticky-colh {
        position: unset !important;
    }

    .sticky-colt {
        position: unset !important;
    }

    .stocks-Out {
        margin-left: 120px;
    }
}


@media only screen and (min-width:320px) and (max-width:500px) {
    /*css for serach filter responsive catalouge stop 02/11/2025*/
    #product-attribute-title.new-product-attribute-title {
        padding: 4px 7px;
    }

    #txtSorting.new-txtSorting, #txtSalesChannel.new-txtSalesChannel {
        padding: 4px 7px;
    }

    .categories-section {
        height: unset;
    }

    #catalogue-product-list .stocks-in {
        margin-left: 0px;
    }

    .showing-results p, .showing-text p {
        font-size: 11px;
    }

    .ordertble-hedpart.patienttble-hedpart .export-data button {
        width: 100%;
    }

    .patientrights-heads .addpatient-btns button {
        width: 100%;
    }

    .patientrights-heads .addpatient-btns {
        width: 100%;
        margin-left: 15px;
    }

    .patienttble-visibility {
        margin-left: 0;
    }

    .column-visibility.patienttble-visibility {
        margin-bottom: 0px;
    }

    #dashboard-footer {
        margin-top: 20px;
    }

    div#calendar .fc-toolbar .fc-right {
        margin: 10px 0;
        display: inline-block;
        width: 100%;
    }

    div#calendar .fc-toolbar .fc-left {
        display: inline-block;
        width: 100%;
    }

    div#calendar .fc-toolbar .fc-center {
        display: block;
    }

    .search-wrapper {
        margin-left: 48px !important;
    }

    .main-nav-end > * {
        margin-right: 10px;
    }


    .login-form .form-box {
        padding: 40px 15px;
        border-radius: 25px;
    }

    .login-form {
        width: 95%;
    }

    .user-names h1 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .main-nav .menutops-section {
        align-items: center;
    }

    .outer_cardItem {
        width: 100%;
        margin-bottom: 12px;
    }

    .outer_cardItem {
        padding: unset;
    }

        .outer_cardItem:last-child {
            padding-right: 0;
        }

    .tableheader-section {
        padding: 25px 12px 10px;
        flex-direction: column;
        text-align: center;
    }

    .duetotal ul li a {
        font-size: 18px;
    }

        .duetotal ul li a img {
            padding: 0px 10px;
        }

    .duetotal ul li {
        margin: 0px 10px;
    }

    .seemore-btns {
        font-size: 15px;
    }

    .tableheader-section .custom-dropmenu {
        margin-bottom: 15px;
    }

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

    .ournew-header {
        flex-direction: column;
    }

    .tracking-heading h4 {
        font-size: 16px;
    }

    .user-names {
        margin-left: 43px;
    }

    .gray-circle-btn {
        width: 38px;
        height: 38px;
    }

    .main-nav .nav-user-img {
        width: 38px;
        height: 38px;
    }

    .icon-button-badge {
        top: -6px;
        right: -6px;
        width: 18px;
        height: 18px;
        font-size: 13px;
    }

    .communication-heading h5 {
        font-size: 16px;
    }

    .communication-header {
        padding: 15px 12px;
    }

    .card-slider {
        width: 100%;
    }

    .productslider-price h3 {
        font-size: 15px;
    }

    .productslider-name {
        text-align: center;
    }

    .card-text-left h2 {
        font-size: 22px;
    }

    .order-card {
        min-height: auto;
    }

    .card-icn-rigt img {
        width: 42px;
    }

    .card-design-sec {
        margin-bottom: 30px;
    }

    .refill-section {
        margin-bottom: 30px;
    }

    .ournew-products {
        margin-bottom: 30px;
        height: auto;
    }

    .refilldata-table {
        height: auto;
    }

    .mycard-section {
        width: 300px;
        right: -100px;
        height: 480px;
    }

        .mycard-section::before {
            right: 105px;
        }

    .mycard-innerprt {
        flex-direction: column;
    }

    .mycardbody-inner {
        height: 330px;
        overflow-y: scroll;
    }

    .viewcrd-btn {
        width: 120px;
        border-radius: 4px;
        font-size: 14px;
    }

    .proceedcrd-btn {
        width: 180px;
        border-radius: 4px;
        border: none;
        font-size: 14px;
        margin-left: 10px;
    }

    .mycrd-btn {
        position: absolute;
        right: 17px;
    }

    .mycard-head {
        padding-bottom: 0px;
    }

    .mycardfixed {
        position: absolute;
        bottom: 10px;
        width: 93%;
        left: 10px;
    }

    .notification-popup {
        width: 353px;
        right: -52px;
    }

        .notification-popup::before {
            right: 57px;
        }

    .notificationtabs .nav-item .nav-link {
        font-size: 14px;
    }

    .user-profile {
        right: 0;
    }

        .user-profile::before {
            right: 9px;
        }

    .order-checkboxs {
        flex-direction: column;
    }

    .date-range {
        flex-direction: column;
        height: auto;
    }

        .date-range label {
            margin-right: 0px;
            margin-bottom: 0;
        }

    .order-checkboxs .custom-check {
        width: 100%;
    }

    .orderrights-heads {
        flex-direction: column;
        width: 100%;
    }

    .orderleft-heads {
        flex-direction: column;
        width: 100%;
    }

    .order-by-sec {
        /*        margin-bottom: 10px;*/
        width: 100%;
    }

    .ordertble-hedpart {
        flex-direction: column;
    }

    .tble-serch {
        margin-right: 0px;
        margin-bottom: 15px;
        width: 100%;
    }

    .selecttime-period {
        margin-bottom: 15px;
        width: 100%;
    }

    .column-visibility {
        /*        margin-bottom: 15px;*/
        width: 100%;
    }

    .calendaricon {
        right: 10px;
        top: -5px;
    }

    .order-checkboxs span {
        margin-bottom: 8px;
        margin-right: 0;
        text-align: left;
        width: 100%;
    }

    .order-checkboxs .checkmark {
        right: 8px;
        top: 6px;
    }

    .categories-column {
        width: 100%;
    }

    .showing-all-column {
        width: calc(100% - 0px);
    }

    .add-new-product-section {
        padding: 30px 12px 30px;
    }

    .product-subheading p {
        font-size: 18px;
    }

    .default-sort-head {
        flex-direction: column;
    }

    .search-product {
        flex-direction: column;
        width: 100%;
    }

    .default-sorting {
        width: 100%;
        margin-bottom: 10px;
    }

    .add-product-btn a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .add-product-btn {
        width: 100%;
    }

    .search-product .tble-serch {
        margin-bottom: 10px;
    }


    .product-box-section .incress-number .wrap {
        width: 139px;
    }

    .categories-menus ul li a {
        font-size: 16px;
        padding: 6px 20px;
    }

    .showing-text p {
        font-size: 14px;
    }

    .showing-results p {
        font-size: 14px;
    }

    .default-sort-head {
        margin-bottom: 20px;
    }

    .default-sorting select {
        height: 45px;
    }

    .newuser-modelbox {
        padding: 10px 0px 10px;
    }

    .manage-account-header {
        flex-direction: column;
    }

    .manage-account-note p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .dataTables_length {
        margin-bottom: 10px;
    }

    .manage-account-section {
        padding: 30px 15px;
    }

    .newaccount-modelbox {
        padding: 10px 0px 0px;
    }

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

    .modelcancel-btn {
        font-size: 16px;
    }

    .modelsubmit-btn {
        font-size: 16px;
    }

    .deleteaccount-modelbox {
        padding: 20px 0px 5px;
    }

    .delete-sure h3 {
        font-size: 18px;
    }

    .categories-section {
        margin-bottom: 30px;
    }

    .product-image img {
        margin-bottom: 30px;
    }

    .productdetails-name h4 {
        font-size: 18px;
        text-align: left;
    }

    .productdetails-name p {
        font-size: 18px;
        text-align: left;
    }

    .productdetails-stock h4 {
        font-size: 24px;
    }

    .productdetails-ids h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .productdetails-supplies p {
        font-size: 16px;
        text-align: left;
    }

    .productdetails-supplies {
        align-items: self-start;
        flex-direction: column;
    }

    .productdetails-des p {
        font-size: 16px;
        text-align: left;
    }

    .productdetails-add-card {
        align-items: flex-end;
    }

        .productdetails-add-card button {
            font-size: 16px;
        }

    .view-detail-txt p {
        font-size: 14px;
    }

    .patient-selects {
        width: 100%;
        margin-bottom: 15px;
    }

    .switcher-outer {
        width: 100%;
        margin-bottom: 15px;
    }

    .addpatient-btns {
        width: 100%;
        margin-bottom: 15px;
    }

        .addpatient-btns button {
            width: 100%;
        }

    .viewpatientsmodel-box {
        padding: 20px 0px 5px;
    }

    .add-patient-section {
        padding: 35px 15px 30px;
    }

    .patient-subheading p {
        font-size: 14px;
    }

    .rdio {
        display: block;
    }

    .patientorder-tbledata {
        padding: 10px 0px 0px;
    }

    .viewcart-header {
        flex-direction: column;
        align-items: initial;
    }

    .viewcart-txtcard p {
        margin-bottom: 15px;
    }

    .viewcart-section {
        padding: 22px 0px;
        margin-top: 15px;
    }

    .productid-td img {
        width: 64px;
        height: 64px;
    }

    .updatecard-btn {
        margin-top: 30px;
    }

    .cardtotal-section {
        margin-top: 30px;
    }

    .procees-checkoutbtn button {
        font-size: 16px;
        padding: 9px 30px;
    }

    .updatecard-btn button {
        font-size: 16px;
        padding: 9px 30px;
    }

    .cardtotalrow-sec h4 {
        font-size: 16px;
    }

    .cardtotalrow-sec p {
        font-size: 16px;
    }

    .viewcartleft-sidebar {
        margin-bottom: 30px;
    }

    ul.steps-list li .label h4 {
        font-size: 17px;
    }

    .addpatient-orsec button {
        padding: 11px 20px;
    }

    .checkoutleft-side {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    ul.steps-list {
        padding-left: 30px;
    }

        ul.steps-list li.in-view .label:before {
            left: -41px;
        }

        ul.steps-list li.complete .label i:after {
            left: -37px;
        }

    .documentcheck-text h4 {
        font-size: 18px;
    }

    .documentcheck-upload-sec {
        flex-direction: column;
        margin: 20px 0px;
    }

    .counselling-radio .rdio {
        display: flex;
    }

    .counselling-textarea label {
        font-size: 16px;
        display: inline;
    }

    .shippingmethod-secradio-row .counselling-radio .rdio {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .shippingmethod-secradio-row {
        flex-direction: column;
        align-items: self-start;
    }

    .customord-number label {
        font-size: 16px;
        display: inline;
    }

    .customord-number input[type="text" i] {
        width: 100%;
    }

    .billingadress-header {
        flex-direction: column;
        align-items: self-start;
    }

        .billingadress-header h4 {
            font-size: 16px;
        }

    .billingcheckadd-or-sec {
        margin: 0px 0px 0px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .counselling-radio .rdio label {
        font-size: 14px;
        display: inline;
    }

    .paymentoption-btnlist ul li {
        margin: 15px 0px;
    }

    .walletouter-column2 {
        padding-left: 0;
    }

    .walletouter-column {
        border-right: none;
        padding-right: 0;
        padding-left: 0;
    }

    .credit-dollor-list p {
        margin-right: 10px;
        font-size: 14px;
    }

    .orderamout-inputs label {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .crditadd-inputs label {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .orderamout-inputs {
        margin-bottom: 20px;
    }

    .patientcheckout-label {
        width: 100%;
    }

    .patientcheckout-select {
        width: 100%;
    }

    .patientcheckoutselect-row {
        align-items: self-end;
        flex-direction: column;
    }

    .addpatient-orsec {
        margin-top: 30px;
    }

    .reuestdetails-row {
        flex-direction: column;
    }

    .reuestdetails-column {
        width: 100%;
    }

    .reuestdetails-columnprt {
        width: 100%;
    }

    .reuestdetails-column p {
        margin-bottom: 4px;
    }

    .patientview-row {
        flex-direction: column;
    }

    .patientview-bold {
        width: 100%;
    }

    .patientview-unbold {
        width: 100%;
    }

    .patientview-bold p {
        margin-bottom: 4px;
    }

    .addproductcard-right {
        justify-content: space-between;
    }

    .fourzerofour-font h1 {
        font-size: 85px;
    }

    /*    .notifications-wrapper-section {
        padding: 30px 15px;
    }*/


    #Cousel_QueueOrder-table_paginate.dataTables_paginate .pagination li a {
        margin-left: 0px;
    }

    .notificationmain-sec .notification-textmid {
        margin-left: 10px;
    }

    .notificationmain-sec .allnotification-row {
        width: 100%;
    }

    .notificationmain-sec {
        flex-direction: column;
    }

    .allnotification-datetime {
        margin-left: 45px;
    }

    .product-label .form-label {
        display: unset;
    }

    .breadcrumb-section {
        margin-top: 15px;
    }

    .category-collapse-sec {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .addinputfiledbtn a {
        top: -13px;
        right: 0;
    }

    button.remove.hidden {
        top: 14px;
        right: 17px;
    }

    .tbContainer input[type="text"] {
        width: 85%;
        padding: 15px;
    }

    .newproduct-cat {
        margin-bottom: 24px;
    }

    .newproduct-cat-parent {
        margin-bottom: 24px;
    }

    .productleft-heads {
        margin-bottom: 20px;
    }

    .legend-symbols-flx {
        flex-direction: column;
        width: 100%;
    }

    .legend-symbols {
        margin-left: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .inventory-filechose-sec {
        flex-direction: column;
    }

    .inventory-filechose {
        width: 100%;
        margin-bottom: 15px;
    }

    .inventoryfile-run {
        width: 100%;
    }

    .makepayemntrights-heads {
        margin-bottom: 30px;
        flex-direction: column;
    }

    .notifications-head-prt .productleft-heads .date-range {
        flex-direction: initial;
    }

        .notifications-head-prt .productleft-heads .date-range label {
            font-size: 13px;
            margin-right: 10px;
        }

        .notifications-head-prt .productleft-heads .date-range input {
            font-size: 12px;
        }

    .notifications-head-prt .productleft-heads .calendaricon img {
        width: 12px;
    }

    .notifications-head-prt .productleft-heads .calendaricon {
        top: 0;
        right: 7px;
    }

    .notifications-wrapper .nav-tabs .nav-link {
        font-size: 15px;
        padding-left: 8px;
        padding-right: 8px;
    }

        .notifications-wrapper .nav-tabs .nav-link.active {
            font-size: 15px;
        }

    .notificationmain-sec .notification-textmid p {
        font-size: 15px;
    }

    .notificationmain-sec .clockbold {
        font-size: 12px;
    }

    .notificationmain-sec .notification-namebg h3 {
        height: 35px;
        width: 35px;
        font-size: 12px;
        line-height: 35px;
    }

    .ordertble-hedpart.notifications-head-prt {
        margin-bottom: 12px;
    }

        .ordertble-hedpart.notifications-head-prt .productleft-heads {
            margin-bottom: 0px;
        }

    .single-help-section p {
        font-size: 18px;
    }

    .main-section-doc p {
        font-size: 18px;
    }

    table tr td {
        white-space: nowrap;
    }

    .reportdate-range {
        width: 100%;
    }

    .column-rows-equal {
        padding: 10px;
    }

    .report-builder {
        margin: 0px 15px;
    }

    .report-builder-heading h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .arrow-builder-section {
        position: unset;
        transform: unset;
        margin: 20px auto;
        max-width: 100px;
    }

    .generate-btns {
        top: 0;
    }

        .generate-btns button img {
            width: 45%;
        }

    .communication-outerbox .msg-bubble {
        max-width: 246px;
    }

    .communication-outerbox .msg-info-name {
        font-size: 16px;
    }

    .communication-outerbox .msg-info-time {
        font-size: 12px;
    }

    .communication-outerbox .msg-text {
        font-size: 14px;
    }

    .communication-outerbox .msger-send-btn {
        width: auto;
    }

    .msg-img {
        width: 40px;
        height: 40px;
    }

    .stocks-Out {
        margin-left: 120px;
    }

    #Cousel_QueueOrder-table_wrapper > div:first-child > .col-sm-12:first-child {
        width: 100% !important;
    }

    #Cousel_QueueOrder-table_wrapper > div:first-child > .col-sm-12:last-child {
        width: 100% !important;
        display: block;
    }

    #Cousel_QueueOrder-table_paginate.dataTables_paginate .pagination li a {
        font-size: 10px;
        margin-right: 1px;
    }
}

@media only screen and (max-width: 390px) {
    .bothbtns-section {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        margin-right: -30px;
    }

    .CstmfontSize {
        font-size: 15px;
    }

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

    .signature-section > p {
        font-size: 14px;
    }

    .physician-complete-text h4 {
        padding-left: 35px;
    }
}

@media only screen and (min-width:280px) and (max-width:320px) {
    .order-history-section {
        padding: 0px;
    }

    .notifications-wrapper-section {
        padding: 10px;
    }

    .notifications-wrapper .nav-tabs .nav-link {
        width: 100%;
        margin-top: 10px;
    }

    .date-range {
        flex-direction: column;
        height: auto;
    }

    .ordertble-hedpart {
        flex-direction: column;
    }

    .orderleft-heads {
        flex-direction: column;
        width: 100%;
    }

    .order-by-sec {
        margin-bottom: 10px;
        width: 100%;
    }

    .order-checkboxs {
        flex-direction: column;
    }

        .order-checkboxs span {
            margin-bottom: 8px;
            margin-right: 0;
            text-align: left;
            width: 100%;
        }

        .order-checkboxs .checkmark {
            right: 8px;
            top: 6px;
        }

    .selecttime-period {
        margin-bottom: 15px;
        width: 100%;
    }

    .date-range {
        flex-direction: column;
        height: auto;
        margin-right: 0px;
    }

        .date-range label {
            margin-right: 0px;
            margin-bottom: 0;
        }

    .calendaricon {
        right: 10px;
        top: 36px;
    }

    .order-by-sec {
        margin-bottom: 10px;
        width: 100%;
    }

    .column-visibility {
        margin-bottom: 15px;
        width: 100%;
    }

    .order-by-sec {
        margin-bottom: 10px;
        width: 100%;
    }

    .order-checkboxs {
        flex-direction: column;
        margin-right: 0px;
    }

        .order-checkboxs .custom-check {
            width: 100%;
        }

        .order-checkboxs .checkmark {
            right: 8px;
            top: 6px;
        }

    .orderrights-heads {
        flex-direction: column;
        width: 100%;
    }

    .export-data {
        width: 100%;
    }

        .export-data button {
            width: 100%;
        }

    #order-admintable_filter input {
        width: 150px;
        margin-top: 10px;
    }
}