@media (max-width:1399px) {
    .side_menus{
        width:215px;
    }
}
@media (max-width:1300px) {
    [lang="en"] .side_menus {
        right: auto;
        left: 45px;
        transform: translateX(-100%);
    }
    [lang="en"] .side_menus.expandMenu {
        transform: translateX(0%);
    }
    .side_menus.expandMenu{
        transform: translateX(0%);
    }
    .side_menus{
        transform: translateX(100%);
    }
    body.menuOpen .wrapper, .wrapper{
        max-width:750px;
        padding:0;
    }
}
@media (max-width:1024px) {
   [lang="en"] .wrapper{
       
        padding:0 25px 0 70px
    }
    .wrapper{
        max-width:100%;
        padding:0 70px 0 25px
    }
   
    .card_styleOne .card_content{
        max-width: 70%;
    }
}
@media (min-width:1024px) and (max-width:1250px) {
    [lang="en"]  body.menuOpen .wrapper{
          padding-left:100px;
          padding-right:25px
      }
      body.menuOpen .wrapper{
          padding-right:100px;
          padding-left:25px;
      }
  }
@media (min-width:843px) and (max-width:1024px) {
  [lang="en"]  body.menuOpen .wrapper{
        padding-left:225px;
        padding-right:25px
    }
    body.menuOpen .wrapper{
        padding-right:225px;
        padding-left:25px;
    }
}
@media (max-width:843px) {
    [lang="en"] body.menuOpen .wrapper {
        padding-left: 270px;
        padding-right:25px;
    }
    body.menuOpen .wrapper {
        padding-right: 270px;
        padding-left:25px;
    }
}
@media (max-width:767px) {
    [lang="en"] .wrapper{
       
        padding:0 25px 
    }
    [lang="en"] .side_menus{
        left:0;
    }
   
    .courseno_filter {
        display: none;
    }
    .student_tab, .student_area .prifile_image {
        display: none;
    }
    .sc_tabs {
        display: flex;
        justify-content: space-between;
    }
    .sc_tabs a {
        margin: 0;
        font-size: 16px;
    }
    .link_group{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    tr td:last-of-type, tr th:last-of-type {
        padding: 0.75rem;
    }
    .data_table.responsive tbody > tr > td:first-of-type:before, .file-table.responsive tbody > tr > td:first-of-type:before {
        content: '';
        background-position: -10px -101px;
        width: 17px;
        background-image: url(../images/sprite.png);
        height: 7px;
        position: absolute;
        right: 5px;
        top: 18px;
        background-repeat: no-repeat;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .student_info .student_card {
    width: 100%;
    border: 0;
    padding: 0;
}
    .student_info .student_list {
        display: none;
      }
    .test_duration span{
        font-size: 12px !important;
    }
   .head_thumb img{
    width:75px;
   }
    .note_item .item_body{
        padding-bottom:0;
        border-bottom:0;
    }
    .note_item .btn_group a{
        width: 50%;
        text-align: center;
        border-width: 1px 0 1px 0;
        border-style: solid;
        padding: 5px;
        display: inline-block;
        border-color: var(--border-color);
        margin-top:10px;
    }
    .card_styleOne img{
        width:100%;
/*        height: 200px;*/
        object-fit: contain;
    }
    .card_styleOne {
        flex-direction: column;
    }
    .card_styleOne .card_thumb, .card_styleOne .card_content{
        max-width:100%;
        width:100%;
    }
    .thumbnail img{
        height: 50px;
    }
    body.menuOpen .wrapper, .wrapper{
        max-width:95%;
    }
    body.menuOpen .wrapper, .wrapper{
        max-width:92%;
    }
    body.accountPages {
        padding-top: 104px;
    }
    .side_menus{
        top:102px;
        right:0;
    }
    .dark-mode .side_menus{
        background-color: var(--dark-mode-secondary);
        width: 100%;
        right: 0;
        top: 100px;
    }
    #sideBar {height: 48px;left: 0;right: auto;width: 100%;}

#sideBar ul {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 12px;
}
    .font-decrease a.play_btn {
        font-size: 16px;
    }
    .font-increase a.play_btn {
        font-size: 20px;
    }
    .font-increase .video_content h1 {
        font-size: 24px;
    }
    .font-decrease .video_content h1 {
        font-size: 20px;
    }
    .main_course_card  .course_card{
        max-width:100%;
    }
    .course_table .table_content ul li a{
        flex-wrap: wrap;
    }
    .video_content {
        gap: 5px !important;
    }
    a.play_btn i.ti{
        height: 20px;
        width:20px;
        line-height: 18px;
        font-size:12px;
    }
    a.play_btn{
        font-size:18px;
    }
    .video_content h1{
        font-size:22px;
        margin: 0;
    }
    .video_container{
        height: 119px;
    }
    /* .left_head .user_thumb {
        padding-left: 10px;
    } */
    .head_brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.userHeader .left_head {
    width: 100%;
    justify-content: space-between;
}

.setting_btn {
    border: 0;
    padding-right: 0;
}
[lang="en"] .setting_btn {
    border: 0;
    padding-left: 0;
    padding-right:15px;
}
    .lang_dropdown .select2-container{
        width:45px !important
    }
    .lang_dropdown .select2-container--default .select2-selection--single:before{
        left: 50%;
        transform: translateX(-50%);
        right: inherit;
    }
    .lang_dropdown{
        padding:0;
        margin-left: auto;
        border: 0;
    }
   [lang="en"] .lang_dropdown{
        margin-left:0;
        margin-right:auto;
    }
    .lang_dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .lang_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
        display:none !important;
    }
    .lang_dropdown .select2-container--default .select2-selection--single{
        padding:0;
    }
    .course_card{
        height: auto;
    }
}
@media (min-width: 691px) and (max-width: 767px)  {
    [lang="en"] .lang_dropdown .select2-container--default .select2-selection--single:before {
        left: auto;
        right: 10px;
    }
    [lang="en"] .dropdown_item .dropdown_head:after{
        right:10px;
    }
    .card_styleOne .card_thumb{
        width:100%;
    }
    [lang="en"] .side_menus {
        right: auto;
        left: 0;
        transform: translateX(-100%);
    }
    [lang="en"] .side_menus.expandMenu {
        transform: translateX(00%);
    }
     body .wrapper {
        padding:0 25px
    }
    [lang="en"] body.menuOpen .wrapper {
        padding-left: 205px;
        
    }
    body.menuOpen .wrapper {
        padding-right: 205px;
        
    }
}

@media (max-width:691px) {
    .side_menus{
        width:100%
    }
    body.menuOpen .wrapper, .wrapper{
        padding:0 15px !important;
        max-width: 100%;
    }
}