@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) {
  .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: 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) {
  .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;
  }
  .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;
  }
}

@media (max-width: 640px) {
  .three-col-list {
    width: 100%;
    gap: 15px;
  }
  .three-col-item {
    width: 100%;
  }

  .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%;
}
}

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

  .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) {
  .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);
  }
}