@media (max-width: 1900px) {
  .quz-container {
    padding: 0 30px;
    height: 100%;
  }
  /* .presentation-container {
    height: 100vh;
  } */
  .presentation-wrapper {
    height: auto;
  }
  .waiting-room-page {
    min-height: 100vh;
    max-height: 1000px;
  }
  #legend-wrap {
    margin-left: 20px !important;
    min-width: 270px;
  }
  .survey-detail-list {
    width: calc(60% - 10px);
  }
}

@media (max-width: 1600px) {
  .page-inner-logo {
    left: -70px;
  }
  .quz-content-wrapper > h4 {
    font-size: 26px;
  }
  .table_wrapper.completed_table_wrapper {
    height: calc(100vh - 490px);
    overflow: auto;
  }
  .survey-detail-list {
    width: calc(59% - 10px);
  }
}

@media (max-width: 1440px) {
  .header {
    padding: 0 15px 0 15px;
  }
  .individual-list {
    width: calc(50% - 10px);
  }

  .individual-wrapper {
    width: 50%;
  }
  .bottum-badge-text > span {
    font-size: 30px;
  }
  .bottum-badge-text {
    font-size: 18px;
  }
  .people-icon-wrapper {
    width: 34px;
    height: 34px;
  }
  .second-session-list {
    width: 100%;
  }
  .page-inner-logo {
    left: -25px;
  }
  .session-table-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .response-table-form {
    width: 100%;
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 360px) !important;
  }
  .survey-detail-list {
    width: calc(53% - 10px);
  }
  .table_wrapper.full_table_wrapper.full_table_wrapper-height {
    height: calc(100vh - 263px) !important;
  }
}

@media (max-width: 1400px) {
  .answer-options-wrapper {
    gap: 50px;
  }
  .page-inner-logo {
    display: none;
  }
  .quz-container {
    height: 100%;
  }

  .bottum-button-wrapper {
    margin-top: 30px;
  }

  .candidates-wrapper {
    width: 65%;
  }

  .participant-wrapper {
    width: 35%;
  }

  .candidates-head {
    margin-top: 50px;
  }

  .qr-wrapper {
    margin-top: 40px;
  }
  .login-img-section {
    padding: 70px;
  }
  .login {
    padding: 100px 90px 0px 70px;
  }

  .login-head-section h1 {
    font-size: 50px;
  }
  .bar-graph-wrapper > p {
    font-size: 21px;
  }
  .quiz-result-text-wrapper > p {
    font-size: 20px;
  }
  .green-tick-wrapper {
    width: 58px;
    height: 42px;
  }
  .quiz-result-bar {
    padding: 10px;
  }
  .quiz-result-bar > p {
    font-size: 28px;
  }
  .question-wrapper > h5 {
    font-size: 25px;
  }
  .session-completed-title {
    font-size: 50px;
  }

  .session-completed-sub-head {
    font-size: 20px;
  }
  .survey-detail-list {
    width: calc(51% - 10px);
  }
}

@media (max-width: 1366px) {
  .session-list {
    width: calc(40% - 10px);
  }
  .leaderboard-wrapper {
    width: 60%;
  }

  .bashbord-top-content-list > li {
    width: calc(33% - 8px);
  }
  .test-overview-chart-wrapper {
    width: 100%;
  }
  .chart-wrapper {
    width: calc(50% - 8px);
  }
  .sumo-input-wrapper {
    min-width: 160px;
  }
  .survey-detail-list {
    width: calc(50% - 10px);
  }
}

@media (max-width: 1300px) {
  .survey-detail-list {
    width: calc(46% - 10px);
  }
}

