@media (max-width: 1199px) and (min-width: 992px) {
    .admin-dashboard p {
        font-size: 16px;
    }

    .admin-dashboard h2 {
        font-size: 1.5rem;
    }

    .rqtr-detail-info .info-title {
        line-height: initial;
    }
}

@media (max-width: 992px) {
    .sticky-toolbar {
        display: none;
    }

    #pid_textarea,
    #pid_textarea1 {
        width: 65%;
    }

    .pending-requests.approver h1,
    .request-history.approver h1,
    .new-request.approver h1 {
        font-size: 40px;
    }

    .admin-dashboard p {
        font-size: 16px;
    }

    .admin-dashboard h2 {
        font-size: 1.5rem;
    }

    .approver-dashboard p {
        font-size: 18px;
    }

    .user-add-modal .modal-content select {
        width: 100% !important;
    }

    .bars .search {
        width: 33.3%;
    }

    .bars select {
        width: 33.3%;
    }

    .bars a,
    .bars .bttn {
        width: 33.3%;
        text-align: center;
    }

    .t-first-responsive {
        position: sticky;
        left: 0;
    }

    .t-last-responsive {
        position: sticky;
        right: 0;
    }

    .rqtr-detail-info {
        padding-bottom: 0.5rem !important;
    }

    .tiles img {
        width: 25%;
    }

    .faqs-section {
        margin-bottom: 2.75rem;
    }

    .tiles p {
        font-size: 20px;
    }

    .rqts-form .nav-item {
        width: 33.33%;
    }

    .trnf .hower {
        width: 100%;
        margin-bottom: 10px;
    }

    .trnf {
        flex-wrap: wrap;
    }

    .rqts-form .nav-link {
        font-size: 14px !important;
        padding: 0.5rem !important;
    }

    .rqtr-detail-info {
        /* width: 33%; */
    }

    .req-detail-user {
        padding-right: 0;
    }

    /* .request-history.admin p {
    font-size: 1rem;
  } */
}

@media (max-width: 768px) {
    .select-box {
        width: 100%;
    }

    .bars {
        flex-wrap: wrap;
    }

    .bars .search {
        width: 100%;
        margin-bottom: 1rem;
    }

    .bars select {
        width: auto;
        flex: 1;
    }

    .bars a,
    .bars .bttn {
        width: auto;
        flex: 1;
    }

    .tiles img {
        width: 15%;
    }

    .tiles .col-md-4 {
        height: auto !important;
    }

    .tiles .flex-column {
        padding: 1.5rem 0;
    }

    .sharers input {
        max-width: 20rem !important;
    }

    .rqts-form .field-input,
    .rqts-form .field-input1 {
        width: 100%;
    }

    .sharers input {
        margin-right: 10px;
    }

    .we .form-check {
        padding-left: 15px;
    }

    .sharers input:first-child {
        margin-bottom: 10px;
    }

    .trnf .hower {
        width: 100%;
        margin-bottom: 10px;
    }

    .trnf #add_another2 {
        margin-right: 10px;
    }

    .trnf #add-another3 {
        margin-right: 10px;
    }

    .trnf {
        flex-wrap: wrap;
    }

    /* .shf input:first-child {
    width: 15.125rem !important;
  } */
    .appenders input:first-child {
        /* width: 100% !important; */
        margin-bottom: 10px;
    }

    .appenders {
        flex-wrap: wrap;
    }

    .appenders a {
        margin-top: 10px;
        margin-left: 0 !important;
    }

    .w-md-100 {
        width: 100%
    }
}

@media (max-width: 768px) and (min-width: 575px) {
    .user-add-modal .modal-content select {
        width: 100% !important;
    }

    .select-box {
        width: 30%;
    }

    .rqtr-detail-info {
        width: 50%;
        margin-right: auto;
    }

    .action-widgets {
        height: 100% !important;
    }

    .action-widgets .col-md-4 {
        height: 100px;
        margin-bottom: 20px;
    }

    .rqts-form .nav-item {
        width: 33.33%;
    }

    .rqts-form .nav-link {
        font-size: 14px;
        padding: 0.5rem;
    }

    .rqtr-info .info-title {
        font-size: 15px;
    }

    .rqtr-info .info-head {
        font-size: 12px;
    }

    .rqtr-info {
        padding: 0.4rem 1.5rem;
    }

    .approver-dashboard .col-md-4 {
        height: auto;
    }

    .approver-dashboard .flex-column {
        padding: 2rem;
    }
}

