@media only screen and (min-width: 490px) {
    .user-sets-box.responsive { display: none; }

    .user-setting-angle-icon { display: none; }
}

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

    .set-card-detail {
        flex-direction: column;
    }

    .card-set.card-set-with-b {
        max-width: 280px;
    }

    .user-statistics-btn {
        margin-right: 30px;
    }

    .btn-test-me {
        background-color: #f3fff0;
        padding: 5px 14px !important;
        text-align: center;
        margin-bottom: 8px;
        width: 100%;
    }

    .set-btn-study {
        width: 100%;
        text-align: center;
        border: 0;
        padding: 5px 14px !important;
        background-color: #fff4e2;
        border: 0 !important;
    }

    .set-card-buttons {
        flex-direction: column;
    }

    .set-card-reminder {
        margin-bottom: 15px;
    }

}

@media only screen and (max-width: 400px) {
    .modal-final-result {
        flex-direction: column;
    }
    .modal-final-result .modal-result-box {
        width: 100%;
        margin-bottom: 20px;
    }
}

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

    .card-set.card-set-with-b {
        margin: auto;
    }

    .user-sets-box-directory-container #add-new-set-btn {
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        float: initial;
    }

    .user-sets-box-directory-container .ai-study-box {
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 30px;
    }

    

    .form-signup h2.heading_secondary {
        margin: auto;
    }

    .my-stats-student-selector {
        width: 180px !important;
        margin-left: 95px;
    }
    #class-group-grid #new {
        margin-top: -10%;
        margin-left: 25%;
    }

    #class-group-grid #Grid_search {
        top: -50px;
        left: 30%;
    }

    #teacher-class-group-refresh-btn {
        left: 12%;
    }
}

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

    /*brain boost init*/
    .brain-boost-heading {
        font-size: 20px;
    }

    .brain-boost-directory-box {
        padding: 10px 10px;
    }

    .brain-boost-top-row {
        flex-direction: column;
    }

    .strk-indicator-box {
        order: -1;
    }

    .brain-boost-detail {
        margin-top: 10px;
    }

    .brain-boost-heading {
        margin-top: 20px;
        font-size: 25px;
    }

    .brain-boost-card-heading {
        font-size: 15px;
    }
    /*brain boost end*/

    /*streak indicator init*/
    .brain-boost-heading {
        font-size: 20px;
    }

    .brain-boost-directory-box {
        padding: 10px 10px;
    }

    .brain-boost-top-row {
        flex-direction: column;
    }

    .strk-indicator-box {
        order: -1;
    }

    .brain-boost-detail {
        margin-top: 10px;
    }

    .brain-boost-heading {
        margin-top: 20px;
        font-size: 25px;
    }

    .brain-boost-card-heading {
        font-size: 15px;
    }
    /*streak indicator end*/

    #school-users-management-grid #resetFilters {
        display: none;
    }

    .responsive-header {
        padding-top: 40px;
    }

    .class-group-grid-refresh {
        display: none;
    }

    #class-group-grid {
        display: none;
    }

    .class-group-grid-responsive {
        display: initial;
    }

    .form_login {
        width: 100% !important;
    }

    .form_top_row {
        width: 100% !important;
    }

    .confirmDialogBtn1 {
        width: 100%;
        margin-left: 0;
    }

    .confirmDialogBtn2 {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .confirmDialogBtn3 {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 10px;
    }

    .dir-filter .user-set-search{
        height: 35px;
        width: 65%;
    }

    .user-settings-field-row .fields-group .pr-2 {
        display: inline-grid;
    }

    .app-screen .page-title {
        margin-left: 7%;
        margin-top: 1%;
    }

    #imageSearcherModalComponentDialog_dialog-content .image-searcher-confirm-btn {
        width: 150px;
    }

    #completedLearningCardFlowDialog_dialog-content .fn-modal-footer {
        display: block;
    }

    .user-set-filters.views-statistics-filter-btn #filter-sets-btn {
        margin-top: -12%;
    }

    #view-statistics-select-frequency {
        width: 55%;
    }

    #view-statistics-filter-label {
        margin-top: 20%;
    }

    .learning-topic-title {
        margin-left: 9%;
        margin-top: 3px;
    }

    .hover-hint-images-rs {
        display: block;
    }

    .hover-hint-images {
        display: none;
    }
    .tip-func-btn {
        font-size: 12px;
    }

    .tip-box {
        padding: 18px 0px;
    }

    .fn-modal-footer {
        display: flex;
        justify-content: center;
    }

    #StudyNowPrefaceModal .fn-modal-footer {
        display: inherit;
        justify-content: center;
    }

    .verify-message {
        text-align: center;
        margin-bottom: 10px;
    }

    .dir-list-box {
        width: 83% !important;
    }

   .email-verify-box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .email-verify-box .email-verify-btn.v-ls-next-btn {
        margin-top: 2%;
    }

    #test-me-completed-baseline {
        padding: 0 0;
    }

    .test-me-baseline-test-me-btn {
        width: 100%;
    }

    .grid-col-question-cell {
        width: 250px;
    }

    .grid-col-number-cell {
        width: 30px;
    }

    .grid-creating-table-row {
        overflow-y: auto;
    }

    #create-grid-mode {
        padding: 30px 0px;
    }

    .new-card-set-box.new-add-card {
        height: 50px;
    }

    .cards-validations-warning-label {
        margin-bottom: 12px;
        width: 100%;
    }

    .card-creating-help {
        margin-bottom: 0px;
    }

    .row.gap-3.m-50 {
        display: none;
    }

    .app-screen {
        padding-top: 10px;
    }

    .auto-save-user-alert {
        padding: 5px 10px;
        width: 100%;
    }

    .auto-save-user-alert-message {
        font-size: 12px;
    }

    .nav-menu-context-label {
        margin-bottom: 0;
    }

    .show-navigation-bar {
        width: 97% !important;
        max-height: 100vh;
        overflow-y: auto;
    }

    .ai-bg-logo {
        right: 0px;
    }

    .ai-bg-logo img {
        width: 70%;
    }

    #add-new-set-btn {
        min-height: 134px;
        min-width: 116px;
    }

    .user-sets-box-directory-container {
        margin-top: 6px;
        padding-top: 13px;
    }

    .file-upload-instruction {
        padding-top: 9px;
        font-size: 15px !important;
    }

    .search-btn .search-btn-img {
        margin-top: -10px;
    }

    .user-set-search-input {
        padding: 0;
    }

    #dailygoal-view-streak-btn {
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 8px 15px;
    }

    #dailygoal-change-goal-btn {
        margin-bottom: 10px;
    }

    #dailygoal-today-progress-btn {
        padding-bottom: 10px;
    }

    .ai-study-btn {
        padding: 5px 12px;
    }

    .study-streak-label {
        width: 45%;
    }

    .ai-study-detail-daily-goal-progress {
        font-size: 16px;
    }

    .screen-heading {
        margin-bottom: 1rem;
    }

    .welcome-text {
/*        margin-left: 40px;*/
        margin-right: 25px;
        margin-top: 11px;
    }

    #test-me-completed-baseline_dialog-header{
        position: absolute;
        right: 0;
        font-size: 12px;
    }

    #test-me-completed-baseline_title {
        font-size: 12px;
    }

    .test-me-baseline-completed-summary {
        font-size: 15px;
    }

    #keyboard-controls-container {
        flex-direction: column;
        align-items: initial !important;
    }

    #keyboard-controls-container .learning-card-test-btn.cursor-pointer {
        margin-left: unset;
        text-align: center;
        margin-right: 0;
    }

    .user-set-search {
        margin-left: 10px;
        margin-right: 10px;
    }

    .dir-fil-icon {
        width: 35px;
        height: 35px;
    }

}

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

    .sc-table-filter {
        top: 185px;
    }

    #school-users-management-grid #newUser {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #school-users-management-grid #pendingInvitations {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 60px;
    }

    #school-users-management-grid .e-hscroll-content {
        width: 100%;
    }

    #school-users-management-grid #Grid_toolbarItems {
        margin-bottom: 290px;
    }

    #school-users-management-grid #Grid_search {
        position: absolute;
        left: 42% !important;
        transform: translateX(-15%);
        margin-top: 120px;
    }
    #school-users-management-grid #Grid_search div {
        width: 100%;
    }
}

