@media screen and (max-width: 1900px) {
  .disclaimer-style {
    margin-top: 0;
  }
  .history-active a {
    height: 36px;
  }
  .history-saved-wrapper {
    height: 40px;
  }
  /* .transform-button {
    padding: 6px 12px 6px 12px;
  }
  .transform-btn {
    font-size: 15px;
  } */
  .generate-input-section {
    width: 60%;
  }
  .generate-input-section input {
    width: 89%;
  }
  .generate-input-section button {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 1800px) {
  .subject_selected-item {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, 1fr) !important;
    margin-top: 20px;
    align-items: center;
  }
}

@media (max-width: 1650px) {
  .generate-input-section {
    width: 55%;
  }
  .generate-input-section input {
    width: 87%;
  }
  .iframe-wrapper {
    height: 155px;
  }
}
@media screen and (max-width: 1600px) {
  .login-top h5 {
    font-size: 20px;
    line-height: 22px;
  }
  .login-top h2 {
    font-size: 36px;
    line-height: 38px;
  }
  .input_items {
    margin: 7px 0;
  }
  .login-input-feild {
    min-height: 45px;
    padding: 15px 20px;
  }
  .form-feild .login-input-feild {
    min-height: 45px;
    padding: 12px 20px;
    height: 45px;
  }
  .action-login-section > * {
    margin: 10px 0;
  }
  .login-form_inside .violet-btn {
    min-height: 40px;
    margin: 20px 0 8px;
    padding: 10px 30px;
  }
  .continue-with {
    margin: 8px 0;
  }
  .violet-btn {
    padding: 10px 30px;
  }
  .white-btn {
    padding: 10px 30px;
  }
  .login-email_acct {
    min-height: 45px;
    font-size: 14px;
    line-height: 18px;
  }
  .account-qstn-link {
    margin: 10px 0;
  }
  .form-feild .CaptionCont.select-form,
  .form-feild .SumoSelect.open .search-txt {
    height: 45px;
    padding: 10px 20px;
  }
  .form-feild .SumoSelect.open > .optWrapper {
    top: 45px;
  }
  .otp-wrapper {
    margin: 7px -7.5px 0;
  }
  .otp-wrapper + .otp-wrapper {
    margin-top: 15px;
  }
  .input_items > label,
  .input--item-label {
    margin-bottom: 7px;
  }
  .input-feild-title {
    margin-bottom: 8px;
  }
  .card-top {
    padding: 15px 20px;
  }
  .card-inside {
    padding: 15px;
    min-height: 170px;
  }
  .card-inside textarea {
    padding: 15px;
  }
  .lesson-planner .mt-20 {
    margin-top: 15px;
  }
  .lesson-planner .p-20 {
    padding: 15px;
  }
  .form_wrapper .button-block {
    margin-top: 30px;
    padding-top: 20px;
  }
  .lesson-add {
    padding: 15px 0;
  }
  .lesson_plan {
    padding-top: 12px;
    margin-bottom: 10px;
  }
  .plan_dialogue_box {
    padding: 15px;
    margin-bottom: 20px;
  }
  .quiz-builder .two-equal-right {
    padding-top: 25px;
  }
  .real-world-qstn > div > label {
    margin-bottom: 15px;
  }
  .exam-question .two-equal-right {
    padding-top: 35px;
  }
  .select-drop {
    top: 12px;
  }
  .button-inside-block .violet-btn {
    min-height: 42px;
  }
  .code-left-textarea {
    height: 370px;
  }
  .licence-date {
    height: 45px;
  }
  .licence-date-selector .calender-icon {
    top: 15px;
  }
  .quiz-builder .two-equal-right .card-inner {
    max-height: 678px;
  }
  .teach-collab-plan {
    margin-top: 35px;
  }
  .form-feild .input_tool {
    min-height: 45px;
    padding: 12px 20px;
    height: 45px;
  }
  .validation_msg {
    height: 45px;
  }
  .disclaimer-style {
    margin-top: 0;
  }
  .transform-button {
    padding: 6px 12px 6px 12px;
  }
  .transform-btn {
    font-size: 15px;
  }
  .generate-input-section {
    width: 60%;
  }
  .generate-input-section input {
    width: 88%;
  }
  .generate-input-section button {
    width: 34px;
    height: 34px;
  }
  .language-witch-btn {
    padding: 6px 12px 6px 12px;
  }
  .country-code .SumoSelect .CaptionCont {
    height: 45px;
  }
  .country-code .SumoSelect > .CaptionCont > span {
    line-height: 35px;
  }
  .toggle-width {
    .subject_selected-item {
      grid-template-columns: repeat(1, 1fr) !important;
    }
    width: 120px !important;
  }
  .iframe-wrapper {
    height: 150px;
  }
  .carousel-wrapper {
    max-width: 95%;
  }
  .tools-search-wrapper {
    width: 55%;
  }
  .subject-carousel-wrapper {
    max-width: 60%;
  }
}

@media (max-width: 1520px) {
  .generate-input-section {
    width: 55%;
  }
  .generate-input-section input {
    width: 85%;
  }

  .add_keyword-wrapper {
    width: 70%;
  }
  .iframe-wrapper {
    height: 140px;
  }
  /* .top-icons {
    width: 100%;
  } */
}

@media screen and (max-width: 1440px) {
  .switches-container {
    width: 300px;
  }
  .plan-price h3 {
    font-size: 38px;
    line-height: 45px;
  }
  .plan-price {
    padding-top: 25px;
  }
  .table-top-right .table-search {
    width: 300px;
  }
  .numb-character,
  .report-number {
    height: 45px;
  }
  .add-character,
  .minus-character {
    width: 42px;
    height: 42px;
  }
  .exam-question .two-equal-right .card-inner {
    /* max-height: calc(100vh - 250px); */
    max-height: 532px;
  }
  .code-explainer .two-equal-right {
    padding-top: 35px;
  }
  .code-left-textarea {
    height: 325px;
  }
  .page-top-select {
    height: 38px;
  }
  .select-style {
    height: 30px !important;
  }
  .youtube-card-title > h6 {
    font-size: 18px;
  }
  .welcome-section-wrapper-left {
    width: calc(60% - 20px);
  }
  .page-right-section {
    width: calc(40% - 20px);
  }
  .popup-button-wrapper {
    margin-top: 20px;
  }
  .iframe-wrapper {
    height: 160px;
  }
  .tools-search-wrapper {
    width: 65%;
  }
}