@media (max-width: 1200px) {
.survey-question-layout {
  flex-wrap: wrap;
}
div.preview_mod {
    /* width: 90% !important; */
    max-height: unset !important;
    min-height: 90vh;
    margin-left: unset !important;
    margin-right: unset !important;
    width: 90% !important;
  }

div.question-card-wrapper {
  width: 100%;
}

div.survey-sidebar-wrapper {
  width: 100%;
  min-width: unset;
}

 div.pop-body {
        width: 95%;
        margin: 10% auto;
        max-height: 70vh;
    }

  .answer-options {
    width: 80%;
  }
  .hamburger-btn {
    display: block;
  }

  .toggle-btn {
    display: none;
  }

  .side-menu {
    transform: translateX(-100%);
  }

  .content {
    width: calc(100% - 30px);
    margin: 75px 15px 15px 15px;
  }
  .header {
    width: calc(100% - 0px);
    /* margin: 0 20px 15px 0px; */
  }

  .header-logo-wrapper {
    display: block;
  }

  .side-bar-close {
    display: block;
  }

  .sidebar-hover .side-header {
    justify-content: space-between;
  }

  .side-menu .sidebar-menu {
    height: calc(100% - 60px);
  }

  .recruitment .col-four .card-boxes {
    width: calc(33.33% - 1%);
  }

  .side-menu.mobile-menu {
    transform: translate(0);
  }

  .employee-directory-home
    .table-employee
    .full_table_wrapper::-webkit-scrollbar {
    display: none;
  }

  .candidates-wrapper {
    width: 60%;
  }

  .participant-wrapper {
    width: 40%;
  }

  .candidates-head {
    margin-top: 30px;
  }

  .qr-wrapper {
    margin-top: 20px;
  }
  .login-img-section {
    padding: 60px;
  }
  .login {
    padding: 100px 70px 0px 30px;
  }
  .login-head-section h1 {
    font-size: 45px;
  }
  .green-tick-wrapper {
    width: 48px;
    height: 32px;
  }
  .quiz-result-bar {
    padding: 5px;
  }
  .quiz-result-bar > p {
    font-size: 25px;
  }
  .quiz-result-wrapper > li {
    font-size: 19px;
  }
  .bottum-badge-text > span {
    font-size: 28px;
  }
  .bottum-badge-text {
    font-size: 17px;
  }
  .people-icon-wrapper {
    width: 32px;
    height: 32px;
  }
  .session-table-top {
    flex-direction: row;
    align-items: center;
  }
  .dashboard-main-container {
    padding: 28px 0 28px 0px;
  }
  .session-completed-items > p {
    font-size: 20px;
  }
  .session-completed-items > h6 {
    font-size: 18px;
  }
  .session-completed-items {
    width: calc(20% - 40px);
  }
  .session-compleated-items-wrapper {
    gap: 40px;
  }
  .session-completed-title {
    font-size: 45px;
  }

  .session-completed-sub-head {
    font-size: 18px;
  }
  .quz-content-wrapper > h4 {
    font-size: 22px;
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 320px) !important;
  }
  .survey-detail-list {
    width: calc(54% - 10px);
  }
}

@media (max-width: 1034px) {
div.daterangepicker.show-calendar.opensleft {
  top: 100% !important;
  left: 0px !important;
  position: absolute !important;
  margin-top: 5px !important;
}

.daterangepicker.opensleft:before {
  right: 189px !important;
}

.daterangepicker.opensleft:after {
    right: 190px !important;
}

}