@media only screen and (max-width:660px) {
    #subscribed-teachers-column-badge {
        display: none;
    }

    .assigned-students-cell {
        display: none;
    }

    #subscribed-teachers-column-badge .user-circle {
        display: none;
    }

    .user-circle.user-circle-more-assigned {
        display: none;
    }
}

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

    .image-searcher-search-input-text-container {
        width: 100%;
    }

    .image-searcher-search-input-text {
        width: 92% !important;
    }
/*    .email-verify-box {
        margin-top: 10%;
    }*/

    .e-verify-close {
        display: none;
    }
}

@media only screen and (max-width: 786px) {
    .blog-box {
        align-items: normal;
        width: 330px;
        flex-direction: column;
    }

    .heading-secondary {
        margin-bottom: 0;
        font-size: 26px;
    }

    .blog-light-box {
        margin-right: initial;
        margin-left: auto;
    }
}

@media only screen and (min-width: 768px) {
    .brain-boost-heading {
        top: 5%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }
}

@media only screen and (max-width: 768px) {
    .user-set-search {
        width: 33%;
        padding: 0px 7px;
    }

    .dir-filter .user-set-search {
        width: 75%;
        padding: 0px 7px;
    }

    .dir-filter {
        min-width: inherit;
    }
}

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

    #school-users-edit-save-btn {
        float: left;
    }

    #school-users-edit-cancel-btn {
        float: right;
        padding: 15px 25px;
    }

    #school-users-class-assignment-save-btn {
        float: left;
    }

    #school-users-class-assignment-cancel-btn {
        float: right;
        padding: 15px 25px;
    }

    .pending-invitation-btn {
        display: none;
    }

    .file-upload-instruction {
        /*position: absolute;*/
        border-left: 0 !important;
        top: 47px;
        left: 10px;
    }

    #school-users-management-grid #Grid_search {
        left: 370px;
        top: 0px !important;
    }

}