@media screen and (max-width: 1400px) {
  .login-top h5 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .login-top h2 {
    font-size: 30px;
    line-height: 32px;
  }
  .login-input-feild {
    min-height: 40px;
    height: 40px;
    padding: 12px 20px;
  }
  .form-feild .login-input-feild {
    min-height: 40px;
    height: 40px;
    padding: 10px 20px;
  }
  .login-email_acct {
    min-height: 40px;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0 7.5px;
  }
  .form-feild .CaptionCont.select-form,
  .form-feild .SumoSelect.open .search-txt {
    height: 40px;
    padding: 9px 20px;
  }
  .form-feild .SumoSelect.open > .optWrapper {
    top: 40px;
  }
  .login-top {
    margin-bottom: 5px;
  }
  .input_items {
    margin: 5px 0;
  }
  .input_items > label {
    margin-bottom: 5px;
    font-size: 13px;
  }
  .otp-wrapper {
    margin: 5px -7.5px 0;
  }
  .otp-wrapper + .otp-wrapper {
    margin-top: 10px;
  }
  .continue-with {
    margin: 5px 0;
  }
  .login-form_inside .violet-btn {
    min-height: 40px;
    margin: 15px 0 5px;
  }
  .account-qstn-link {
    margin: 5px 0;
  }
  .validtion-error {
    font-size: 13px;
    line-height: 5px;
  }
  .login-footer {
    padding: 25px 30px;
  }
  .welcome_inside h4 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 25px;
  }
  .welcome_inside p {
    margin-bottom: 15px;
    margin-top: -20px;
  }
  .page-back-btn {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
  .page-back-btn span {
    font-size: 13px;
  }
  .section-title {
    font-size: 18px;
    line-height: 23px;
  }
  .violet-btn,
  .white-btn {
    font-size: 14px;
    line-height: 16px;
  }
  .button-block .violet-btn,
  .button-block .white-btn {
    min-width: 170px;
    padding: 10px 30px;
    max-height: 45px;
  }
  .form_wrapper .button-block {
    margin-top: 30px;
  }
  .gradient-rect-five {
    width: 9%;
  }
  .gradient-rect-three {
    width: 16%;
  }
  .gradient-rect-two {
    width: 16%;
  }
  .gradient-rect-one {
    width: 16%;
  }
  .gradient-rect-six {
    width: 8%;
  }
  .gradient-rect-four {
    width: 7%;
  }
  .login-left img {
    width: 50%;
  }
  .magic-btn,
  .save-btn {
    min-width: 42px;
    height: 40px;
    right: 15px;
    bottom: 15px;
  }
  .save-btn {
    left: 15px;
    right: unset;
  }
  .copy_button {
    width: 42px;
    height: 42px;
    right: 15px;
    bottom: 15px;
  }
  .lesson-planner-details .form_wrapper.mt-20 {
    margin-top: 15px;
  }
  .lesson_count {
    margin: 0 -15px;
  }
  .lesson_count li {
    margin: 0 10px 15px;
  }
  .lesson-info {
    padding: 15px;
  }
  .three-col-list {
    margin: -7.5px;
  }
  .three-col-item {
    margin: 7.5px;
    width: calc(33.33% - 15px);
  }
  .page-top-right .violet-btn {
    font-size: 15px;
    line-height: 17px;
  }
  .table-search {
    height: 35px;
    width: 300px;
  }
  .lesson-history .title-block {
    margin-bottom: 15px;
  }
  .title-block .SumoSelect > .CaptionCont {
    height: 35px;
    padding: 6px 5px 6px 40px;
  }
  .form_wrapper.mt-20 {
    margin-top: 15px;
  }
  .lesson-history .section-title {
    margin-bottom: 15px;
  }
  .lesson-subject {
    margin: 7px 0;
  }
  .lesson-info h5 {
    margin-top: 10px;
  }
  .lesson-history-info {
    min-height: 155px;
  }
  .lesson-points-list {
    margin: 10px 0;
  }
  .table-block {
    margin-top: 15px;
  }
  .table-top {
    margin-bottom: 15px;
  }
  .table-top-right .SumoSelect > .CaptionCont {
    height: 35px;
    padding: 5px 0px 5px 10px;
  }
  .table-top-right .SumoSelect.open > .optWrapper {
    top: 35px;
  }
  .table-top-right > * {
    margin: 5px 5px;
  }
  .table-top-right {
    margin: -5px -5px;
  }
  .table-top-right > a {
    height: 35px;
  }
  .table-top .violet-btn,
  .table-top-right .white-btn {
    height: 35px;
    padding: 10px 20px;
  }
  .table_wrapper table tbody td {
    padding: 10px 15px;
    font-size: 13px;
  }
  .table_wrapper table thead th {
    padding: 15px 15px;
    font-size: 13px;
  }
  .search-icon {
    width: 16px;
    height: 16px;
  }
  .pagination-outer {
    margin-top: 15px;
  }
  .pagination a {
    min-width: 30px;
    min-height: 30px;
  }
  .table-block .table_wrapper {
    height: calc(100vh - 250px);
  }
  .button-list > li > a {
    line-height: 16px;
    padding: 10px 30px;
  }
  .no_of_lesson .violet-btn,
  .no_of_lesson .white-btn {
    min-height: 38px;
  }
  .accord_arrow {
    width: 25px;
    height: 25px;
  }
  .lesson-planner-inside .right-col .card-block.p-20 {
    padding: 15px;
  }
  .button-list > li {
    margin: 15px 0 0;
  }
  .video-block {
    margin: 15px 0 10px;
  }
  .you-tube-video-block {
    margin: 15px 0 10px;
  }
  .utube-title {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 15px;
  }
  .generating-block {
    margin-top: 20px;
  }
  .generat-wrapper {
    margin: 15px 0;
  }
  .gradient-btn {
    height: 60px;
  }
  .lesson-planner-inside .card-block.mt-10 {
    margin-top: 5px;
  }
  .lesson-planner-inside .left-col .card-block.mt-20 {
    margin-top: 15px;
  }
  .form_wrapper.mt-20 {
    margin-top: 15px;
  }
  .title-block {
    margin-bottom: 10px;
  }
  .table-section {
    margin-top: 15px;
  }
  .border-bottom td {
    padding-bottom: 10px !important;
  }
  .table-section table tbody tr td {
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
  }
  .table-section table thead tr th {
    padding-left: 7px;
    padding-right: 7px;
  }
  .coupon_code {
    padding: 8px 15px;
    padding: 8px 0 8px 15px;
  }
  .coupon_code img {
    margin-left: 25px;
    margin-right: 15px;
  }
  .status-bg {
    padding: 5px 13px;
  }
  .profile-details h6 {
    font-size: 14px;
  }
  .drop-parent > span {
    font-size: 15px;
  }
  .table-text-feild {
    padding: 10px 20px;
    height: 35px;
  }
  .date-box {
    min-width: 80px;
  }
  .success-section {
    padding: 20px;
  }
  .success-section img {
    width: 75px;
  }
  .success-section h2 {
    font-size: 38px;
    line-height: 45px;
  }
  .success-section h6 {
    font-size: 16px;
  }
  .purchase-success .button-block,
  .individual-purchase-success .button-block {
    margin-top: 15px;
  }
  .two-equal-col {
    margin: 10px -10px 0;
  }
  .plan-box-right {
    padding: 25px;
  }
  .plan-title h4 {
    font-size: 18px;
    line-height: 21px;
  }
  .plan-title h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .plan-title {
    padding-bottom: 8px;
  }
  .plan-list {
    margin-top: 10px;
  }
  .plan-list li + li {
    margin-top: 10px;
  }
  .plan-list li {
    font-size: 13px;
  }
  .plan-box {
    min-height: 250px;
    margin-bottom: 20px;
  }
  .checkmark-container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: 1px solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .checkmark {
    height: 18px;
    width: 18px;
  }
  .two-col-check-box > li {
    padding-right: 25px;
    margin: 5px 0;
  }
  .switches-container {
    width: 250px;
    line-height: 40px;
    margin-top: 5px;
  }
  .plan-price {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .switch div {
    font-size: 15px;
  }
  .plan-price h3 {
    font-size: 36px;
    line-height: 42px;
  }
  .plan-price p {
    font-size: 14px;
  }
  .plan-buy-section {
    padding: 15px;
  }
  .license-add > li {
    margin-top: 15px;
  }
  .license-adding-card {
    padding: 15px;
    margin: 15px 0 0;
  }
  .license-card-close {
    right: 15px;
    top: 13px;
  }
  .license-card-close img {
    width: 20px;
    height: 20px;
  }
  .SumoSelect > .CaptionCont > span {
    font-size: 13px;
  }
  .add-liscense-bottom h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .license-adding-card {
    min-height: 120px;
  }
  .numb-license-key {
    width: 70px;
    height: 38px;
    font-size: 13px;
    line-height: 17px;
  }
  .minus-liscence,
  .add-liscence {
    width: 34px;
    height: 34px;
  }
  .license-add > li > h5 {
    font-size: 15px;
  }
  .checkmark-container {
    font-size: 13px;
  }
  .action-login-section p {
    font-size: 13px;
  }
  .plan-box-left {
    width: 100px;
    min-width: 100px;
  }
  .license-key-feild {
    height: 35px;
  }
  .license-key-feild-box .grey-btn {
    padding: 8px 35px;
    font-size: 13px;
    line-height: 16px;
    min-height: 32px;
    min-width: 138px;
  }
  .license-key-feild-box {
    padding: 4px;
  }
  .license-key-feild-wrapper {
    margin-bottom: 35px;
  }
  .liscenece-key-applied {
    margin-bottom: 30px;
  }
  .remove-liscence-key {
    font-size: 13px;
    line-height: 16px;
  }
  .liscenece-key-applied > li {
    padding: 10px;
  }
  .liscenece-key-applied > li h6 {
    font-size: 13px;
  }
  .liscenece-key-applied > li p {
    font-size: 12px;
  }
  .liscenece-key-applied > li > img {
    width: 25px;
    margin-right: 10px;
  }
  .license-key-feild {
    padding: 8px 15px;
  }
  .input-mail {
    height: 35px;
  }
  .card-profile-inner {
    padding: 15px;
  }
  .avatar-upload .avatar-preview {
    width: 105px;
    height: 105px;
  }
  .avatar-upload-wrapper {
    margin: 20px 0 16px;
  }
  .avatar-upload-wrapper h3 {
    margin-top: 15px;
    font-size: 18px;
    line-height: 23px;
  }
  .profile-side-menu > li {
    padding: 12px 15px;
  }
  .profile-side-menu {
    margin-bottom: 25px;
  }
  .renew-box h5 {
    font-size: 15px;
    line-height: 17px;
  }
  .renew-box h2 {
    font-size: 54px;
    line-height: 65px;
  }
  .renew-box h4 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .renew_btn {
    font-size: 13px;
  }
  .sub-add-ons h4 {
    font-size: 16px;
  }
  .sub-add-ons {
    margin-top: 20px;
  }
  .subject-addons-list {
    margin: 7.5px -7.5px -7.5px;
  }
  .subject-addons-list > li {
    padding: 15px;
    width: calc(33.33% - 15px);
    margin: 7.5px;
  }
  .subject-addons-list > li p {
    font-weight: 600;
    font-size: 13px;
  }
  .subject-addons-list > li h5 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 5px;
  }
  .profile-side-menu > li a {
    font-size: 13px;
  }
  .renew-box {
    padding: 30px 18px;
  }
  .lesson-output {
    font-size: 22px;
  }
  .tools-item {
    padding: 15px;
  }
  .tools-item h4 {
    font-size: 15px;
    margin-top: 5px;
  }
  .tools-item p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 5px;
  }
  .unlock .icon-lock {
    font-size: 22px;
  }
  .unlock h6 {
    font-size: 17px;
    line-height: 23px;
    margin-top: 7px;
  }
  /* .subtopicmaster .table-top-right>div:nth-child(2) .SumoSelect, .subtopicmaster .table-top-right>div:nth-child(3) .SumoSelect {
          width: 200px !important;
      } */
  .not-found-inside h3 {
    font-size: 115px;
    line-height: 90px;
  }
  .not-found-inside h6 {
    font-size: 32px;
    line-height: 27px;
  }
  .quiz-builder .two-equal-right {
    padding-top: 20px;
  }
  .numb-character,
  .report-number {
    height: 40px;
    width: 90px;
  }
  .add-character,
  .minus-character {
    width: 38px;
    height: 38px;
  }
  .character-limit-list > li {
    margin: 7.5px;
  }
  .quiz-builder .radio-btn-list [type="radio"]:checked + label,
  .radio-btn-list [type="radio"]:not(:checked) + label {
    font-size: 13px;
    line-height: 16px;
  }
  .button-inside-block > div {
    margin: 15px -10px 10px;
  }
  .pdf-download a {
    font-size: 14px;
    line-height: 19px;
  }
  .quiz-builder .two-equal-right .card-inner {
    max-height: 640px;
  }
  .card-inner {
    padding: 15px;
  }
  .quiz-list-item {
    padding: 15px;
  }
  .quiz-item-title {
    font-size: 13px;
    line-height: 17px;
  }
  .question,
  .question-option {
    font-size: 13px;
    line-height: 19px;
  }
  .answer {
    font-size: 13px;
    line-height: 17px;
    margin-top: 12px;
  }
  .button-iside-cardblock > * {
    margin: 7.5px;
  }
  .button-iside-cardblock {
    margin: 20px -7.5px 0px;
  }
  .button-inside-block div > button,
  .button-inside-block div > a {
    margin: 7.5px;
  }
  .real-world-qstn > div > label {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 17px;
  }
  .exam-question .two-equal-right {
    padding-top: 30px;
  }
  .exam-question .two-equal-right .card-inner {
    /* max-height: calc(100vh - 198px); */
    max-height: 472px;
  }
  .quiz-list-item + .quiz-list-item {
    margin-top: 15px;
  }
  .button-inside-block .violet-btn {
    min-width: 175px;
    min-height: 38px;
  }
  .double-input-feilds {
    margin: -5px -7.5px;
  }
  .double-input-feilds > div {
    margin: 5px 7.5px;
  }
  .input-feild-title {
    margin-bottom: 5px;
  }
  .purchased-subs {
    max-height: 350px;
    margin-top: 15px;
  }
  .SumoSelect > .CaptionCont > label {
    right: 10px;
  }
  .close-notify {
    font-size: 13px;
  }
  .notification-top {
    padding: 15px;
  }
  .notification-body > li {
    padding: 5px 15px;
  }
  .notification-content a {
    font-size: 13px;
    line-height: 17px;
  }
  .notification-footer {
    padding: 10px 10px;
  }
  .notification-footer > a {
    font-size: 18px;
  }
  .notification-alert {
    max-width: 325px;
  }
  .profile-top {
    min-width: 250px;
  }
  .profile-popup {
    padding: 10px;
  }
  .profile-popup h6 {
    font-size: 17px;
    line-height: 20px;
  }
  .profile-popup > li:first-child {
    padding-bottom: 7px;
  }
  .view-profile > a {
    margin-bottom: 6px;
  }
  .profile-popup > li + li {
    padding: 6px 0 0;
  }
  .select-drop {
    top: 9px;
    right: 18px;
  }
  .flash_message.error {
    font-size: 13px;
  }
  .content-wrapper {
    padding-top: 45px;
  }
  .page-top {
    padding-bottom: 15px;
  }
  .code-left-textarea {
    height: 300px;
  }
  .date-input {
    height: 35px;
  }
  .fancybox__content {
    padding: 20px;
  }
  .pop-btn {
    margin-top: 9px;
  }
  .pop-input-wrapper .pop-input-feild {
    height: 35px;
  }
  .add_new_choice {
    height: 35px;
    padding: 8px 10px;
  }
  .pop-body + .carousel__button svg {
    width: 20px;
  }
  .pop-input-items {
    margin: 6px 0;
  }
  .pop-input-wrapper > label {
    font-size: 13px;
    margin-bottom: 3px;
  }
  .pop-title h5 {
    font-size: 18px;
    line-height: 23px;
  }
  .add_new_choice > span {
    font-size: 13px;
  }
  .filter-item + .filter-item {
    margin-top: 10px;
  }
  .select-date {
    height: 35px;
    padding: 6px;
  }
  .filter-box {
    height: 33px;
  }
  .table-top-right > div > .SumoSelect {
    min-width: 200px;
  }
  .min-pagination-plus {
    min-height: calc(100vh - 246px);
  }
  .min-pagination {
    min-height: calc(100vh - 226px);
  }
  .dlt-lesson {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .toggle-switch {
    width: 36px;
    height: 18px;
  }
  .toggle-switch .slider.round {
    border-radius: 32px;
  }
  .toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
  }
  .toggle-switch .slider:before {
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 2px;
  }
  .country-code .SumoSelect > .CaptionCont > span {
    font-size: 13px;
  }
  .country-code.form-feild .CaptionCont.select-form {
    padding: 10px;
  }
  .group_button .white-btn {
    height: 38px;
  }
  .irrelevant {
    margin-top: 15px;
  }
  .group_button > .violet-btn,
  .group_button > .white-btn {
    font-size: 13px;
  }
  .group_button > .violet-btn img {
    width: 20px;
    height: 12px;
  }
  .group_button > .white-btn img {
    width: 18px;
    height: 18px;
  }
  .lic-generated .license-adding-card-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .gen-licence {
    margin-left: 0;
    margin-top: 10px;
  }
  .generate-licence .license-card-close {
    top: 10px;
  }
  .licence-date {
    height: 40px;
  }
  .licence-date-selector .calender-icon {
    top: 12px;
    right: 18px;
  }
  .select-arrow .login-input-feild {
    padding-right: 45px;
  }
  .profile-popup .violet-btn {
    height: 35px;
  }
  #popup_head {
    font-size: 22px;
  }
  .popup-table-wrapper td {
    font-size: 13px;
  }
  .two_button > * {
    margin: 5px;
  }
  .two_button {
    margin: -5px;
  }
  .form-feild .input_tool {
    min-height: 45px;
    padding: 12px 20px;
    height: 45px;
  }
  .form-feild .input_tool {
    min-height: 40px;
    padding: 8px 20px;
    height: 40px;
  }
  .validation_msg {
    height: 40px;
  }
  .two-equal-col.inputTop_resultBottom .template-prompt-right {
    padding-top: 10px;
  }

  .history-active a {
    height: 31px;
    padding: 5px;
    width: 135px;
    font-size: 13px;
  }
  .history-saved-wrapper {
    height: 35px;
    .subject_selected-item {
      display: grid;
      gap: 7px;
      grid-template-columns: repeat(2, 1fr) !important;
      margin-top: 20px;
      align-items: center;
    }
    width: 250px;
  }
  .history-save-button {
    font-size: 13px;
  }
  .history-save-button:hover,
  .history-active a {
    height: 31px;
    padding: 5px;
    width: 120px;
  }
  .generate-input-section {
    width: 55%;
  }
  .generate-input-section input {
    width: 87%;
  }
  .transform-button {
    padding: 6px 12px 6px 12px;
  }
  .transform-btn {
    font-size: 13px;
  }
  .language-witch-btn {
    padding: 4px 12px 4px 12px;
  }
  .generate-input-section button {
    width: 28px;
    height: 28px;
  }
  .country-code .SumoSelect .CaptionCont {
    height: 40px;
  }
  .country-code .SumoSelect > .CaptionCont > span {
    line-height: 29px;
  }
  .country-code .form-feild .SumoSelect.open > .optWrapper {
    top: 20px !important;
  }
  .total-item-card {
    padding: 10px 16px;
  }
  .current-package-card {
    padding: 10px 16px;
  }
  .total-item-card > p {
    margin-top: 10px;
  }
  .card-text-bottum {
    margin-top: 0px;
  }
  .total-item-card > h2 {
    font-size: 35px;
  }
  .iframe-wrapper {
    height: 155px;
  }
  .carousel-wrapper {
    max-width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .avatar-upload .avatar-preview {
    width: 90px;
    height: 90px;
  }
  .generate-input-section {
    width: 50%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .iframe-wrapper {
    height: 133px;
  }
  .tools-search-wrapper {
    width: 70%;
  }
  .subject-carousel-wrapper {
    max-width: 70%;
  }
  .card-title-section h4 {
    font-size: 14px;
  }
  .save-icon {
    width: 15px;
    height: 15px;
  }
  .top-icons {
    gap: 10px;
  }
}
@media screen and (max-width: 1600px) {
  .tools-decription {
    margin-right: 0;
    white-space: normal;
  }
}

@media screen and (max-width: 1200px) {
  .side-bar {
    margin-left: -240px;
  }
  .top-bar {
    width: 100%;
    margin-left: 0;
  }
  .content-inner {
    margin: 75px 20px 20px 20px;
  }
  .toggle-btn {
    display: none;
  }
  .mobile-btn {
    display: block;
  }
  .side-bar.mobile-menu {
    margin-left: 0;
  }
  .mobile_close_btn {
    display: block;
  }
  .page-top {
    width: calc(100% - 40px);
  }
  .table-section .table_wrapper {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }
  .table-section .table_wrapper {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }

  .tools-decription {
    margin-right: 0;
  }
  .iframe-wrapper {
    height: 158px;
  }
}

@media screen and (max-width: 1024px) {
  .login-left {
    display: none;
  }
  .login-right {
    width: 100%;
  }
  .go-back-link {
    background-color: rgb(104 120 182);
  }
  .section-title {
    font-size: 16px;
  }
  .card-title {
    font-size: 15px;
  }
  .lesson-planner .card-top {
    padding: 12px 17px;
  }
  .lesson-planner .card-inside {
    padding: 12px;
  }
  .lesson-planner .card-inside textarea {
    padding: 12px;
    font-size: 14px;
    line-height: 16px;
  }
  .lesson-output {
    font-size: 22px;
    line-height: 25px;
  }
  .lesson-btn {
    width: 36px;
    height: 36px;
  }
  .lesson-add {
    justify-content: space-around;
    min-width: unset;
  }
  .lesson_plan {
    margin-bottom: 8px;
  }
  .three-col-item {
    width: calc(50% - 15px);
  }
  .gradient-btn {
    height: 50px;
  }
  .generat-wrapper span {
    right: 20px;
  }
  .quiz-builder .two-equal-col {
    flex-direction: column;
  }
  .quiz-builder .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
  }
  .exam-question .two-equal-col {
    flex-direction: column;
  }
  .exam-question .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
  }
  .button-inside-block > div {
    margin: 10px -10px 5px;
  }
  .code-explainer .two-equal-col {
    flex-direction: column;
  }
  .code-explainer .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
  }
  .exam-question .two-equal-right {
    padding-top: 15px;
  }
  .code-explainer .two-equal-right {
    padding-top: 15px;
  }
  .table-top-right {
    flex-wrap: nowrap;
  }
  .twentyByeighty-col {
    flex-direction: column;
  }
  .profile-menu-section {
    width: 100%;
    margin-right: 0;
  }
  .profile-side-menu {
    display: flex;
    justify-content: center;
  }
  .profile-content-section {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
  .profile-side-menu > li {
    padding: 7px 15px;
  }
  .avatar-upload-wrapper {
    margin: 15px 0 10px;
  }
  .avatar-upload-wrapper h3 {
    margin-top: 10px;
    font-size: 17px;
    line-height: 22px;
  }
  .profile-side-menu {
    margin-bottom: 15px;
  }
  .profile-settings .card-top {
    padding: 15px;
  }
  .profile-settings .form_wrapper .button-block {
    margin-top: 20px;
  }
  .payment-popup {
    min-width: unset;
    width: 90%;
  }
  .tools_link .unlock {
    display: flex;
  }
  .privacy-policy-div {
    margin-top: 65px;
  }
  .template-table {
    overflow: auto;
  }
  .two-equal-col {
    flex-direction: column;
  }
  .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .disclaimer-wrapper span {
    width: 14px;
    height: 14px;
  }
  .generate-input-section {
    width: 78%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .one-col-item {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .bronze-course-container {
    flex-direction: column;
  }

  .bronze-course-left {
    width: calc(100% - 10px);
    margin: 0 10px;
  }
  .bronze-course-right {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .youtube-card-wrapper {
    margin-top: 15px;
  }

  .cpd-courses-inner {
    padding: 15px;
  }

  .cpd-video-container {
    height: 400px;
  }
  #subject_configure_btn {
    width: 90%;
  }
  .subject_configure-item {
    width: calc(100% - 16px);
  }
  .subject_configure-content {
    margin-top: 20px;
  }
  .popup-button-wrapper {
    margin-top: 20px;
  }
  .page-back-btn {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }
  .add_keyword-wrapper {
    width: 80%;
  }
  .input-wrapper-width {
    width: 100%;
  }
  .iframe-wrapper {
    height: 132px;
  }
  .top-icons {
    width: 30%;
  }
  .save-icon {
    width: 20px;
    height: 20px;
  }
  .top-icons {
    gap: 15px;
  }
}

@media screen and (max-width: 991px) {
  .add-liscense-bottom {
    flex-direction: column;
    align-items: start;
  }
  .notification-body {
    max-height: calc(90vh - 145px);
  }
  .disclaimer-wrapper span {
    width: 14px;
    height: 14px;
  }
  .disclaimer-style {
    margin-top: -31px;
  }
  .pop-main-wrapper {
    width: 50%;
    padding: 30px 30px;
  }
  .generate-input-section {
    width: 73%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .welcome-section-wrapper-left {
    width: calc(50% - 20px);
  }
  .page-right-section {
    width: calc(50% - 20px);
  }
  .welcome-section-content {
    height: 439px;
  }
  .you_tube_guide {
    display: none;
  }

  .you_tube_guide_mob {
    margin-top: 15px;
    display: flex;
  }

  .popup-title {
    font-size: 16px;
  }

  .popup-input-container > label {
    font-size: 13px;
  }

  .popup-input-wrapper {
    padding: 5px;
  }

  .popup-input-wrapper > a {
    font-size: 10px;
    width: 30%;
  }

  .popup-input-wrapper > input {
    background: none;
    border: none;
    outline: none;
    width: 70%;
  }

  .verify-button {
    font-size: 14px;
  }
  .page-right-section.section-width {
    width: 100%;
    margin-top: 10px;
  }

  .page-right-section.section-width .youtube-video-card-wrapper {
    width: calc(100% - 16px);
    margin: 0 10px;
  }
  .iframe-wrapper {
    height: 248px;
  }
}

@media screen and (max-width: 820px) {

  div.action_history {
    width: 90% !important;
    margin: 0 auto;
  }
  .lesson-planner .two-col-unequal {
    flex-direction: column;
  }
  .lesson-planner .two-col-unequal .left-col {
    width: calc(100% - 20px);
  }
  .lesson-planner .two-col-unequal .right-col {
    width: calc(100% - 20px);
  }
  .lesson-add {
    justify-content: center;
    min-width: 300px;
  }
  .lesson-planner-inside .two-col-unequal {
    flex-direction: column;
  }
  .lesson-planner-inside .two-col-unequal .left-col,
  .lesson-planner-inside .two-col-unequal .right-col {
    width: calc(100% - 20px);
  }
  .lesson-planner-inside .right-col .card-block.mt-10 {
    margin-top: 15px;
  }
  .add-license .two-equal-col,
  .subscription .two-equal-col {
    flex-direction: column;
  }
  .add-license .two-equal-col .two-equal-item,
  .subscription .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
  }
  .add-liscense-bottom {
    flex-direction: row;
    align-items: center;
  }
  .license-adding-card-top h6,
  .license-adding-card-top p {
    font-size: 13px;
  }
  .renew-box {
    padding: 20px 15px;
  }
  .plan-box-right {
    padding: 20px;
  }
  .action-login-section > * {
    margin: 5px 0;
  }
  .login-footer {
    padding: 20px 30px;
  }
  .welcome_inside h4 {
    font-size: 24px;
    line-height: 31px;
  }
  .welcome_inside > img {
    width: 110px;
  }
  .not-found-inside h3 {
    font-size: 100px;
    line-height: 85px;
  }
  .not-found-inside > li {
    margin-bottom: 10px;
  }
  .not-found-inside h6 {
    font-size: 28px;
    line-height: 27px;
  }
  .character-limit-list > li {
    margin: 7.5px 0;
  }
  .numb-character,
  .report-number {
    margin: 0 10px;
  }
  .button-inside-block > div {
    margin: 5px -10px 0px;
  }
  .featured-tools .two-equal-col {
    flex-direction: column;
  }
  .featured-tools .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
  }
  .add-subject-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-curriculum-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect {
    width: 175px !important;
    min-width: unset;
  }
  .login-top h2 {
    font-size: 27px;
    line-height: 29px;
  }
  .generate-licence .two-equal-col {
    flex-direction: column;
  }
  .generate-licence .two-equal-col .two-equal-item {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .lic-generated .license-adding-card-top {
    flex-direction: row;
    align-items: center;
  }
  .gen-licence {
    margin-left: 15px;
    margin-top: 0;
  }
  .generate-licence .two-equal-col .two-equal-right {
    margin-top: 15px;
  }
  .gen-licence {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  #sub-topic-popup,
  #propmt-popup,
  #gpthistory-popup {
    min-width: unset;
    width: 90% !important;
  }
  #popup_head {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
  }
  .lesson-planner-inside .bread-crumps {
    display: none;
  }
  #tool-library-popup {
    width: 90% !important;
    min-width: unset !important;
  }
  .pop-main-wrapper {
    width: 75%;
    padding: 30px 30px;
  }
  .generate-input-section {
    width: 70%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .bottum-button-block {
    flex-direction: column;
  }
  .report-writer-disclaimer {
    width: 100%;
  }
  .add-quick-witch > p {
    margin-bottom: 35px;
  }
  .welcome-section-wrapper {
    flex-direction: column;
  }
  .welcome-section-wrapper-left {
    width: calc(100% - 20px);
  }
  .page-right-section {
    width: 100%;
    margin-top: 20px;
  }
  .iframe-wrapper {
    height: 427px;
  }
}

@media screen and (max-width: 768px) {
  .go-back-link {
    top: 20px;
    left: 20px;
  }
  .two-col-form-list .input_items {
    width: calc(100% - 20px);
  }
  .lesson-history .title-block {
    flex-direction: column;
    align-items: stretch;
  }
  .success-section {
    padding: 15px;
  }
  .success-section img {
    width: 68px;
  }
  .success-section h2 {
    font-size: 35px;
  }
  .success-section h6 {
    font-size: 14px;
  }
  .purchase-success .button-block,
  .individual-purchase-success .button-block {
    margin-top: 5px;
  }
  .license-key-feild-wrapper {
    margin-bottom: 27px;
  }
  .subject-addons-list > li {
    width: calc(50% - 15px);
  }
  .profile-settings .two-col-unequal {
    flex-direction: column;
  }
  .profile-settings .two-col-unequal .left-col {
    width: calc(100% - 20px);
  }
  .profile-settings .two-col-unequal .right-col {
    width: calc(100% - 20px);
    margin-top: 15px;
  }
  .renew-box h4 {
    font-size: 22px;
    line-height: 25px;
  }
  .add_qstn {
    width: 90%;
  }
  .pop-up {
    min-width: unset;
    width: 90%;
  }
  .table-top-left {
    margin-bottom: 10px;
  }
  .min-pagination-plus {
    min-height: calc(100vh - 283px);
  }
  .min-pagination {
    min-height: calc(100vh - 226px);
  }
  .add-subject-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-curriculum-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect {
    width: 150px !important;
    min-width: unset;
  }
  #subject-popup {
    width: 90% !important;
    min-width: unset !important;
  }
  .popup-two-col {
    flex-direction: column;
  }
  .teach-colab {
    flex-direction: column;
  }
  .teach-colab .two-equal-item {
    width: calc(100% - 20px);
  }
  .teach-collab-plan {
    margin-top: 20px;
  }
  .two-equal-col.inputRight_resultLeft {
    flex-direction: column-reverse;
  }
  .two-equal-col.inputRight_resultLeft .two-equal-item {
    width: calc(100% - 15px);
  }
  .fav-icon-wrapper {
    width: 28px;
    height: 28px;
    margin-left: 3px;
  }
  .clock-icon {
    width: 28px;
    height: 28px;
    margin-left: 3px;
  }
  .generate-input-section {
    width: 65%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .add_keyword-wrapper {
    width: 100%;
  }
  .main-search-input {
    display: none;
  }
  .main-searchbar-wrapper {
    background: none;
    padding: 5px;
    margin-right: 10px;
  }
  .top-feedback {
    padding: 8px;
    margin-right: 10px;
  }
  .iframe-wrapper {
    height: 398px;
  }
  .top-icons {
    width: 40%;
  }
  .lang_confirm_popup_container {
    max-width: unset !important;
  }
}

@media screen and (max-width: 650px) {
  .login-bg {
    flex-direction: column;
  }
  .go-back-link {
    position: unset;
    top: unset;
    left: unset;
    margin-top: 20px;
    margin-left: 20px;
  }
  .login-details-box {
    max-width: unset;
  }
  .login_detail_wrapper {
    margin: 20px 20px 0;
  }
  .three-col-item {
    width: calc(100% - 15px);
  }
  .table-search {
    width: 250px;
  }
  .login-footer {
    padding: 20px;
  }
  .table-top-right .table-search {
    width: 250px;
  }
  .table-top-right > div > .SumoSelect {
    min-width: 175px;
  }
  .padding-425 {
    padding-top: 90px;
  }
  .page-top-right .two_button {
    margin-top: 10px;
  }
  .tab-contents::-webkit-scrollbar {
    display: block;
  }
  .tab-contents {
    -ms-overflow-style: block;
    scrollbar-width: block;
  }
  .pop-title-wrapper p {
    font-size: 16px;
  }
  .pop_close_btn {
    width: 24px;
    height: 24px;
  }
  .pop-titles {
    margin-top: 11px;
  }
  .generate-input-section {
    width: 60%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .default-prompts-wrapper > li {
    padding: 5px 10px;
  }
  .default-prompts-wrapper > li > input {
    width: 118px;
    height: 30px;
  }
  .add-keyword-content {
    margin-bottom: 10px;
  }
  .add-keyword-item {
    margin-top: 10px;
    margin-left: 10px;
  }
  .iframe-wrapper {
    height: 332px;
  }
  .curriculm-tabs-wrapper {
    flex-direction: column;
    gap: 5px;
  }
  .curriculm-tabs {
    width: 100%;
  }
  .curriculm-tabs:first-child {
    border-radius: 10px;
    border-right: 1px solid #9393932e;
  }
  .curriculm-tabs:last-child {
    border-radius: 10px;
    border-left: 1px solid #9393932e;
  }
  .curriculm-tabs:nth-child(2) {
    border-radius: 10px;
  }
  .top-icons {
    width: 100%;
  }
  .user-modal {
    max-width: 90%;
    min-width: 90%;
  }
}

@media screen and (max-width: 580px) {
  .lesson-history .right-filter {
    flex-direction: column;
    align-items: stretch;
  }
  .lesson-history .table-search {
    width: 100%;
  }
  .title-block .SumoSelect {
    width: 100%;
    max-width: unset;
  }
  .page-top-right {
    width: 100%;
    padding-top: 10px;
  }
  .plan-price h3 {
    font-size: 34px;
    line-height: 40px;
  }
  .add-liscense-bottom {
    flex-direction: column;
    align-items: start;
  }
  .plan-box-left {
    width: 90px;
    min-width: 90px;
  }

  .license-key-feild-box .grey-btn {
    padding: 8px 25px;
    font-size: 13px;
    line-height: 16px;
    min-width: unset;
    white-space: nowrap;
  }
  .license-key-feild {
    padding: 8px 10px;
  }
  .subject-addons-list > li {
    width: calc(100% - 15px);
  }
  .plan-box-right {
    padding: 18px;
  }
  .page-alert {
    flex-direction: column;
    align-items: start;
  }
  .alert-action {
    margin-top: 10px;
  }
  .not-found-inside h3 {
    font-size: 85px;
    line-height: 69px;
  }
  .not-found-inside h6 {
    font-size: 25px;
    line-height: 23px;
  }
  .numb-character,
  .report-number {
    width: calc(100% - 19px);
    font-size: 13px;
    padding: 8px;
  }
  .char-adding-box > li:nth-child(2) {
    flex-grow: 1;
  }
  .add-character,
  .minus-character {
    width: 32px;
    height: 32px;
  }
  .add-character > img {
    width: 12px;
    height: 12px;
  }
  .minus-character > img {
    width: 12px;
    height: 2px;
  }
  .two-col-form-list .character-limit-list .radio-btn-list {
    margin-left: 0;
    margin-right: 0;
  }
  .real-world-qstn {
    flex-direction: column;
  }
  .real-world-qstn > div:nth-child(2) {
    margin-top: 10px;
  }
  .table-top {
    flex-direction: column;
    align-items: stretch;
  }
  .table-top-right {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
  .table-top-right .table-search {
    width: 100%;
  }
  .table-top-right > div > .SumoSelect {
    width: 100%;
  }
  .padding-580 {
    padding-top: 100px;
  }
  .min-pagination-plus {
    min-height: calc(100vh - 338px);
  }
  .min-pagination {
    min-height: calc(100vh - 281px);
  }
  .lic-generated .license-adding-card-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .add-subject-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-curriculum-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect,
  .add-course-masters .table-top-right > div:nth-child(2) .SumoSelect {
    width: 100% !important;
    min-width: unset;
  }
  #right_panel .license-add .violet-btn {
    width: 100%;
  }
  .profile-side-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .profile-side-menu > li {
    text-align: center;
  }
  .page-top-right .two_button {
    justify-content: flex-start;
  }
  .page-top-right .two_button {
    margin-top: unset;
    flex-direction: column;
    align-items: stretch;
  }
  .two_button a:nth-child(2) {
    margin-top: 10px;
  }
  .padding-425 {
    padding-top: 135px;
  }
  .two_button .blocked_btn a {
    display: inline-block !important;
  }
  .page-top-right .blocked_btn.locked .violet-btn {
    width: 100%;
    text-align: center;
  }
  .page-top-right .two_button a:nth-child(2) {
    margin-top: 5px;
  }
  .role-check-grand-childs .role-check-childs li {
    margin: 5px 0;
  }
  .code-editor-box-body {
    height: 400px;
  }
  .validation-wrapper {
    width: 100%;
  }
  .card-top {
    flex-direction: flex;
    align-items: flex-start;
  }
  .card-title {
    font-size: 13px;
  }
  .save-icon {
    margin: 0 10px;
    width: 18px;
    height: 18px;
  }
  .pop-main-wrapper {
    width: 100%;
    padding: 30px 30px;
  }
  .ck_card_bottum_section {
    margin-top: 20px;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
  }
  .generate-input-section {
    width: 100%;
  }
  .generate-input-section input {
    width: 85%;
  }
  .language-switching-button {
    width: calc(50% - 10px);
    margin-top: 10px;
    margin-left: 5px;
  }
  .language-witch-btn {
    padding: 3px 12px;
  }
  .transform-button {
    width: calc(50% - 10px);
    margin-top: 10px;
    margin-right: 5px;
  }

  .default-prompts-wrapper {
    left: 0;
    width: 260px;
  }

  .transform_class {
    max-width: 145px !important;
  }
  .set-default-delete-button {
    margin-left: 53px;
  }
  .card-top-section {
    display: flex !important;
    align-items: center;
    flex-direction: row;
  }
  .add_keyword-wrapper {
    flex-direction: column;
  }
  .add_keyword-btn-wrapper {
    width: 100%;
  }
  .add_keyword-btn-wrapper > button {
    width: 100%;
  }
  .selected-items-wrap {
    width: 100%;
  }
  .iframe-wrapper {
    height: 292px;
  }
  .carousel-wrapper {
    display: none;
  }
  .subject-carousel-wrapper {
    display: none;
  }
  .tools-search-wrapper {
    width: 100%;
  }
  .tools-head-inner > h2 {
    font-size: 26px;
  }
  /* .tools-head-wrapper {
  background: url(../images/tools_bg_mob.png);
  min-height: 351px;
  background-repeat: no-repeat;
} */
  .tools-head-wrapper {
    background: url(../images/tools_bg_mob.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tools-select-wrapper {
    display: flex;
    margin-top: 30px;
    gap: 8px;
  }
  .card-top {
    flex-wrap: wrap;
  }
  .top-icons {
    justify-content: space-between;
  }
  .name_div {
    width: 100%;
    justify-content: space-between;
  }
  .rename-section {
    width: 100%;
    justify-content: space-between;
  }
  .name_container {
    width: 100%;
  }
}

@media (max-width: 445px) {
  .validation-wrapper {
    width: 72%;
  }
  .history-save-button {
    font-size: 13px;
    font-weight: 600;
  }
  .history-save-button:hover,
  .history-active a {
    height: 31px;
    padding: 4px 3px;
    width: 130px;
  }
  .history-saved-wrapper {
    width: 100%;
    height: 35px;
  }
  .iframe-wrapper {
    height: 218px;
  }
}
@media screen and (max-width: 425px) {
  .otp-wrapper .input_items {
    width: calc(100% - 15px);
    margin: 5px 7.5px;
  }
  .login-footer {
    flex-direction: column;
    align-items: center;
  }
  .otp-wrapper .input_items + .input_items {
    margin-bottom: 0;
  }
  .buttons_wrapper {
    flex-grow: 1;
    flex-direction: column;
  }
  .lesson-add {
    justify-content: space-around;
    min-width: unset;
  }
  .two-col-check-box > li {
    width: calc(100%);
    padding-right: 0;
    margin: 8px 0;
  }
  .button-iside-cardblock {
    flex-direction: column;
  }
  .button-inside-block > div {
    flex-direction: column;
  }
  /* .numb-character{
          width: calc(100% - 74px);
      } */
  .code-explainer .radio-btn-list > p {
    width: calc(50% - 30px);
  }
  .double-input-feilds {
    flex-direction: column;
  }
  .notification-alert,
  .profile-top {
    max-width: unset;
    width: calc(100% - 40px);
    margin-left: 20px;
  }
  .page-top-right .two_button {
    flex-direction: column;
    align-items: stretch;
  }
  .page-top-right .two_button .violet-btn:first-child {
    margin-bottom: 5px;
  }
  .code-explainer .button-inside-block {
    margin: 10px;
  }
  .validation-wrapper {
    width: 68%;
  }
  .card-top {
    padding: 15px 15px;
  }
  .iframe-wrapper {
    height: 206px;
  }

  .lang_confirm_btns {
    flex-direction: column;
    gap: 18px;
  }
}

@media screen and (max-width: 375px) {
  .license-key-feild-box .grey-btn {
    padding: 8px 8px;
  }
  .code-explainer .radio-btn-list > p {
    width: calc(100% - 30px);
  }
  .license-key-feild-box {
    flex-direction: column;
    align-items: stretch;
  }
  .license-key-feild-box .grey-btn {
    text-align: center;
  }
  .license-key-feild-box {
    background: none;
  }
  .license-key-feild {
    margin-bottom: 10px;
  }
  .validation-wrapper {
    width: 68%;
  }
  .popup-card-top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .iframe-wrapper {
    height: 178px;
  }
}

@media screen and (max-width: 320px) {
  .validation-wrapper {
    width: 61%;
  }
  .iframe-wrapper {
    height: 146px;
  }
}