@media (max-width: 1024px) {
  .three-col-list {
    width: 100%;
    gap: 25px;
  }

  .two-col-item {
    width: 100%;
  }
  .bottum-button-wrapper {
    margin-top: 25px;
  }
  .answer-options {
    padding: 20px 18px;
  }
  .two-col-list {
    width: 100%;
  }
  .development-presentation-wrapper {
    flex-direction: column !important;
    gap: 30px;
    padding: 30px;
  }

  .qr-left-side {
    align-items: center;
  }

  .qr-right-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .qr-right-content > p {
    text-align: center;
  }

  .category-list {
    margin-top: 30px;
    row-gap: 30px;
  }
  .category-item {
    width: calc(33% - 40px);
  }
  .individual-list {
    width: calc(40% - 10px);
  }
  .individual-item {
    width: calc(33.33% - 10px);
  }
  .individual-wrapper {
    width: 60%;
  }
  .login-img-section {
    padding: 40px;
  }
  .login {
    padding: 100px 45px 0px 20px;
  }
  .login-head-section h1 {
    font-size: 40px;
  }
  .bar-graph-wrapper > p {
    font-size: 18px;
  }
  .candidates-head {
    font-size: 35px;
  }
  .candidates-sub-head {
    font-size: 18px;
  }
  .session-table-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .question-wrapper > h5 {
    font-size: 20px;
    line-height: 24px;
  }
  .quiz-result-bar {
    max-width: 60% !important;
  }
  .session-completed-items > p {
    font-size: 18px;
  }
  .session-completed-items > h6 {
    font-size: 16px;
  }
  .session-completed-items {
    width: calc(20% - 30px);
  }
  .session-compleated-items-wrapper {
    gap: 30px;
  }
  .session-completed-items {
    width: calc(25% - 50px);
  }
  .drop-list > li > .not-allowed {
    background-color: #f4f5fa;
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 360px) !important;
  }
  .radio-input-style {
    height: 26px;
    min-height: 26px;
    width: 26px;
    min-width: 26px;
  }
  .survey-detail-list {
    width: calc(100% - 10px);
  }
  .pie-chart-section {
    width: calc(100% - 10px);
  }
  #chart-wrap {
    margin: 0 !important;
  }
}

@media (max-width: 900px) {

  .w_85 {
  width: 65% ;
}
  .qr-container {
    max-width: 90%;
  }
  .login {
    padding: 100px 20px 0px 0px;
  }
  .login-img-section {
    padding: 30px;
  }
  .login-head-section h1 {
    font-size: 35px;
  }
  .question-container {
    min-height: 200px;
  }
  .session-main-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .leaderboard-wrapper {
    padding: 0px 35px 35px 0px;
    margin-top: 10px;
    width: 100%;
  }
  .session-list {
    width: 100% !important;
  }
  /* .fullscreen-btn{
    width: 100%;
  } */
  .leaderboard-main-wrapper {
    padding: 20px;
  }
  .leaderboard-bars-wrapper {
    margin-top: 40px;
  }
  .leaderboard-head {
    font-size: 35px;
  }
  .quiz-result-text-wrapper > p {
    font-size: 18px;
  }
  .bashbord-top-content-list > li {
    width: calc(50% - 8px);
  }
  .yet-answer {
    padding-right: 30px;
  }
  .login-section {
    width: 100%;
    padding: 35px;
  }
  .login-img-section {
    display: none;
  }
  .quz-content-wrapper > h4 {
    font-size: 18px;
  }
}

@media (max-width: 880px) {
  .response-table-form {
    flex-direction: column;
  }
  .search-wrapper > input {
    width: 97%;
  }
  .table-top-date-range-wrapper {
    width: 100%;
  }
  .quiz-result-bar {
    max-width: 100% !important;
  }
  .response-table-form .select-wrapper {
    width: 100%;
  }
  .search-wrapper {
    padding: 4px 7px;
  }
  .quz-container {
    padding: 0 50px 30px;
  }
  .quiz-result-wrapper {
    margin-left: 50px;
  }
}