@media (max-width: 576px) {
    .bars select {
        width: 100%;
        flex: auto;
        margin-top: 0;
    }

    .bars a,
    .bars .bttn {
        width: 100%;
    }

    .admin-dashboard p {
        font-size: 20px;
    }

    .approver-dashboard .flex-column {
        padding: 1rem;
    }

    #pid_textarea,
    #pid_textarea1 {
        width: 90%;
    }

    .theme-pagination {
        zoom: 0.8;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

    .real-menu {
        width: 100%;
        left: -100%;
    }

    .app-search {
        flex-wrap: wrap;
    }

    .app-search .search {
        margin-bottom: 1rem;
        margin-right: 0 !important;
    }

    .app-search .dec-app-btn {
        display: flex;
        width: 100%;
    }

    .app-search a {
        flex: 1;
        text-align: center;
    }

    .th-role {
        min-width: 134px;
    }

    .th-requester {
        min-width: 126px;
    }

    .th-requestId {
        min-width: 110px;
    }

    .th-no {
        min-width: 60px;
    }

    .th-name {
        min-width: 102px;
    }

    .th-contact {
        min-width: 195px;
    }

    .req-cof {
        font-size: 18px;
    }

    th,
    td {
        font-size: 12px;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .th-dealing {
        min-width: 105px;
    }

    .th-date {
        min-width: 124px;
    }

    .th-shares {
        min-width: 133px;
    }

    .th-financial {
        min-width: 120px;
    }

    .th-status {
        min-width: 80px;
    }

    .th-sd_name {
        min-width: 105px;
    }

    .th-sd_dealingtype {
        min-width: 110px;
    }

    .th-sd_daterequested {
        min-width: 124px;
    }

    .th-sd_noofshares {
        min-width: 133px;
    }

    .th-sd_valueofshare {
        min-width: 117px;
    }

    .th-sd_requeststatus {
        min-width: 100px;
    }

    .search {
        width: 100%;
    }

    .search-select-box {
        flex-wrap: wrap;
    }

    .rqtr-detail-info {
        width: 100%;
    }

    .file-uploader {
        width: auto;
    }

    .default-theme header p {
        display: none;
    }

    .action-widgets {
        height: 100% !important;
    }

    .action-widgets .col-md-4 {
        height: 190px;
        margin-bottom: 20px;
    }

    .greet h1 {
        font-size: 1.5rem;
    }

    .action-widgets.admin .col-md-4 {
        height: 75px;
        margin-bottom: 10px;
    }

    .middle-box {
        margin-top: 0 !important;
    }

    .rqts-form .nav-link {
        font-size: 14px;
        padding: 0.5rem;
    }

    .rqts-form .tab-content .tab-pane {
        padding: 2rem 1rem;
    }

    .checkbox-margins {
        margin-bottom: 0;
    }

    .form-or {
        margin: 1rem 0;
    }

    .rqtr-info .info-title {
        font-size: 15px;
    }

    .rqtr-info .info-head {
        font-size: 12px;
    }

    .rqtr-info {
        padding: 0.4rem 1.5rem;
    }

    .field_wrapper .field-input {
        width: 48% !important;
    }

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

    .user-actions {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .user-actions a {
        margin-top: 0.8rem;
        flex: 1;
        text-align: center;
    }

    .user-actions button {
        flex: 1;
        text-align: center;
    }

    .greet {
        padding-top: 3.75rem;
        margin-bottom: 0;
    }

    .mb-radio .form-check {
        padding-left: 0;
    }

    #add_button1,
    #add_button {
        padding-left: 0.25rem;
    }

    .search {
        width: 100%;
        margin-top: 0.8rem;
    }

    .form-select {
        margin-top: 0.8rem;
    }
}

@media (max-width: 450px) {

    .admin-request-btn,
    .approver-request-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 401px) {
    .rqts-detail-bar {
        flex-wrap: wrap;
    }

    .rqts-resubmit-btn {
        margin-top: 1rem;
        width: 100%;
    }

    .rqts-resubmit-btn a {
        margin-left: 0 !important;
    }
}

@media (max-width: 375px) {
    .transaction-h h3 {
        font-size: 20px;
    }

    .admin-dashboard p {
        font-size: 15px;
    }
}

@media (max-width: 358px) {
    .iu {
        margin-left: 0 !important;
    }
}

@media (max-width: 325px) {
    .transaction-h h3 {
        font-size: 16px;
    }

    .admin-dashboard h2 {
        font-size: 1.3rem;
    }
}

@media (max-width: 320px) {
    .dec-app {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .dec-app .med-bttn {
        margin-bottom: 1rem;
    }

    .second-a {
        margin-left: 0 !important;
    }

    .req-file h4 {
        font-size: 16px;
    }
}