@media only screen and (max-width: 800px) {
    #userEditDialog_dialog-content .row.align-items-center.p-1:has(.table.table-borderless.mb-0) {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
/*    .route-sk-logo,
    .sk-rs-logo {
        display: none;
    }

    .skillkeep-user-options {
        display: none;
    }

    .small-back-button {
        display: none;
    }*/
}

@media only screen and (min-width: 1050px) {
    /*streak indicator init*/
    .brain-boost-heading {
        top: 17px;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
    }
    /*streak indicator end*/
    .route-sk-logo,
    .sk-rs-logo {
        display: none;
    }

    .skillkeep-user-options {
        display: none;
    }

    .small-back-button {
        display: none;
    }
}

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

    .blog-light-box {
        display: none;
    }

    /*streak indicator init*/
    .study-card-suggest-box {
        width: 95%;
    }

    .brain-boost-para {
        width: 90%;
    }

    .directory-box {
        justify-content: space-between;
        align-items: center;
    }

    .brain-boost-heading {
        position: unset;
        transform: translate(0, 0);
    }

    .dir-box-top-row {
        justify-content: space-between;
    }

    .drag-handler {
        left: 25.5%;
    }

    .page-heading.sk-ms-logo {
        display: none;
    }

    .sk-rs-logo {
        width: 110px;
    }

    .skillkeep-user-options {
        background-color: #FF9696;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 13px;
    }

    /*streak indicator end*/

    .blog-light-box-title {
        display: none;
    }

    .user-directory-add-your-sets-text .file-upload-instruction {
        width: 100%;
    }

    .dir-filter .user-set-search {
        max-width: none;
    }

    .dir-filter {
        width: 95%;
        left: 1%;
        top: 32%;
        margin-top: 12px;
    }

    .dir-box-top-row {
        display: flex;
        flex-direction: column;
    }

    .dir-box-top-row .file-upload-instruction {
        margin-top: 65px;
    }

    .user-directory-border-right {
        border: 0 !important;
    }

    .dir-list-box {
        position: absolute;
        background: white;
        width: 60%;
        border-right: none;
        box-shadow: 0px 0px 10px 0px rgba(50, 77, 171, 0.10);
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        opacity: 0;
        transition: all;
        /*transition: all .3s;*/
        /*border-radius: 20px;*/
    }

    .dir-list-box-rs {
        transform: translate(0%);
        opacity: 1;
        transition: all .3s;
        position: fixed;
        top: 5%;
    }

    .dir-new-bt-row {
        flex-direction: column;
    }

    .dir-fil-icon:hover {
        background-color: #EE9C22;
        transition: all .2s;
        border: 1px solid transparent;
    }