@media (max-width: 820px) {
  .session-form.table-form {
    width: 100%;
  }
  .candidates-wrapper {
    width: 100%;
  }
  .participant-wrapper {
    width: 100%;
  }
  .candidates-wrapper {
    border-bottom-left-radius: 0px;
    border-top-right-radius: 12px;
  }
  .participant-wrapper {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 12px;
  }
  .answer-options-wrapper > li {
    width: 100%;
    margin-left: 28px;
  }

  .answer-options {
    max-width: 100%;
  }

  .individual-main-container {
    flex-direction: column;
  }
  .individual-list {
    width: 100%;
  }
  .individual-item {
    width: calc(25% - 10px);
  }
  .individual-wrapper {
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }

  .response-table-form {
    width: 100%;
  }
  .login-img-section {
    padding: 20px;
  }
  .leaderboard-bars-wrapper {
    margin-top: 30px;
  }
  .people-icon-wrapper {
    width: 28px;
    height: 28px;
  }
  .chart-wrapper {
    width: 100%;
  }
  .session-completed-items > p {
    font-size: 16px;
  }
  .session-completed-items > h6 {
    font-size: 14px;
  }
  .session-completed-items {
    width: calc(33.33% - 50px);
  }
  .session-completed-title {
    font-size: 45px;
  }

  .session-completed-sub-head {
    font-size: 18px;
  }
  /* .table_wrapper.full_table_wrapper {
    height: calc(100vh - 505px) !important;
  } */
  .survey-table-form {
  width: 100%;
}
}

@media (max-width: 768px) {
  .category-item {
    width: calc(50% - 30px);
  }
  .response-table-form {
    flex-direction: column;
  }
  div.skip_logic,
  div.display_logic {
  width: auto !important;
  padding-left: 15px;
  }

.question-dropdown-title  {
  flex-wrap: wrap;
}
  .table-top-date-range-wrapper {
    width: 100%;
    /* min-width: 100%; */
  }

  .login {
    padding: 0;
  }

  .login-form li {
    margin-top: 25px;
  }
  .leaderboard-bars-wrapper {
    width: 100%;
  }
  .custom-sumoselect-wrapper > .SumoSelect {
    width: 100% !important;
  }
  .bar-graph-wrapper > p {
    font-size: 16px;
  }
  .candidates-sub-head {
    font-size: 16px;
  }
  .quiz-result-wrapper > li {
    font-size: 16px;
  }
  .bottum-badge-text > span {
    font-size: 27px;
  }
  .bottum-badge-text {
    font-size: 16px;
  }
  .people-icon-wrapper {
    width: 26px;
    height: 26px;
  }
  .drop-main-li {
    width: 90%;
  }
  .drop-sub-li {
    width: calc(33.33% - 10px);
  }
  .dropdown-item-wrapper {
    flex-wrap: wrap;
  }
  .dashboard-table-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .dashboard-table-form {
    width: 100%;
  }

  .dashboard-date-range-wrapper {
    width: 50%;
  }
  .category-list {
    margin-top: 10px;
    row-gap: 5px;
  }

      .table td {
        font-size: 12px;
        padding: 8px 4px;
    }

    .table td:nth-child(4) { /* Email on mobile */
        max-width: 120px;
    }
}

@media (max-width: 666px) {
    div.daterangepicker.show-calendar.opensleft {
        top: 100% !important;
        left: -144px !important;
        position: absolute !important;
        margin-top: 5px !important;
    }

        .daterangepicker.opensleft:after {
          right: 20px !important;
        }

        .daterangepicker.opensleft:before {
          right: 19px !important;
        }
}

@media (max-width: 616px) {
   div.daterangepicker.show-calendar.opensleft {
        top: 100% !important;
        left: 0 !important;
        position: absolute !important;
        margin-top: 5px !important;
    }


    .daterangepicker.opensleft:after {
          right: 196px !important;
        }

        .daterangepicker.opensleft:before {
          right: 195px !important;
        }
}

