@media (max-width: 1024px) {
    .navbar.scrolling-navbar{padding: 0 15px}
    .table-responsive .table {white-space: nowrap;}
    .col-3-course{width: 25%}
    ul.nav.nav-pills .nav-item a{font-size: 13px}
    .box-preview-document iframe{width: 100%;min-height: 350px}
    ul.ul_show_package span.span_lable {width: 45%;}
    .ul-course-detail{width: 100%}
    .detailReportLearning{margin-left: 0}
    .box-menu {display: inline-block;float: right;margin-left: 12px;margin-top: 3px;}
    .box-menu-mobile{display: inline-block}
    .navbar-expand-lg .navbar-toggler,ul.navbar-nav.mt-md-0{display: inline-block}
    ul.navbar-nav.mt-md-0{padding: 0!important;}
    .box-menu-mobile .navbar-toggler{position: relative;top: 7px;border-color: white;}
    .box-search-mobile{width: 70%;}
    .input-lg{height: 40px;font-size: 13px}
    #search label{top:5px}
    .block-student-page .col-detail-student{max-width: 100%;}
    .box-content-show-course.boxContentStudent{display: block}
    .content-ul{display: none}
    ul.ul_show_package li, ul.ul_show_course li{width: 100%}
    .add_theme_mobile{color: white;border-radius: 100%;background: green;padding: 8px 10px;margin-left: 2px;}
    .block-content-video .nav.box-introduction-course {width: 100%;}
    div#player_videojs {display: inline;}
    .box-content-quiz {width: 100%;margin: 0 auto;padding: 30px 0;}
    .box-search-mobile-2{display: none}
}

@media (max-width: 824px) {
    /*-- pixel 2Xl--*/
    main{margin-top: 60px}
    .ubo-right-title{margin-bottom: 10px}
    .col-3-course {width: 33.3333%;}
    .col-text-mobile{text-align: left}
    .box-search-mobile {
        width: 58%;
    }

}

@media (max-width: 767px) {
    /*-- Iphone 6 plus--*/
    .exitButtonStudent {right: 0;top: 30px;margin-top: 0;}
    .exitButtonMobile{top:10px!important;}
    .content-quiz {border: none; padding: 5px; box-shadow: none}
}
@media (max-width: 732px) {
    div#listSettingStudentLearn1 {margin: 5px 0 20px 0;padding-top: 0;}
}

@media (max-width: 668px) {
    /*-- Iphone 6--*/
    .box-search-mobile {width: 65%;}
    .col-3-course {width: 50%;}
}

@media (max-width: 569px) {
    .box-search-mobile {
        width: 60%;
    }
}

@media (max-width: 415px) {
    .box-search-mobile {
        width: 48%;
    }
    a#startLearningStudent{margin-top: 10px}
    a.btn.btn-primary.title-normal ,a#startLearningStudent{
        padding: 10px!important;
        font-size: 13px;
    }
    .img_tutorial_course {
        width: 80%;
        margin-top: 5%;
    }
}


@media (max-width: 575px) {
    .box-search-mobile{display: none}
    .box-search-mobile-2{display: block;margin-top: 90px;padding: 0 15px;}
    .exitButtonStudent {right: -12px;top: 15px;}
    .img_tutorial_course {margin-top: 15%;}
    #listSettingStudentLearn1 {max-width: 75%;padding-top: 0;}
}