@media(max-width:1480px){
    .quiz_sec {
        width:200px;
    }
}
@media(max-width:767px){

    /* ========= login and sign up responsive css ========= */
    .authenticate-bg .auth-left {
        display: none;
    }
    .campaign_res_page{
        text-align: center;
    }
    .name_cam{
        text-align: center;
    }
    /* .authenticate-bg .auth-right .auth-logo {
        position: relative;
        top: 10px;
        left: 50%;
        transform: translate(-50%);
    } */
    .authenticate-bg .auth-right .upper-head {
        margin-top: 27px !important;
    }

    .auth-box-right{
    display: block;
    }
 /* ========= login and sign up responsive css ========= */


  /* ========= Dashbord responsive css ========= */
  .mobile_cs{
      width: 100%;
      overflow: scroll;
  }

  .lms-quick-wrapper .btn-wraps .btn {
    margin-bottom: 15px;
    width: 44%;
}

.mobile_btn{
    margin-top: 20px;
}

.customer-support-wrapper {
    display: none;
}

.contentbar.custom-dashboard {
    padding: 20px;
    margin: 65px 0px 0px;
}
  /* ========= Dashbord responsive css ========= */
 




  /* ========= Department responsive css ========= */
  .user_mangement td a {
    color: #f28a3c;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    padding: 5px 0px;
}
.breadcrumbbar {
    margin: 25px 0 25px 0;
}
.pagination_section {
    text-align: center;
}
.mobile_depart{
    margin-top: 10px;
}

.mobile_depart .mobile_dis {
  align-items: center;
}
.form-inline {
    justify-content: center;
}

.pagination {

    justify-content: center;
}

.anchor-card {
    margin-bottom: 15px;
}

.grp_add {
    margin-bottom: 20px;
}
.orderby-btn{
    margin-top: 20px;
    margin-left: 14px;
}

.modal.left .modal-content, .modal.right .modal-content {
    width: 349px;
    margin-left: 0px;
    position: absolute;
    right: 0;
}
 /* ========= Department responsive css ========= */


  /* ========= Skills responsive css ========= */
 .table_skill {
    border: 1px solid #eee;
    margin-bottom: 20px;
}
.modal-content {
    width: 100%;
}


/* ========= Skills responsive css ========= */

/* ========= campaigns responsive css ========= */
/* #accordian {
    margin-bottom: 15px;
} */
.create_new_comp{
    height: 100vh;
}

#apex-pie-chart svg{
 margin-left: -20px;
}
/* ========= campaigns responsive css ========= */



.function-bar .row{
    justify-content:center!important;
    margin-bottom: 30px;
    
}

.function-bar .dropdown {
    margin: 0px 3px 8px 3px;
}

.course-section .grid_sty {
    padding: 20px 0px;
    overflow: hidden;
    text-align: left !important;
}
#paginate {
    text-align: center;
}
.reset_fil {
    margin-left: 0;
}

.tutorial ul li {
    margin-bottom: 20px;
}

.searchbar {
    margin: 20px 0px;
}
.contentbar {
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 215px;
}
.widgetbar {
    display: flex;
    justify-content: center;
}
.breadcrumbbar {
    margin: 25px 0 25px 0;
    position: fixed;
    top: 51px;
    width: 100%;
    right: 0;
    z-index: 10;
}




.reset_fil{
    margin-left: 20px;
}
.course_analytic {
    margin-bottom: 30px;
}
.contentbar.course_analy {
    margin-top: 125px;
}
.real-menu {
    width: 300px;
    z-index: 10;
}
.mobile_depart .row {
    justify-content: start !important;
    margin: 0;
}
.lecture_commmon {
    margin-bottom: 20px;
}
.course-card .course-block {
    padding: 0px 15px 20px;
}

.lecture-box {
   margin: 0;
}
.nav-tabs .nav-link {
    color: #000000;
    font-size: 12px;
}
.nav-link {
    display: block;
    padding: 5px 3px;
}


/* create course css start here */

.btn-wrap {
    margin-bottom: 20px !important ;
}

.t_app {
    margin-left: 14px;
    margin-top: 10px;
}

.grid_sty.img_show img {
    max-height: unset;
    width: 100%;
    height: auto;
}

#types-tree {
    margin-top: 25px;
}


.modal-dialog.modal-dialog-centered {
    width: 100% !important;
    max-width: 800px;
    padding: 20px 20px;
    margin: 0;
}
.modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 20px 20px;
}


.pageNo {
    float: none;
}

#pagination-wrapper{
    text-align: center;
}

.daterangepicker .drp-selected {
    display: block;
    font-size: 12px;
    padding-right: 0 !important;
}

.daterangepicker.show-calendar .drp-buttons {
    display: flex !important;
    align-items: center !important;
}

#createCampaign .modal-dialog {
    width: 100%;
    margin: 0;
    padding: 20px 20px;
}

.run_compaign_ui {
    margin-bottom: 20px;
}

.course_container {
    display: block;
    text-align: center;

}

.toggle-menu .leftbar {
    position: fixed;
    width: 250px;
    margin-left: 0;
    transition: all 0.3s ease;
    top: 0;
    z-index: 14;
}

.toggle-menu .profile-element .profile-text {
    display: block;
}
/* .filter_btn .dropdown-menu.show {
    display: block;
    max-height: 250px;
    overflow: auto;
    position: relative !important;
    transform: none !important;
    left: unset !important;
    top: unset !important;
} */


.filter_btn {
    margin: 20px 0px;
}

.authenticate-bg{
    display: block;
}

.authenticate-bg .auth-right {
    display: block;
    padding-top: 100px;
}

.authenticate-bg .auth-right .auth-logo {
    width: 150px;
    position: relative;
    top: unset;
    left: unset;
    z-index: 10000;
    margin-left: 30px;
}

#accordian {
    position: relative;
    z-index: unset;
    width: 100%;
}
.skill_department {
    margin-bottom: 10px;
}

#accordianSet{
    position: relative;
    z-index: unset;
    width: 100%;
}

.form-inline {
    justify-content: unset;
}
.edit_list_grp .orderby-btn{
        margin-top: 20px;
        margin-left: 0px;
}

.edit_list_grp #searchBar {
    width: 100% !important;
}
.real-menu .jstree-anchor{
    font-size: 12px;
}
.real-menu #types-tree {
    padding: 20px 00px;

}
/* .custom-file-input{
    z-index: 1;
}
.custom-file-label{
    z-index: 1;
}
.custom-file-label::after{
    z-index: 1;
} */

.lecture-box .text-right {
    margin-top: 20px;
}
.topbar-toggle-menu .topbar {
    z-index: 12;
    margin-top: 0;
    top: 76px;
}

.opti_btn {
    text-align: right;
}
.save_quiz_quest {
    margin-top: 10px;
    margin-right: 8px;
}

body.menu-open #sidebar_menu .real-menu {
    right: 0;
    width: 360px;
    z-index: 14 !important;
}

.real-menu .skill_create .text-right button{
    margin-top: 20px;
}
}