@media (max-width: 640px) {
.table-search  {
  width: 100%;
}

  .three-col-list {
    width: 100%;
    gap: 15px;
  }
  .three-col-item {
    width: 100%;
  }

  .d-flex {
  display: flex !important;
  flex-wrap: wrap !important;
}

  .chart-container.px_30 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .legend {
       grid-template-columns: 1fr !important;
      padding-left: 50px !important;
      margin-bottom: 40px;
}

  .submit-button {
    width: 100%;
    padding: 14px 75px;
    outline: none;
    border: none;
    border-radius: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 90%;
    font-weight: 500;
  }
  .presentation-timer-wrapper {
    gap: 20px;
  }

  .question-wrapper > h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .answer-options-wrapper {
    font-size: 16px;
  }

  .answer-options {
    min-width: 100%;
  }

  .answer-options > P {
    font-size: 14px;
  }
  .answer-options-wrapper {
    gap: 20px;
  }
  .page-inner-logo {
    display: none;
  }
  .progress-bar-wrapper {
    width: 100%;
    /* margin-top: 50%; */
  }
  .radio-input-style {
    height: 20px;
    width: 20px;
    /* accent-color: #05b6a5; */
  }

  .bottum-submit-btn {
    display: block;
  }

  .page-logo {
    display: block;
    width: 120px !important;
  }
  .two-col-item {
    width: 100%;
  }
  .bottum-button-wrapper {
    margin-top: 20px;
  }
  .presentation-wrapper {
    padding: 20px 20px 20px;
    margin-top: 0;
  }
  .answer-options {
    padding: 20px 18px;
  }
  .correct-section-container > p {
    font-size: 13px;
  }
  .header-logo-wrapper {
    margin-left: 20px;
  }
  .table-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .table-form {
    width: 100%;
  }
  .bottom-checkbox-wrapper {
    gap: 20px;
  }
  .session-form.table-form {
    flex-direction: column;
    gap: 10px;
  }

  .table-top-input-wrapper {
    width: 100%;
  }
  .development-presentation-wrapper {
    padding: 10px;
  }

  .qr-container {
    max-width: 100%;
  }
  .participant-list {
    min-height: 250px !important;
  }
  .answer-options-wrapper > li {
    width: 80%;
    margin-left: 0px;
  }
  .login-section {
    padding: 30px;
  }
  .leaderboard-bars-wrapper {
    margin-top: 20px;
  }
  .leaderboard-head {
    font-size: 30px;
  }
  .candidates-head {
    font-size: 30px;
  }
  .quiz-start-btn {
    font-size: 11px;
  }
  .quiz-result-text-wrapper > p {
    max-width: 200px !important;
    min-width: 200px !important;
    font-size: 16px;
  }
  .session-item {
    width: calc(50% - 10px);
  }
  .bashbord-top-content-list > li {
    width: 100%;
  }
  .drop-main-li {
    width: 92%;
  }

  .drop-main-li {
    width: 85%;
  }
  .drop-sub-li {
    width: 100%;
  }
  .dropdown-answer-wrapper {
    flex-wrap: wrap;
  }
  .question-dropdown-item {
    padding: 15px;
  }
  .your-answer {
    width: 200px;
  }
  .select-wrapper {
    width: 100%;
  }
  /* .presentation-container {
    height: 100vh;
  } */
  .bar-graph-wrapper {
    width: 40%;
  }
  .dashboard-table-form {
    flex-direction: column;
  }
  .dashboard-date-range-wrapper {
    width: 100%;
  }

  .dashboard-table-form {
    gap: 10px;
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 330px);
  }
  div:where(.swal2-container) div:where(.swal2-popup) {
    max-width: 90% !important;
  }
  div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 1.5em !important;
  }
  div:where(.swal2-container) .swal2-html-container {
    font-size: 1em !important;
  }
  .mt-28 {
    margin-top: 18px;
  }
  .qs-add-btn {
    margin-top: 27px;
  }
  .file-upload-input {
    margin-top: 18px;
    margin-left: 22px;
  }
  .session-completed-items {
    width: calc(50% - 50px);
  }
  .session-completed-title {
    font-size: 35px;
  }

  .session-completed-sub-head {
    font-size: 16px;
  }
  .mt-15 {
    margin-top: 0px;
  }
  .two-col-list {
    gap: 0;
  }
  .presentation-list-wrapper {
    margin-top: 0px;
  }
  .session-report-enter {
    margin-right: 0% !important;
  }
  .table_wrapper.completed_table_wrapper {
    height: calc(100vh - 510px);
    overflow: auto;
  }
  .session-question-table {
    height: calc(100vh - 510px);
  }
  .table_wrapper.session-question_table_wrapper {
    height: calc(100vh - 600px);
  }
  .session-user-table {
    height: calc(100vh - 445px);
  }
  .radio-input-style {
    height: 20px;
    min-height: 20px;
    width: 20px;
    min-width: 20px;
  }
  .session-started-wrapper > h3 {
    font-size: 18px !important;
  }

  .session-started-wrapper > p {
    font-size: 13px !important;
  }
  .test_table_wrapper {
    height: calc(100vh - 296px);
    overflow: auto;
  }
  .table_wrapper.full_table_wrapper.session-detail-table-wrapper {
    height: calc(100vh - 490px) !important;
    overflow: auto;
  }
  .survey-detail-item {
    width: calc(33.33% - 10px);
  }
  #chart-container {
    flex-direction: column;
  }
  #page-csat-custom-legend {
    width: 100% !important;
  }
  .page-csat-legend-entry {
    width: 100% !important;
  }
  .avg-survey-rating-legend-item {
    width: 100% !important;
  }
  .average-survey-td {
    font-size: 14px !important;
  }
  .value-td {
    font-size: 17px !important;
  }
  .completed-session-table {
    height: calc(100vh - 408px);
  }
  .table_wrapper.full_table_wrapper.full_table_wrapper-height {
    height: calc(100vh - 294px) !important;
  }
  .session-item {
    width: calc(33.33% - 10px) !important;
  }
  .table_wrapper.management_table_wrapper {
  height: calc(100vh - 295px);
}
.survey-table-form {
  flex-direction: column;
  width: 100%;
}
.chart-container {
  padding: 8px 0 0 0;
}
.legend {
  font-size: 12px;
  gap: 10px 16px;
}
}

