/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .stu-name-sub {
    padding: 0;
    text-align: center;
  }
  .brand-name {
    font-size: 18px;
  }

  .student-pic-detail {
    display: block;
  }

  .doc-title {
    height: auto;
  }

  .doc-title p {
    margin-bottom: 0px;
    text-align: left;
  }

  .doc-img {
    display: none;
  }

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

  .doc-icon {
    float: right;
    margin-top: 4px;
  }

  .wide-screen {
    display: none;
  }

  .mobile-screen {
    /* display: block; */
    max-width: 300px !important;
  }

  .signin-content {
    padding: 26px 20px;
  }

  .sign-form {
    margin: 20px 0px;
  }

  .sb-topnav .navbar-brand {
    width: 65px;
  }

  .audio-recording {
    width: 290px;
  }

  .document-preview {
    width: 290px;
  }

  .img-preview-list {
    width: 290px;
  }

  /* .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  } */

  .btn-spacing {
    width: 40% !important;
  }

  .sort-go-btn {
    width: 20% !important;
  }
  .lang-dropdown {
    width: 97px;
  }
  .resetpswd-content {
    padding: 26px 20px;
  }
  .fc .fc-toolbar-title {
    font-size: 1rem !important;
  }
  .stu-profile-pic {
    width: 60%;
    height: 60%;
  }
  .indicator-clndr {
    justify-content: flex-start !important;
  }
  .p-pic-ext {
    width: 130px;
    height: 130px;
  }
  .privacy-policy {
    transform: translate(-50%, -60%) !important;
  }

  .privacy-body {
    max-height: 280px !important;
  }

  .card-container-fluid {
    width: 100%;
  }
  .card-filter-flex {
    display: block;
  }
  .card-filter-flex select {
    margin-bottom: 10px;
  }
  .search-btn {
    width: 100%;
    height: 34px;
  }
  .timesheet-total-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .timesheet-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .timesheet-footer-btns {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    display: flex;
  }
  .timesheet-value {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .timesheet-btn {
    width: 100%;
  }
  .timesheet-value {
    margin-bottom: 10px;
  }

  /* record session */
  .large-screen {
    display: none;
  }
  .mini-screen {
    display: block !important;
  }
  .session-list-large {
    display: none !important;
  }
  .session-list-mini {
    display: block;
  }
  .filter-large {
    display: none !important;
  }
  .filter-mini {
    display: block;
  }
  .popup-container {
    padding: 0px;
  }
  /*    student record a session    */
  .q {
    margin-bottom: 0px;
  }
  .q-mobile-content {
    display: block !important;
  }
  .q-mobile-content-right {
    justify-content: space-around;
    border-radius: 5px;
    border: 1px solid #0000002b;
    padding: 12px 10px;
    margin-top: 9px;
  }
  .label-container-mobile {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .chat-type {
    width: 180px !important;
  }

  /* version control doc modal */

  .doc-version-info {
    display: block;
  }
  .version-file-name {
    width: 100%;
    margin-bottom: 10px;
  }
  .version-file-category {
    width: 100%;
    padding: 7px 13px;
  }
  .doc-version-edit-info {
    display: block;
  }
  .doc-version-final-sec-left {
    display: block;
    width: 100%;
  }
  .input-doc-version {
    width: 100%;
    margin-bottom: 10px;
  }
  .doc-version-final-sec {
    width: 100%;
    margin-top: 10px;
  }
  .version-submit {
    padding: 0px 30px;
  }

  .doc-file-img {
    width: 50%;
  }

  .timesheet-select-wrapper {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .timesheet-footer-select {
    flex-direction: column;
  }
  .stff-tming-buttns {
    display: flex;
  }
  .doc-profile-pic-sec {
    flex-direction: column;
  }
  .doc-sess-prof {
    margin-bottom: 20px;
  }
  .doc-sec {
    flex-direction: column;
  }
  .doc-content-left {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
  }
  .doc-content-area {
    overflow: hidden !important;
    height: unset !important;
  }
  .ad-timesheet {
    height: unset;
  }
  .doc-det-mob:not(:last-child) {
    margin-bottom: 10px;
  }
  .doc-sess-prof {
    flex-direction: column;
  }
  .doc-profile-info {
    text-align: center;
  }
  .doc-profile-pic-sample {
    margin-bottom: 10px;
  }
  .view {
    margin-right: 8px;
  }
  .stff-timing {
    flex-direction: column;
  }
  .record-search {
    margin-top: 10px;
  }
  .inv-stud-fld {
    flex-direction: column;
  }
  .invoice-apply-btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .inv-stud-hdng-sub {
    flex-direction: column;
  }
  .inv-hdng-span {
    text-align: left !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .student-list {
    height: calc(100vh - 10px);
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .stff-tming-buttns {
    display: flex;
  }
  /* .wide-screen {
    display: none;
  }

  .mobile-screen {
    display: block;
  } */

  .audio-recording {
    width: 340px;
  }

  .document-preview {
    width: 340px;
  }

  .img-preview-list {
    width: 340px;
  }
  /* .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  } */
  .fc .fc-toolbar-title {
    font-size: 1rem !important;
  }
  .stu-profile-pic {
    width: 60%;
    height: 60%;
  }
  .indicator-clndr {
    justify-content: flex-start !important;
  }
  .p-pic-ext {
    width: 130px;
    height: 130px;
  }

  .privacy-policy {
    transform: translate(-50%, -59%) !important;
  }

  .privacy-body {
    max-height: 380px !important;
  }

  /* record session */

  .large-screen {
    display: none;
  }
  .mini-screen {
    display: block !important;
  }
  .session-list-large {
    display: none !important;
  }
  .session-list-mini {
    display: block;
  }
  .filter-large {
    display: none !important;
  }
  .filter-mini {
    display: block;
  }
  .popup-container {
    padding: 0px;
  }
  /*    student record a session    */
  .q-mobile-content {
    display: block !important;
  }
  .q-mobile-content-right {
    justify-content: space-around;
    border-radius: 5px;
    border: 1px solid #0000002b;
    padding: 12px 10px;
    margin-top: 9px;
  }
  .label-container-mobile {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .q {
    margin-bottom: 0px;
  }
  .chat-type {
    width: 230px !important;
  }

  /* version control doc modal */
  .doc-version-info {
    display: block;
  }
  .version-file-name {
    width: 100%;
    margin-bottom: 10px;
  }
  .version-file-category {
    width: 100%;
    padding: 7px 13px;
  }
  .doc-version-edit-info {
    display: block;
  }
  .doc-version-final-sec-left {
    display: block;
    width: 100%;
  }
  .input-doc-version {
    width: 100%;
    margin-bottom: 10px;
  }
  .doc-version-final-sec {
    width: 100%;
    margin-top: 10px;
  }
  .version-submit {
    padding: 0px 30px;
  }
  .timesheet-select-wrapper {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .timesheet-footer-select {
    flex-direction: column;
  }
  .doc-profile-pic-sec {
    flex-direction: column;
  }
  .doc-sess-prof {
    margin-bottom: 20px;
  }
  .doc-sec {
    flex-direction: column;
  }
  .doc-content-left {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
  }
  .doc-content-area {
    overflow: hidden !important;
    height: unset !important;
  }
  .ad-timesheet {
    height: unset;
  }
  .view {
    margin-right: 8px;
  }
  .stff-timing {
    flex-direction: column;
  }
  .record-search {
    margin-top: 10px;
  }
  .inv-stud-fld {
    flex-direction: column;
  }
  .invoice-apply-btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .inv-stud-hdng-sub {
    flex-direction: column;
  }
  .inv-hdng-span {
    text-align: left !important;
  }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .stff-tming-buttns {
    display: flex;
  }

  /* .wide-screen {
    display: none;
  }

  .mobile-screen {
    display: block;
  } */

  .sb-topnav .navbar-brand {
    width: 180px;
  }

  .audio-recording {
    width: 340px;
  }

  .document-preview {
    width: 340px;
  }

  .img-preview-list {
    width: 340px;
  }
  /* .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  } */
  .fc .fc-toolbar-title {
    font-size: 1rem !important;
  }
  .stu-profile-pic {
    width: 60%;
    height: 60%;
  }
  .indicator-clndr {
    justify-content: flex-start !important;
  }
  .p-pic-ext {
    width: 130px;
    height: 130px;
  }

  .privacy-policy {
    transform: translate(-50%, -59%) !important;
  }

  .privacy-body {
    max-height: 380px !important;
  }

  .card-container-fluid {
    width: 100%;
  }
  .card-filter-flex {
    display: block;
  }
  .card-filter-flex select {
    margin-bottom: 10px;
  }
  .search-btn {
    width: 100%;
    height: 34px;
  }
  .timesheet-total-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .timesheet-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .timesheet-footer-btns {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .timesheet-value {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .session-list-large {
    display: none !important;
  }
  .session-list-mini {
    display: block;
  }
  .filter-large {
    display: none !important;
  }
  .filter-mini {
    display: block;
  }
  .popup-container {
    padding: 0px;
  }
  /*    student record a session    */
  .q {
    margin-bottom: 0px;
  }
  .q-mobile-content {
    display: block !important;
  }
  .q-mobile-content-right {
    justify-content: space-around;
    border-radius: 5px;
    border: 1px solid #0000002b;
    padding: 12px 10px;
    margin-top: 9px;
  }
  .label-container-mobile {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .doc-file-img {
    width: 50%;
  }
  .timesheet-select-wrapper {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .timesheet-footer-select {
    flex-direction: column;
  }
  .doc-profile-pic-sec {
    flex-direction: column;
  }
  .doc-sess-prof {
    margin-bottom: 20px;
  }
  .doc-sec {
    flex-direction: column;
  }
  .doc-content-left {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
  }
  .doc-content-area {
    overflow: hidden !important;
    height: unset !important;
  }
  .ad-timesheet {
    height: unset;
  }
  .view {
    margin-right: 8px;
  }
  .stff-timing {
    flex-direction: column;
  }
  .record-search {
    margin-top: 10px;
  }
  .inv-stud-fld {
    flex-direction: column;
  }
  .invoice-apply-btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .inv-stud-hdng-sub {
    flex-direction: column;
  }
  .inv-hdng-span {
    text-align: left !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .student-list {
    height: calc(100vh - 10px);
  }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .stff-tming-buttns {
    display: flex;
  }
  .audio-recording {
    width: 340px;
  }

  .document-preview {
    width: 340px;
  }

  .img-preview-list {
    width: 340px;
  }
  /* .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  } */
  .fc .fc-toolbar-title {
    font-size: 1rem !important;
  }
  .stu-profile-pic {
    width: 60%;
    height: 60%;
  }
  .indicator-clndr {
    justify-content: flex-start !important;
  }
  .p-pic-ext {
    width: 130px;
    height: 130px;
  }

  .privacy-policy {
    transform: translate(-50%, -58%) !important;
  }

  .privacy-body {
    max-height: 440px !important;
  }

  .card-container-fluid {
    width: 100%;
  }
  .card-filter-flex {
    display: block;
  }
  .card-filter-flex select {
    margin-bottom: 10px;
  }
  .search-btn {
    width: 100%;
    height: 34px;
  }
  .timesheet-total-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .timesheet-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .timesheet-footer-btns {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .timesheet-value {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  /* record session */
  .large-screen {
    display: none;
  }
  .mini-screen {
    display: block !important;
  }
  .session-list-large {
    display: none !important;
  }
  .session-list-mini {
    display: block;
  }
  .filter-large {
    display: none !important;
  }
  .filter-mini {
    display: block;
  }
  .popup-container {
    padding: 0px;
  }
  /*    student record a session    */
  .q-mobile-content {
    display: block !important;
  }
  .q-mobile-content-right {
    justify-content: space-around;
    border-radius: 5px;
    border: 1px solid #0000002b;
    padding: 12px 10px;
    margin-top: 9px;
  }
  .label-container-mobile {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .q {
    margin-bottom: 0px;
  }

  /* version control doc modal */

  .doc-version-info {
    display: block;
  }
  .version-file-name {
    width: 100%;
    margin-bottom: 10px;
  }
  .version-file-category {
    width: 100%;
    padding: 7px 13px;
  }
  .doc-version-edit-info {
    display: block;
  }
  .doc-version-final-sec-left {
    display: block;
    width: 100%;
  }
  .input-doc-version {
    width: 100%;
    margin-bottom: 10px;
  }
  .doc-version-final-sec {
    width: 100%;
    margin-top: 10px;
  }
  .version-submit {
    padding: 0px 30px;
  }
  .doc-file-img {
    width: 50%;
  }
  .timesheet-select-wrapper {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .timesheet-footer-select {
    flex-direction: column;
  }
  .doc-profile-pic-sec {
    flex-direction: column;
  }
  .doc-sess-prof {
    margin-bottom: 20px;
  }
  .doc-sec {
    flex-direction: column;
  }
  .doc-content-left {
    margin-bottom: 15px !important;
    margin-right: 0px !important;
  }
  .doc-content-area {
    overflow: hidden !important;
    height: unset !important;
  }
  .ad-timesheet {
    height: unset;
  }
  .view {
    margin-right: 8px;
  }
  .stff-timing {
    flex-direction: column;
  }
  .record-search {
    margin-top: 10px;
  }
  .inv-stud-fld {
    flex-direction: column;
  }
  .invoice-apply-btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .inv-stud-hdng-sub {
    flex-direction: column;
  }
  .inv-hdng-span {
    text-align: left !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .student-list {
    height: calc(100vh - 10px);
  }
}

/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  /* 
  .wide-screen {
    display: none;
  }

  .mobile-screen {
    display: block;
  } */

  .sb-topnav .navbar-brand {
    width: 120px;
  }

  .audio-recording {
    width: 340px;
  }

  .document-preview {
    width: 340px;
  }

  .img-preview-list {
    width: 340px;
  }
  /* .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  } */
  .fc .fc-toolbar-title {
    font-size: 1rem !important;
  }
  .stu-profile-pic {
    width: 60%;
    height: 60%;
  }
  .indicator-clndr {
    justify-content: flex-start !important;
  }
  .p-pic-ext {
    width: 130px;
    height: 130px;
  }
  .privacy-policy {
    transform: translate(-50%, -57%) !important;
  }

  .privacy-body {
    max-height: 500px !important;
  }
  .card-container-fluid {
    width: 100%;
  }
  .card-filter-flex {
    display: block;
  }
  .card-filter-flex select {
    margin-bottom: 10px;
  }
  .search-btn {
    width: 100%;
    height: 34px;
  }
  .timesheet-total-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .timesheet-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .timesheet-footer-btns {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .timesheet-value {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  /* record session */
  .large-screen {
    display: none;
  }
  .mini-screen {
    display: block !important;
  }
  .session-list-large {
    display: none !important;
  }
  .session-list-mini {
    display: block;
  }
  .filter-large {
    display: none !important;
  }
  .filter-mini {
    display: block;
  }
  .popup-container {
    padding: 0px;
  }
  /*    student record a session    */
  .q-mobile-content {
    display: block !important;
  }
  .q-mobile-content-right {
    justify-content: space-around;
    border-radius: 5px;
    border: 1px solid #0000002b;
    padding: 12px 10px;
    margin-top: 9px;
  }
  .label-container-mobile {
    margin-bottom: 5px;
    margin-right: 0px;
  }
  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }
  .chat-type {
    width: 230px !important;
  }

  /* version control doc modal */
  .doc-version-info {
    display: block;
  }
  .version-file-name {
    width: 100%;
    margin-bottom: 10px;
  }
  .version-file-category {
    width: 100%;
    padding: 7px 13px;
  }
  .doc-version-edit-info {
    display: block;
  }
  .doc-version-final-sec-left {
    display: block;
    width: 100%;
  }
  .input-doc-version {
    width: 100%;
    margin-bottom: 10px;
  }
  .doc-version-final-sec {
    width: 100%;
  }
  .version-submit {
    padding: 0px 30px;
  }

  .doc-file-img {
    width: 60%;
  }
  .timesheet-select-wrapper {
    margin-bottom: 10px;
    margin-right: 0px !important;
  }
  .timesheet-footer-select {
    flex-direction: column;
  }
  .view {
    margin-right: 8px;
  }
  .stff-timing {
    flex-direction: column;
  }
  .record-search {
    margin-top: 10px;
  }
  .inv-stud-fld {
    flex-direction: column;
  }
  .invoice-apply-btn {
    width: 100% !important;
    margin-top: 10px;
  }
  .inv-stud-hdng-sub {
    flex-direction: column;
  }
  .inv-hdng-span {
    text-align: left !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .student-list {
    height: calc(100vh - 10px);
  }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 70%;
  }

  .tab {
    width: 30%;
  }
  /* .desktop-view {
    display: block;
  }

  .mobile-view {
    display: none;
  } */
  .support-details-listing {
    display: flex;
  }

  .privacy-policy {
    transform: translate(-50%, -57%) !important;
  }

  .privacy-body {
    max-height: 500px !important;
  }
  .card-container-fluid {
    width: 100%;
  }
  /* record session */
  .stu-session-pic {
    width: 62px;
    height: 62px;
  }

  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }

  /* record session */
  .stu-session-pic {
    width: 62px;
    height: 62px;
  }
  /*    admin record a session    */
  .filter-mini {
    display: block;
    margin-bottom: 10px;
  }
  /* version control doc moda */
  .modal-doc {
    max-width: 700px !important;
  }
  .timesheet-footer-select {
    margin-bottom: 10px !important;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-container {
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 70%;
  }

  .tab {
    width: 30%;
  }
  /* .desktop-view {
    display: block;
  }

  .mobile-view {
    display: none;
  } */
  .support-details-listing {
    display: flex;
  }
  .privacy-policy {
    transform: translate(-50%, -57%) !important;
  }

  .privacy-body {
    max-height: 500px !important;
  }
  .card-container-fluid {
    width: 100%;
  }
  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }

  /*    admin record a session    */
  .filter-mini {
    display: block;
    margin-bottom: 10px;
  }
  /*  student recoard session  */
  .ipad-filter-mini {
    display: none !important;
  }
  .timesheet-footer-select {
    margin-bottom: 10px !important;
  }
}

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 70%;
  }

  .tab {
    width: 30%;
  }
  /* .desktop-view {
    display: block;
  }

  .mobile-view {
    display: none;
  } */
  .support-details-listing {
    display: flex;
  }
  .privacy-policy {
    transform: translate(-50%, -57%) !important;
  }

  .privacy-body {
    max-height: 500px !important;
  }
  .card-container-fluid {
    width: 80%;
  }
  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }
  /* version control doc modal */
  .modal-doc {
    max-width: 700px !important;
  }
  .timesheet-footer-select {
    margin-bottom: 0px !important;
  }
}

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 70%;
  }

  .tab {
    width: 30%;
  }
  /* .desktop-view {
    display: block;
  }

  .mobile-view {
    display: none;
  } */
  .support-details-listing {
    display: flex;
  }
  .privacy-policy {
    transform: translate(-50%, -57%) !important;
    top:52% !important;
  }

  .privacy-body {
    max-height: 700px !important;
  }
  .card-container-fluid {
    width: 100%;
  }
  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }

  /*    admin record a session    */
  .filter-mini {
    display: block;
    margin-bottom: 10px;
  }
  /*  student recoard session  */
  .ipad-filter-mini {
    display: none !important;
  }
  .timesheet-footer-select {
    margin-bottom: 0px !important;
  }
}

/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 78% !important;
  }

  .tab {
    width: 22% !important;
  }
  /* .desktop-view {
    display: block;
  }

  .mobile-view {
    display: none;
  } */
  .support-details-listing {
    display: flex !important;
  }
  .privacy-policy {
    transform: translate(-50%, -56%) !important;
    width: 50%;
  }

  .privacy-body {
    max-height: 500px !important;
  }
  .card-container-fluid {
    width: 90%;
  }

  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  /* .wide-screen {
    display: block;
  }

  .mobile-screen {
    display: none;
  } */

  .tabcontent {
    width: 80%;
  }

  .tab {
    width: 20%;
  }
  .support-details-listing {
    display: flex !important;
  }

  .privacy-policy {
    transform: translate(-50%, -56%) !important;
    width: 50% !important;
  }

  .privacy-body {
    max-height: 500px !important;
  }

  .card-container-fluid {
    width: 90%;
  }

  /* staff - record a session qn add field   */
  .q-mobile-content {
    display: block !important;
  }
  .q {
    margin-bottom: 0px;
  }
}

/* chat design */
@media (max-width: 1024px) {
  div .main-con {
    padding-right: 0px;
  }
}

@media (max-width: 320px) {
  .right-nav {
    width: 320px;
  }

  .caht-type {
    width: 188px !important;
  }
}

@media (min-width: 420px) {
  .doc-icon {
    display: none;
  }
  .support-details-listing {
    display: flex !important;
  }
}

@media (min-width: 1280px) {
  .privacy-policy {
    width: 60% !important;
  }
}

@media (max-width: 768px) {
  .fc-toolbar .fc-left,
  .fc-toolbar .fc-center,
  .fc-toolbar .fc-right {
    display: inline-block;
    float: none !important;
  }
}

@media (min-width: 768px) {
  .support-details-listing {
    display: flex !important;
  }
  .filter-dropdown {
    min-width: 22rem !important;
    padding: 15px 15px 15px 15px !important;
  }
}

@media (max-width: 767px) {
  .mobile-screen {
    max-width: 300px !important;
  }
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .doc-version-edit-info {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .doc-version-final-sec-left {
    width: 100%;
  }
  .doc-version-final-sec {
    width: 100%;
    margin-top: 12px;
  }
}