/*    .dir-filter-check:hover .dir-filter-options {
        opacity: 1;
        visibility: unset;
    }*/

    .dir-list-result {
        width: 100%;
        padding-left: 0px;
    }

    /*.ai-study-box {
        margin-left: 0px;
    }*/

    .dir-filter-options {
        width: 120%;
        z-index: 1;
    }

/*    .dir-filter {
        width: 23%;
    }*/

    .dir-nav-btn {
        display: inline-block;
    }

    .dir-nav-close-btn {
        display: inline-block;
        float: right;
        padding: 0;
    }

    .user-directories-checkbox-description {
        margin-top: 10%;
    }

    .dir-ul {
        margin-top: 33px;
    }
}

@media only screen and (min-width: 1167px) {

    .bg-white {
        margin-left: 0;
    }

    .user-sets-box-directory-container {
        margin-left: 0;
    }

    .user-options { flex-basis: 30%; }

    .recommended-box { width: 90%; }

    .navigation-button { display: none; }

    .navigation-close-btn { display: none; }

    .recent-card-heading-rs {
        display: none;
    }

    .my-sets-time-heading-rs { display: none; }
    
    .learning-card-left-panel-width {
        width: 14%;
    }
    .learning-score-box-parent {
        /*width: 14%;*/
    }
    .learning-score-box {
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        background: #FCFCFC;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
        align-self: self-start;
        flex-direction: column;
    }

    .learning-questions-store:not(:last-child) {
        border-bottom: 1px solid #EEE;
    }

    .learning-questions-store {
        align-items: start;
    }

    .counter-color-1 {
        color: #EE9C22;
    }

    .counter-color-2 {
        color: #7D4FA0;
    }

    .counter-color-3 {
        color: #EB4D4D;
    }

    .choose-ans-btn,
    .match-card-btn,
    .choose-ans-btn-wrong,
    .choose-ans-btn-correct {
        display: none;
    }

    .question-card-number.rs,
    .match-question-heading.rs,
    .responsive-card-info {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .image-searcher-item {
        height: 175px;
    }
}

@media only screen and (min-width: 1400px) {
    .card-creating-sepration-container {
        width: 75%;
    }
    main {
        padding: 3rem;
    }

    .user-options { flex-basis: 25%; }
    
    .form_input_password {
        background-position-x: 2%;
    }

    .form_input_name {
        background-position-x: 2%;
    }

    .question-title {
        margin-right: 50px;
    }

    .curriculum-box {
        width: 80%;
    }

    .subject-search-box {
        width: 80%;
    }

    .card-set-box {
        width: 75%;
        padding: 30px 50px 60px;
    }

    .learning-score-box-parent {
        /*width: 14%;*/
    }

    .learning-score-box {
        
    }

    .question-store-counter {
        margin-bottom: 5px;
    }

    .learning-card {
        width: 40%;
        margin-left: 4%;
    }

    .create-card-normal-view {
        padding: 30px 50px 60px;
    }

    .learning-card-question {
        padding: 20px 30px;
    }

    .set-questions-tracker-box {
        width: 25%;
        margin-left: 4%;
    }

    .learning-card-key-controls {
        width: 49%;
    }

    .user-profile-switch-card {
        width: 100%;
    }

    .learning-card-complete-btn {
        padding: 13px 30px;
    }

    .user-profile-img {
        width: 40px;
    }
}

@media only screen and (max-width: 900px) {
    .matchinggame-cardbox-answer {
        float: right;
    }
}

@media only screen and (max-width: 650px) {
    .matchinggame-cardbox-answer {
        float: left;
    }
    .matchinggame-right-list {
        width: 100%;
    }
}

@media only screen and (max-width: 1300px) {
    
    .learning-card-btn {
        padding: 8px 15px;
    }
    
    .learning-keys-button{
        width:40%;
    }

    .learning-card-complete-btn {
        padding: 12px 18px
    }
}

@media only screen and (max-width: 1465px) {
    .myprofile.two-fa.acc-sett.small-button-responsive {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}
@media only screen and (max-width: 1265px) {
    .e-tab .e-tab-header.e-vertical {
        max-width: 100% !important;
        width: 100% !important;
    }

    .e-tab.e-vertical-tab .e-content {
        display: block !important;
    }
}

@media only screen and (max-width: 1265px) {
    .learning-card-btn {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1025px) {
    .study-card-suggest-box {
        width: 95%;
    }

    .brain-boost-para {
        width: 90%;
    }

    .directory-box {
        justify-content: space-between;
        align-items: center;
    }

    .brain-boost-heading {
        position: unset;
        transform: translate(0, 0);
    }

    .dir-box-top-row {
        justify-content: space-between;
    }

    .drag-handler {
        left: 25.5%;
    }
}

@media only screen and (max-width: 1167px) {
    .class-group-grid-refresh {
        display: none;
    }
    .responsive-header {
        padding-top: 40px;
    }

    .card-creating-sepration-container {
        width: 100%;
    }
        .you-stats-header-text {
            margin-left: 40px;
            padding-left: 0;
            margin-top: 5px;
            height: 107px;
        }

        .learning-card-test-btn.cursor-pointer {
            min-width: 100px;
        }

        .screen-heading .sub-heading {
            margin-top: 3%;
        }

        .match-game-img {
            display: none;
        }

        .input-alert-message.m-40 {
            margin-bottom: 1rem;
        }

        .main-logo {
            width: 60%;
        }

        .navbar-brand {
            text-align: center;
        }

        .logo {
            padding: 17px 15px;
        }

        .page-heading {
            margin-bottom: 0px;
            font-size: 20px;
            padding-left: 10px;
            text-align: center;
            margin-right: 10px;
        }

        .top-nav {
            justify-content: center;
        }

        .small-back-button {
            background-color: transparent;
            border: none;
        }

        main {
            padding: 0.4rem;
        }

        img.main-logo {
            float:left;
        }

        .sidenav {
            position: fixed;
            top: 0;
            left: -100%;
            width: 70%;
            border-left: 0px;
            background-color: white;
            transition: all .5s cubic-bezier(0, .09, .01, 1.13);
            height: 100%;
            box-shadow: 10px 0px 30px 0px rgba(0, 0, 0, 0.05);
            z-index: 10000;
        }

        .drag-handler {
            display: none !important;
        }

        .sidebar {
            position: initial !important;
        }

        .search-form {
            display: none !important;
        }

        .user-options {
            width: 12%;
        }

        .user-name {
            font-size: 15px;
        }

        .user-profile-btn {
            width: 90%;
            padding: 7px 9px;
        }

        .add-new-set-btn {
            width: 100%;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 10px;
            display: flex;
        }

        .crumbs-box {
            overflow: hidden;
        }

        .user-sets-box {
            margin-bottom: 0px;
        }

            .user-sets-box.responsive {
                margin-bottom: 20px;
            }

        .user-settings-nav {
            padding: 0 0;
            border: 0px;
        }

        .user-settings-field-row {
            padding-top: 2rem;
            padding-bottom: 2rem;
            border-bottom: 0px;
        }

        .user-settings-nav-item {
            border-bottom: 2.5px solid #F0F0F0;
        }

        .user-settings-fields {
            border-radius: 0px;
            border: 0px;
        }

        .fields-group {
            flex-direction: column;
        }

        .user-settings-field-title {
            margin-bottom: 25px;
        }


        .fields-group-last-buttons {
            flex-direction: row;
        }

        .security-setting-row {
            padding-top: 2rem;
        }

            .security-setting-row .user-settings-field-title {
                margin-bottom: 0px;
            }

        .security-fields-group {
            flex-direction: row;
        }

        .user-settings-nav-box-responsive {
            display: none;
        }

        .recent-card-heading-dsk {
            display: none;
        }


        .security-setting-heading {
            display: none;
        }

        .authenticator-links {
            display: inline-block;
            margin-top: 10px;
        }

        .authentication-icon-box {
            display: block;
        }

        .security-setting-steps {
            margin-bottom: 14px;
        }

        .btn-disable,
        .btn-outline {
            margin-bottom: 20px;
        }

        .security-setting-detail-highlighter {
            margin-top: 20px;
        }

        .my-sets-time-heading-ds {
            display: none;
        }

        /*.user-set-filters {
            display: none;
        }
*/
        .my-sets-time-heading-rs {
            font-size: 17px;
            margin-bottom: 15px;
            display: block;
        }

        .question-card-input {
            width: 100%;
        }

        .question-title {
            margin-bottom: 15px;
        }

        .question-description {
            margin-bottom: 15px;
        }

        .curriculum-box {
            background-color: transparent;
            border-radius: 0px;
            border: transparent;
            width: 100%;
        }

        .subject-search-box {
            width: 100%;
        }

        .recommended-subject-box {
            flex-direction: column;
        }

        .recommended-subject {
            border: none;
            border-radius: 0px;
            padding: 0;
            font-size: 15px;
            margin-bottom: 12px;
        }

        .card-set-box {
            border: none;
            padding: 0;
            background: transparent;
            width: 100%;
        }

        .card-set-box .fields-group-last-buttons {
            margin-top: 20px;
            flex-direction: column;
        }

        .u-width-15 {
            width: 70%;
            margin-bottom: 10px;
        }

        .set-questions-tracker-rs,
        .btn-view-all {
            display: none;
        }

        .learning-card {
            width: 100%;
            margin-left: 0;
            align-self: center;
        }

        .keyboard-controls-without-transition {
            width: 100%;
            margin-left: 0;
            align-self: center;
        }

        .keyboard-controls-buttons {
            width: 100% !important;
            margin-left: 0;
            align-self: center;
        }

        .set-questions-tracker-box {
            order: -1;
            width: 100%;
            align-self: center;
            margin-bottom: 10px;
            margin-left: 0;
        }

        .btn-randomizer {
            display: inline-block;
            width: 48%;
        }

        .btn-sorted-options {
            display: inline-block;
        }

        .btn-previous-question,
        .btn-next-question {
            display: none;
        }

        .form_col_left {
            display: none;
        }

        .form_col_right {
            width: 100%;
            padding-left: 30px;
            padding-right: 30px;
        }

        .seprator {
            width: 100%;
        }

        .thankyou_screen_logo {
            width: 50%;
        }

        .verification_detail {
            font-size: 1.7rem;
            width: 90%;
        }

        .heading_tertiary {
            margin-bottom: 10px;
            font-size: 3rem;
        }

        .password_validation_condition {
            font-size: 12px;
        }

        .form_terms {
            width: 100%;
        }

        .form-phone-code {
            flex-basis: 21%;
        }

        .question-with-share {
            display: none;
        }

        .btn-sorted-options {
            display: none;
        }

        .question-store-heading {
            color: #523306;
        }

        .learning-card-controls {
            margin-top: 10px;
        }

        .learning-card-key-controls {
            display: none;
        }

        .learning-card-complete-btn {
            width: 100%;
            text-align: center;
        }

        .loading-box-heading {
            width: 80%;
        }

        .match-game-bg {
            overflow: hidden;
            padding-top: 40px;
        }

        .goal-duration-box-set {
            margin-bottom: 20px;
        }

        .goal-study-box {
            margin-left: 0px;
        }

        .match-game-box {
            width: 320px;
            padding: 40px 20px 25px 20px;
        }

        .match-question-box {
            position: relative;
        }

        .match-question-list {
            width: 100%;
            margin-right: 0px;
            display: none;
        }

        .match-answer-list {
            width: 100%;
        }

        .match-answer-list-in-box {
            flex-direction: column;
        }

        .match-ans-card {
            width: 100%;
            height: auto;
            margin-bottom: 20px;
        }

        .question-set-heading {
            font-size: 16px;
            text-align: center;
            align-self: center;
            margin-bottom: 20px;
        }

        .match-question-card-list {
            flex-direction: column;
            padding: 20px 14px;
        }

        .match-card-drag-btn {
            display: none;
        }

        .match-question-title.mrs {
            display: none;
        }

        .match-questions-counter.crs {
            justify-content: flex-start;
            background-color: white;
            padding-bottom: 10px;
        }

        .match-game-heading {
            margin-bottom: 20px;
            font-size: 25px;
        }


        .mobile-description-scrollbar {
            height: 400px;
            overflow-y: auto;
        }

        .match-game-description {
            font-size: 16px;
            width: 100%;
            margin-bottom: 25px;
            margin-top: 15px;
        }

        .match-game-rule-box {
            width: 100%;
            flex-direction: column;
            max-height: 500px;
            overflow: auto;
        }

        .game-rule-box-l {
            width: 100%;
        }
    }
    @media only screen and (max-width: 590px) {
        .my-sets-algorithm-label-text {
            display: block;
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 490px) {
        
        .card-creating-sepration-container {
            text-align: center;
        }

        .card-set-import-from-file-btn {
            text-align: center;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .card-creating-help {
            width: 100%;
        }

        .card-creating-help a {
            text-align: center;
            display: block;
        }

        .completed-baseline-done-studying {
            padding: 8px 15px !important;
            width: 122px;
        }

        .completed-baseline-continue-studying {
            width: 160px;
            padding: 8px !important;
        }

        .u-stats-box-top-row {
            flex-direction: column;
        }

        .u-stats-box {
            padding: 20px;
        }

        .user-stats-streaks-filters {
            flex-direction: column;
        }

        .u-stats-box-top-row .card-create-mode-box {
            margin-bottom: 20px;
        }

        .user-stats-recent {
            margin-bottom: 10px;
        }

        .u-stats-box-card {
            flex-direction: column;
        }

        .u-stats-card {
            margin-right: 0px !important;
            margin-bottom: 15px;
        }

        .user-stats-streaks-top-row {
            flex-direction: column;
        }

        .u-test-perfomance-result-box {
            flex-direction: column;
        }

        .u-test-perfomance {
            width: 100%;
        }

        .user-stats-list-table {
            width: 1000px;
        }

        .u-stats-box-top-row .card-create-mode-btn {
            font-size: 12px;
        }

        .blog-box {
            display: none;
        }

        .blog-light-box-title {
            display: none;
        }

        .file-upload-instruction {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        .set-btn {
            font-size: 15px;
            padding: 0 14px;
        }

        .subject-catgories {
            font-size: 11px;
        }

        .fn-modal-footer-today-progress {
            width: 330px;
        }

        .user-badge-notify-icon {
            padding: 15px;
        }

/*        .user-set-screen-btn {
            display: none !important;
        }*/

        .user-options {
            width: 22%;
        }

        .card-set-row-reponsive {
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            flex-wrap: nowrap;
        }

        .card-set {
            max-width: 400px;
        }

        .user-sets-box.desktop {
            display: none;
        }

        .new-set-popup-dialog {
            max-width: 95%;
        }

        .new-set-popup-content {
            padding: 32px 16px;
            padding-top: 0;
        }

        .btn-new-set {
            padding: 12px 5%;
            font-size: 15px;
        }

        .library-subjects-sets {
            width: 100%;
            display: inline;
        }

        .library-subjects-sets {
            display: none;
        }

        .library-sets > .card-set {
            width: 100%;
        }

        .library-subjects {
            width: 100%;
            max-height: 380px;
            padding: 0px;
        }

        .library-subjects-hide-responsive {
            display: none;
        }

        .library-subjects-show-responsive {
            display: initial !important;
        }

        .library-subjects::-webkit-scrollbar {
            display: none;
        }

        .library-subjects-btn {
            font-size: 15px;
        }

        .m-50 {
            margin-bottom: 3rem;
        }

        #inner-topic-level .accordion-body {
            padding: 0 0 0 7px;
        }

        .set-info-dialog {
            max-width: 100%;
        }

            .set-info-dialog .set-card-question {
                width: 43%;
            }

        .current-card-question {
            font-size: 22px;
            font-size: 17px;
        }

        /*.learning-card-img {
            width: 86%;
        }*/

        .learning-card-btn {
            padding: 8px 12px;
        }

            .learning-card-btn + .learning-card-btn {
                margin-left: 8px;
            }

        .learning-keys-button {
            width: 50%;
        }

        .learning-card-key-controls {
            width: 70%;
        }

        .loading-box-heading {
            width: 95%;
            font-size: 30px;
        }

        .loading-title {
            font-size: 18px;
        }

        .tip-function-box {
            flex-direction: column;
        }

        .tip-share-box {
            margin-left: unset;
            margin-top: 30px;
        }

        .test-me-ques-heading,
        .q-indi-for-q {
            font-size: 15px;
        }

        .test-me-sele-ans-box {
            flex-direction: column;
        }

        .test-me-choices-box {
            width: 100%;
        }

        .sum-button-p {
            flex-direction: column;
            align-items: center;
        }

        .game-start-btn {
            margin-top: 15px;
        }

        .blog-box {
            display: none;
        }

        .blog-light-box-title {
            display: none;
        }

        .usm-modal {
            width: 100%;
        }

        .school-add-new-btn {
            margin-bottom: 20px;
        }

        .u-stats-box-top-row .user-set-search {
            width: 100%;
        }

        .verification-badge {
            padding: 3px 8px;
        }

        .un-verfiy-btn-send-email {
            padding: 2.6px 8px 4px 8px;
        }

        .pending-invitation-btn {
            margin: 10px auto;
        }
    }

@media only screen and (max-width: 420px){
    .page-heading {
        font-size: 16px;
    }
}

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

        #dailygoal-today-progress-btn {
            border-bottom: 0;
        }

        #viewStreakModal_dialog-content .e-calendar-content-table {
            width: 96% !important;
        }

        .goal-streak-box-change-month-btn {
            margin-right: 30px !important;
        }

        .daily-goal-view-streak-butttons-row {
            flex-direction: column;
            align-items: initial !important;
        }

        #dailygoal-view-streak-btn {
            width: 100%;
        }

        #dailygoal-change-goal-btn {
            width: 100%;
            margin-top: 12px;
        }

        .card-set {
            max-width: 345px;
        }

        .set-card-question {
            width: 41%;
        }

        .calender-box {
            padding: 20px 15px;
        }


        .calender-date {
            font-size: 18px;
            margin-bottom: 0;
        }

        .calender-filter {
            padding: 5px;
        }

        .filter-btn {
            padding: 10px 15px;
        }

        .create-card-normal-view {
            padding: 0px;
        }

        .card-create-upload-btn {
            margin-left: 0px;
            margin-bottom: 20px;
        }

        .card-create-mode-box {
            margin-bottom: 20px;
        }
    }

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

    .learning-card-btn {
        font-size: 12px;
    }

    #viewStreakModal_dialog-content {
        min-width: 360px !important;
    }
}

@media only screen and (max-width:375px) {
    .e-dlg-container .e-dialog.e-lib.e-dlg-modal {
        height: 100% !important;
    }
}

    @media only screen and (max-width:330px) {
        .learning-card-btn {
            font-size: 9px;
        }
    }

@media only screen and (min-width:480px) and (max-width:1050px){
    .strk-indicator-box {
        margin-top: 25px;
        margin-bottom: 10px;
    }
}


/*My custom bootstrap col breakpoints*/
@media only screen and (min-width:2061px) {
    .card-set-response {
        width: 33.33333%;
    }
}
@media only screen and (min-width:1500px) and (max-width:2060px) {
    .card-set-response {
        flex-basis: 30%;
        padding: 0 0 10px 6px;
    }
}

@media only screen and (max-width:1500px) {
    .card-set-response {
        width: 100%;
    }
    .card-set-response > .card-set {
/*        margin: auto;*/
    }
}

@media only screen and (min-width:2550px) {
    .card-set-response {
        width: 25%;
    }
}