@media (max-width: 570px) {
  .table-form {
    flex-direction: column;
    gap: 10px;
  }
  .bottom-checkbox-wrapper {
    gap: 15px;
  }

  input.table-search {
    width: 100%;
  }


  .search-wrapper {
    min-width: 100%;
  }

  .candidates-head {
    text-align: center;
    font-size: 28px;
  }

  .candidates-sub-head {
    text-align: center;
  }

  .qr-container {
    flex-direction: column;
    align-items: center;
  }

  .quiz-start-btn {
    margin-top: 30px;
    text-align: center;
    width: 100%;
  }

  .candidates-wrapper {
    padding: 25px 20px 30px;
  }
  .presentation-header > h3 {
    width: 300px;
  }

  .presentation-list-wrapper {
    padding: 20px 10px;
  }

  .individual-wrapper-item {
    flex-direction: column;
  }
  .individual-item {
    width: calc(33.33% - 10px);
  }
  .login-section {
    padding: 25px;
  }
  .bar-graph-wrapper > p {
    font-size: 17px;
  }
  .bar-graph-wrapper > p > span {
    font-size: 10px;
  }
  .leaderboard-head {
    font-size: 28px;
  }
  .leaderboard-bar > span {
    width: 24px;
    height: 24px;
  }
  .candidates-sub-head {
    font-size: 14px;
  }
  .quiz-result-text-wrapper > p {
    font-size: 14px;
  }
  .green-tick-wrapper {
    width: 38px;
    height: 22px;
  }
  .quiz-result-bar {
    padding: 0px;
  }
  .quiz-result-bar > p {
    font-size: 20px;
  }
  .quiz-result-wrapper > li {
    font-size: 14px;
  }
  .quiz-result-text-wrapper > p {
    max-width: 210px !important;
    min-width: 210px !important;
  }
  .bottum-badge-text > span {
    font-size: 25px;
  }
  .bottum-badge-text {
    font-size: 14px;
  }
  .people-icon-wrapper {
    width: 24px;
    height: 24px;
  }
  .search-wrapper.admin {
    min-width: 100%;
  }
  .drop-main-li {
    width: 100%;
  }
  .three-col-list {
    gap: 10px;
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 330px);
  }
  .mt-28 {
    margin-top: 10px;
  }
  .qs-add-btn {
    margin-top: 26px;
  }
  .file-upload-input {
    margin-top: 10px;
  }
  .pagination-count {
    font-size: 13px !important;
  }
  .pagination a {
    font-size: 13px !important;
  }
  .category-wrapper > h6 {
    min-width: 100% !important;
  }
  .session-completed-items {
    width: 100%;
  }
  .session-completed-title {
    font-size: 25px;
  }

  .session-completed-sub-head {
    font-size: 14px;
  }
  .bottum-button-wrapper {
    margin-top: 0px;
  }
  .session-question-table {
    height: calc(100vh - 360px);
  }
  .table_wrapper.session-question_table_wrapper {
    height: calc(100vh - 539px);
  }
  .session-user-table {
    height: calc(100vh - 393px);
  }
  .test_table_wrapper {
    height: calc(100vh - 338px);
    overflow: auto;
  }
  .survey-detail-item {
    width: calc(50% - 10px);
  }
  .completed-session-table {
    height: calc(100vh - 363px);
  }
  .table_wrapper.full_table_wrapper.full_table_wrapper-height {
    height: calc(100vh - 389px) !important;
  }
    .table_wrapper.management_table_wrapper {
    height: calc(100vh - 338px);
  }
}

