@media (min-width: 768px) and (max-width: 1023px) {
    .responsive-text-center {
        text-align: center !important;
    }
    .btn-quiz-responsive {
        justify-content: center !important;
    }

    .class-title-responsive {
        padding-left: 15px !important;
    }

    .list-with-link-responsive {
        width: 250px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: inline-block !important;
    }
    .list-with-link-responsive-ondemand {
        width: 159px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: inline-block !important;
    }
    .responsive-total-dashboard {
        width: 33% !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .soon-dashboard {
        display: none !important;
    }
    .footer-info-course-carrer-container {
        display: block !important;
    }
    .footer-info-course-carrer-section-title {
        margin: 0 !important;
    }
    .exam-icon-container-course-info {
        width: auto !important;
    }
    .score-exam-graded {
        height: 45px !important;
    }
    .card-body-files-course-info {
        margin: 0 !important;
        padding: 0 !important;
    }
    .icon-files-course-info {
        display: none !important;
    }
    .next-class-text-mobile {
        font-size: 0.85rem !important;
        text-align: left !important;
    }

    .welcome-archivement-container {
        display: block !important;
    }

    /* estilos para gamification */
    .welcome-saludation {
        font-size: 25px !important;
    }

    .welcome-student-card-container-desktop {
        display: none !important;
    }

    .welcome-student-card-container-mobile {
        display: block !important;
    }

    .welcome-archivement-card-container {
        max-width: 100% !important;
    }

    .welcome-archivement-card-container {
        max-width: 100% !important;
    }

    .welcome-student-description-container {
        width: 100% !important;
    }

    .welcome-student-container-text {
        margin-bottom: 10px !important;
    }

    .welcome-student-icon {
        height: 100% !important;
        width: 60% !important;
    }

    .points-achievements-desktop {
        display: none !important;
    }

    .points-achievements-mobile {
        display: block !important;
    }

    .welcome-archivement-text-container {
        width: 100% !important;
        margin-top: -20px !important;
        padding-left: 5px !important;
    }
    .welcome-archivement-icon-size {
        height: 40px !important;
        width: 40px !important;
    }

    .welcome-archivement-progressbar-content-container {
        max-width: 100% !important;
        width: 100% !important;
    }

    .welcome-archivement-level {
        width: auto !important;
    }

    .welcome-archivement-progressbar {
        width: 80% !important;
    }

    .welcome-archivement-progressbar-profile {
        width: 80% !important;
    }

    .welcome-student-card-container-profile {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .welcome-archivement-text-container-profile {
        width: 100% !important;
        margin-top: -18px !important;
        padding-left: 5px !important;
    }
    .welcome-archivement-description-profile {
        color: #626262 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        word-wrap: break-word !important;
        padding-top: 0px !important;
        text-align: center !important;
    }

    .explanation-archivement-text-container {
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
    }
    .explanation-archivement-icon-container-profile {
        height: auto !important;
        background-color: #f5f5f5 !important;
        display: flex !important;
        align-items: end !important;
        width: 100% !important;
    }

    .explanation-img-profile {
        width: 100% !important;
    }

    .welcome-archivement-title {
        padding-top: 5px !important;
    }

    .archievement-detail-container {
        width: 33% !important;
    }

    .archivement-img-detail {
        width: 75% !important;
        height: 75% !important;
    }

    .archievement-title {
        text-align: center !important;
    }

    .history-experience-date-container {
        display: none !important;
    }

    .history-experience-plus-points-container {
        width: 25% !important;
    }
    .history-experience-plus-points {
        font-size: 14px !important;
    }

    .level-points-modal {
        font-size: 14px !important;
    }

    .explanation-student-card-container-profile {
        justify-content: center !important;
    }

    .welcome-archivement-icon-container {
        width: auto !important;
    }
    .explanation-student-card-container-profile-title {
        justify-content: center !important;
    }
    .welcome-archivement-progressbar-container {
        padding-top: 10px !important;
    }

    .seeLeadersBoard {
        margin-left: 5px !important;
        margin-top: 0px !important;
    }
    .ranking-th-points {
        display: none !important;
    }
}