@media (max-width: 536px) {
  .qs-add-btn {
    margin-top: 10px;
    margin-left: 22px;
  }
  .file-upload-input {
    margin-left: 0px;
  }
  .page-top-tab-list {
    gap: 5px;
  }
  .page-top-tab-item {
    min-width: 80px;
    padding: 3px 5px 3px 5px;
    font-size: 14px;
  }
   .session-item {
    width: calc(50% - 10px) !important;
  }
}

@media (max-width: 480px) {

    .w_85 {
  width: 45% ;
}
  .header-logo-wrapper {
    display: none;
  }
  .page-top-button-wrapper {
    width: 100%;
    margin-top: 10px;
  }

  .top-export-btn {
    width: 50%;
  }
  .document-wrapper {
    height: 35px !important;
    margin-top: 10px !important;
  }

  .page-top-button {
    width: 50%;
    padding: 0px 20px;
  }

  .page-top-button {
    height: 34px !important;
    margin-top: 10px !important;
  }
  .category-item {
    width: calc(100% - 30px);
  }
  .table-top-select-wrapper > select {
    min-width: 100%;
  }
  .login-form li {
    margin-top: 15px;
  }

  .login-section {
    padding: 20px;
  }
  .bottum-button-wrapper {
    flex-direction: column;
  }
  .session-item {
    width: 100%;
  }
  .table-session-management {
    height: calc(100vh - 250px);
  }
  .table_wrapper.full_table_wrapper {
    height: calc(100vh - 380px);
  }
  #drawing_canvas {
    width: 330px;
  }
  .test_table_wrapper {
    height: calc(100vh - 388px);
    overflow: auto;
  }
  .survey-detail-item {
    width: 100%;
  }
  .table_wrapper.full_table_wrapper.full_table_wrapper-height {
    height: calc(100vh - 433px) !important;
  }
  .session-item {
    width: 100% !important;
  }
    .completed-session-table {
    height: calc(100vh - 416px);
  }
    .table_wrapper.management_table_wrapper {
    height: calc(100vh - 390px);
  }
  .edit-panel {
    width: 100%;
  }
}