@media (min-width: 2200px){
    .container.profile-container{ max-width:2100px;}
    .xxl-container{ max-width:2100px;}
    .xxl-half-container{ max-width:1500px;}
    .profile-container .profile-content-column{flex: 1 0 auto;}
    .wide-res-width {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    .most-papular-courses-section .container-fluid {max-width: 2100px;}
}

@media (max-width: 1700px)
{
    .header{ padding: 12px 20px;}
    /* .header .right-menu .explore-dropdown-box{    max-width: 471px} */
    .most-papular-courses-section .container-fluid {max-width: 1400px;}
}
@media (max-width: 1699px)
{
   .sidenav-carousel .owl-nav {right: -80px;}
   
}

@media (max-width: 1599px)
{
    .most-papular-courses-section .container-fluid {max-width: 1350px;}
    footer {padding: 0;}
    .certificate_spacing {padding: 7rem 7rem;}
    footer .col.work-with{flex: 1 0 220px; max-width: 220px;}
    /* .header nav ul li + li { margin-left: 8px; } */
    /* .header .right-menu .explore-dropdown-box{    max-width: 410px;} */
    .header .right-menu .btn.btn-primaryx i { font-size: 15px; }
    .header .btn,.header nav ul li a,.header .header-login-btn .sign-in{font-size: 15px;}
    .header .header-login-btn a + a{margin-left: 11px;}
    .header nav ul{ padding-right: 5px; margin-right: 5px;}
    .outer-nav{margin-left: 10px;}
    .header .btn{padding: 7px 11px;}
    .header .explore-dropdown-box .form-group input{height: 37px; padding-left: 10px;}
    .most-papular-courses-section .overlay_Show_ParentDiv{min-height: 380px;}
    /* .header .explore-dropdown-box .search-icon.search_btn{width: 16px; } */


}

@media (max-width: 1500px)
{

    .footer-top{padding: 5rem 2rem 4rem 2rem;}
    .papular-courses-box-row{padding-right: 7%;}
    .sidenav-carousel .owl-nav {right: 0;}  
     p:empty {display: none;}
}

@media (max-width: 1480px)
{
    /* header{ padding: 12px 15px;}
    header .logo img{ max-width: 120px;}
    header .explore-dropdown-box{ margin: 0 1.2rem;}
    .header-input .header-input{ width: 30rem;} */
    .learn-more-box {margin-top: 5rem;}
    .about-us-qualificatio-section {padding: 10rem 0 10rem;}
    .login-section .login-banner-img img { max-width: 645px;}
    .upload-btn .btn {min-width: 70px; padding: 6px 10px;}
    .most-papular-courses-section .container-fluid {max-width: 1350px;}
    .footer-top{padding: 4rem 2rem 4rem 2rem;}
    .search_slider_parent {padding: 18px 20px;}
    .head-title-parent h2 {font-size: 17px;}
    .certificate_spacing {padding: 5rem 5rem;}
    .start_exam_inner .btn_exam {padding: 10px 15px;}
    .video_parent .icon_circle {width: 70px; height: 70px; line-height: 70px; font-size: 20px; }
    .table-responsive .table{width: 1150px;}
    .small_table .table-responsive .table {width: 100%;}
    .my-profile-data .table-responsive .table{width: max-content;}
}

@media (max-width: 1400px)
{
    .most-papular-courses-section .container-fluid {max-width: 1270px;}
    .result_wrapper .exam_question {padding: 3.5rem 2rem;}
    .exam_result_parent {padding: 2rem 2rem;}
    .papular-courses-box-row .row .col-xl-3{max-width: 33.33%; flex: 0 0 33.33%;}
    .papular-courses-box-row .row .col-xl-3:nth-child(7), .papular-courses-box-row .row .col-xl-3:nth-child(8){display: none;}
}

@media (max-width: 1300px)
{
    .header .logo a{max-width: 120px;}
    /* .header .right-menu .explore-dropdown-box { max-width: 320px; } */
    .instructor-img-text h2 {font-size: 3.4rem; line-height: 1.3;}
    .home-banner-text h1 {font-size: 4.2rem;}
    .home-banner-text h1 strong {font-size: 6rem;}
    .cource_detail_section .machine_content h2 {font-size: 2.6rem;}
    .same-section {padding: 6rem 0;}
    footer {padding: 0 !important;}
    .login-section .login-banner-img img {max-width: 620px;}
    .pagination {padding: 20px 0 20px;}
    .company-bg {padding: 5rem 0;}

   
    .most-papular-courses-section .container-fluid {max-width: 1050px;}
    .owned-licenses-page{ padding: 20px;}
    .employees-data .table tr th{ padding: 15px 10px;}
    /* .exam_date_heading h2 {font-size: 30px;} */
    .exam_question_paper {padding: 4rem 3rem;}
    .question_heading h4 {font-size: 16px;}
    .program_video_inner {padding: 4rem 3rem;}
    .program_course_wrapper {padding-top: 80px;}
    .program_profile {flex-wrap: wrap;}
    .small_table .table-responsive .table{width: 900px;}
    .regester_exam {padding: 2rem 3rem;}
    .question_box {padding: 2.8rem 3rem;}
    .selesct_answer_box {padding: 3rem 3rem;}
    .selesct_answer_box label {padding: 15px 20px;}
    .submit_answer_btn .btn-border {min-width: 150px;}
    .submit_answer_btn .btn-primaryx {min-width: 100px;}
    .most-papular-courses-section .container-fluid {max-width: 100%;}
    .program_course_wrapper .student_related_post .row .col-xl-4 {width: 50%; margin-bottom: 30px;}
    .home-banner-white-box h5 {font-size: 23px;}
    .home-banner-white-box.big {width: 190px; height: 100px; bottom: 19%;}
    .home-banner-white-box.small {width: 177px; height: 100px; left: -23%;}

    .header .btn, .header nav ul li a, .header .header-login-btn .sign-in{    font-size: 14px;}
    .blog-filter .blog-filter-select-box{display: flex; justify-content: space-between; width:100%; min-width: 100%; margin-bottom: 10px;}
}


@media (max-width: 1200px)
{

    .header{padding: 10px 15px;}
    .header nav{display: none;}
    .header .mobile-icon-list { display: block; }
    .header .right-menu{justify-content: end;}
    #header-nav{ position: fixed;display: block; top: 0; right: -100%; bottom: 0; height: 100%; width: 300px; background: #fff; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; z-index: 99; padding: 2rem; overflow: auto; }
    #header-nav.active { opacity: 1; visibility: visible; right: 0; }
    #black-layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: rgba(0, 0, 0,0.5); pointer-events: none; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
    #black-layer.active { visibility: visible; pointer-events: all; }
    .header nav ul,.header .header-login-btn{flex-direction: column;    align-items: flex-start;}
    .header nav ul li{margin: 0; padding: 7px 0; position: relative;}
    .header nav ul li + li{margin: 0 ;}
    body.overflow-off { overflow: hidden; }
    .header nav #nav-close-btn{display: block;}
    #header-nav a.cart { display: none; }
    .header .header-login-btn a + a{margin-left: 0;     margin-top: 15px;}
    .header nav ul{margin: 0; padding: 0; border: 0;}
    .mobile-hide{display: none !important;}
    .header .mobile-icon-list .search-icon{width: 30px; text-align: center;}
    .header .mobile-icon-list .search-mobile{ max-width: 340px; position: absolute; top: 100%; min-width: 340px; display: none; margin-left: -270px; padding-top: 10px; }
    .header .mobile-icon-list .search-mobile.active{display: block;}
    .header .mobile-icon-list .search-mobile .explore-dropdown-box .dropdown-menu{  left: unset !important;  right: 0px;    min-width: fit-content;}
    .header-profile-hover-box{left: 0; right: unset !important;}
    .header-profile-hover-box ul{box-shadow:none; padding: 5px 15px 5px 46px !important;}
    .header-profile-box-cover .header-profile-img span{max-width: inherit; overflow: visible; text-overflow: inherit; white-space: normal;}
    .header-profile-box-cover .header-profile-img .fa-angle-down{display: none;}
    .header .mobile-icon-list  .explore-dropdown-box{    background: #fff; padding: 7px; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); border-radius: 10px;    width: 100%; max-width: 100%;}
    .header .right-menu .explore-dropdown-box{    max-width: 100%;}
    .header .explore-dropdown-box .form-group input{    padding: 5px 38px 5px 5px; width: 100%;}
    .header .mobile-icon-list ul li{position: relative; padding: 0 6px;}
    .header .explore-dropdown-box .form-group{margin: 0 6px 0 0;}
    .header nav ul li a{    white-space: normal;}

    .my-account-link ul li a{padding: 15px 16px;padding-left: 45px;}
    .my-account-link ul li a span{    left: 15px;}
    .my-profile-data h5{font-size: 22px;}
    

}

@media (max-width: 1199px)
{
    .row{--bs-gutter-x:1.5rem}
    .instructor-img-text{margin-right: 0;}
    .copyright-box{flex-direction: column;    text-align: center;}
    .papular-courses-box-row .row .col-xl-3 { max-width: 50%; flex: 0 0 50%; }
    .papular-courses-box-row{padding-right: 0;}
    
    .login-section .login-banner-img{text-align: center;}
    .login-section .login-banner-img img{    max-width: 100%; margin: 0;}

    /* .header-profile-box:hover .header-profile-hover-box{} */
    .header-profile-hover-box ul li a{    font-size: 14px !important;    padding: 3px 8px !important;}
    .header-profile-hover-box{    opacity: 1; visibility: visible; pointer-events: all;}
    .header-profile-hover-box ul li a i{    width: 25px;}


    /* afterlogin 21-06-2023 */
    .profile-section .profile-col{max-width:100%; flex:0 0 auto ;}
    .profile-section .profile-col .my-account-link{height: auto;}
    .profile-section .edit-profile-btn{margin-bottom: -10px;}
    .profile-section .profile-white-box{padding: 2rem; height: 100%;}
    .profile-section .heading-top-parent{padding-bottom: 2rem;}
    .dashboard_content_parent{padding: 15px;}
    .dashboard_content_parent h3{font-size: 18px; }
    .dashboard_content_parent h2{font-size: 24px;}
    .dashboard_section{padding: 5rem 0;}
    .company-bg img.company-bg-img{ position: relative;  width: 100%; max-width: 100%; margin-top: 2rem;}
    .company-bg :is(.address_field, .sign-up-tab){margin-top: 3rem;}
    .custom-radio-box label{font-size: 16px; padding: 10px 13px;}
    .custom-radio-box label .radio-icon{width: 20px; height: 20px;}
    .foundation_parent h2{margin-left:180px;}

    
    .footer-section-big{width:50%;}
    .footer-section-small{width:100%; margin: 20px 10px 5px 10px;}
} 

@media (max-width: 991px)
{
    /* .home-banner .home-banner-text h1 { font-size: 3.2rem; } */
    .home-banner .home-banner-text h1 strong { font-size: 3.6rem; }
    .home-banner .home-banner-text { margin-top: 0; text-align: center; }
    .home-banner .home-banner-text p{font-size: 16px;}
    .home-banner .home-banner-img { display: block; position: relative; text-align: center; width: 100%; max-width: 330px; margin: 4rem auto 0; }
    .home-banner-white-box{padding: 1rem;}
    .home-banner-white-box.small{height: auto; left: -39%; top: 30%; transform: translateY(-50%);}
    .home-banner-white-box.big{height: auto;     height: auto; bottom: 110px; right: -130px;}
    :is(.same-section, .company-bg ){padding: 4rem 0;}
    .same-heading{padding-bottom: 3rem;}
    :is(.most-papular-heading h2,.same-heading h2,.login-banner-text h1,.machine_content h2,.foundation_parent h2){font-size: 2.6rem; }
    .foundation_parent h2,.membership-head h2{font-size: 2.5rem; margin-bottom: 2rem;}
    .most-papular-heading .nav-filter-box { justify-content: center; }
    .most-papular-heading .nav { margin-bottom: 30px; justify-content: center; }
    .demand-quickly-box p{max-width: 100%;}
    .demand-quickly-box{margin-bottom: 3rem;}
    .top-categories ul li{      padding: 12px;  flex-basis: inherit;    width: 30%;}
    .for-business-section.home-page{    padding: 4rem 0; text-align: center;}
    .for-business-section.home-page .for-business-text{width: 90%; margin: 0 3%;}
    .for-business-section.home-page .for-business-text h4{text-align:left; }
    .banner-section{padding: 4rem 0; text-align: center;}
    .banner-section .for-business-text{width: 90%; margin: 0 3%;}
    .banner-section .for-business-text h4{text-align:left; }
    .instructor-img-text h2{font-size: 2.6rem;}
    .most-papular-heading h2{text-align: center;}
    .instructor-img-text .btn{margin-bottom: 0;}
    .instructor-img-text{ margin: 0 0 3rem; padding: 0; text-align: center;}
    .copyright-box p,.copyright-box p a{font-size: 16px;}
    footer .footer-top { padding: 2rem 3px; }
    .footer-logo-box{margin-bottom: 2rem;}
    .footer-logo-box a { width: 100%; max-width: 149px; margin: auto; }
    .footer-ul ul li + li { margin-top: 10px; }
    .footer_bottom .social-footer-box{margin-top: 1rem;}
    .footer-top .footer-ul{margin-bottom: 15px;}
    
    .corporate-clients-box ul{display: flex; flex-wrap: wrap; justify-content: center;}
    .corporate-clients-box ul li { margin: 0 0 15px; padding: 0; display: inline-flex; vertical-align: middle; width: 50%; min-height: 100px; align-items: center; justify-content: center; }
    .papular-courses-box-row{padding-right: 0; padding-top: 1rem;}
     /* 21-06-2023 */
    :is(.cource_detail_section){padding: 2rem 0 3rem 0;}
    :is(.cource_detail_video){padding: 4rem 0;}
    .cart_box_parent{    margin-top:40px;}
     :is(.btn-primaryx,.btn){ font-size: 14px; min-width: auto;}

     :is(.home-banner-text h1,.same-banner-text h1, .login-banner-text h1,.student-banner .home-banner-text h1){font-size: 3rem !important; line-height:1.3; margin-bottom: 10px;}
  
     .home-banner-text p,.same-heading p,.same-heading ul li{font-size: 16px;}
     .company-banner-img img{height: 430px;}
     .company-design-parent{height: auto;     margin-bottom: 30px; text-align: center;}
     .company-content-box h2{font-size: 18px;}
     :is(.why-become-img,.trainer-our-community-img,.same-heading){text-align: center; padding-bottom: 30px !important;  }
     .how-do-girl-img.text-end{text-align: center !important;}
     .same-heading ul li{text-align: center; display: inline;}
     /* .same-heading ul li::after{    display: block;    position: relative; top: -15px; left: -20px;} */

     :is(.same-heading.pb-0,.same-heading.p-0){padding-bottom: 2rem !important;}
     .or-sign-box{margin: 22px 0;}
     .contact-icon-box{height: auto; margin: 15px 0; padding: 2rem;}
     .contact-icon-box .icon { max-width: 54px; }
     .contact-icon-box .contact-icon-text h4{font-size: 16px;}
     .tab-content h3{font-size: 18px;}
     .cart_box_parent h3{font-size: 22px;}
     .sold_box h3{    font-size: 14px;}
     .cart_top_content.price_box p{padding-bottom: 15px;}
     .cource_detail_section .detail_profile{    padding: 15px 0;}
     /* .cart_top_content{padding: 15px 25px; } */


    /* after login 21-06-2023 */
     .courses_parent h2{font-size: 16px;}
     .my-profile-data h4{font-size: 14px;}
     .my-profile-data h5{    font-size: 18px;}
     .summery-about-your{padding-top: 2rem; margin-top: 2rem;}
     .choose-course-type-box ul{margin-top: 1rem;}
     .custom-radio-box label{font-size: 14px; padding: 10px;}
     .custom-radio-box label .radio-icon{width: 20px; height: 20px;}
     .custom-radio-box label .radio-icon::after{width: 10px; height: 10px;}
     .step_parent{margin-bottom: 2rem;}
     .choose-course-type-box ul li{margin: 3px !important;}
     :is(.bank_bottom_content p,.my-account-link .logout-box a,.my-account-link ul li a,.form-control){font-size: 14px;}
     .progressbar li:before{    width: 24px; height: 24px; line-height: 24px;    top: 50px; left: -7px;}
     .choose-course-type-box{ margin-bottom: 25px;}
     .profile-section .profile-white-box .add-courses-btn{margin-top:10px;}
     .my-courses-filter{margin: 15px 0 0 0;}
     .profile-section .profile-white-box{height: 100%;}
     .profile-section .profile-col .my-account-link{margin-bottom: 2rem;}
     .profile-white-box .mycourses-customwid{flex-direction: column;}
     .profile-white-box .my-courses-filter .search-box{max-width: 100%; margin: 10px 0 !important; display: block; }
     .profile-white-box  .my-courses-filter .select-box-input{max-width: 100%; margin: 10px 0 !important;     display: block;}
     .profile-white-box .courses-add-box{flex-direction: column; text-align: center;}
     .mycourses-customwid .password-form-group{width: 100%; max-width: 100%; margin: 0 !important;}
     .profile-white-box.added_course .courses-add-box.align-items-center{padding-bottom: 1rem;}
     .profile-white-box.added_course .my-courses-filter>div + div{margin: 0;}
     .home-banner .banner-search-box.searchInput{margin: auto;}

    
   /* 25-09-2023 */
     .training-banner-wrapper{padding: 4rem 0; min-height: inherit;}
     .bottom-btn.text-center.mt-5 { margin-top: 1rem !important; }
     .joinus-wrapper .text-center.mt-5{ margin-top: 1rem !important; }
     .profile-section{padding: 4rem 0;}
     .search_heading{margin-bottom: 3rem;}
     .search_heading h2{font-size: 2.6rem; margin-bottom: 0;}
     .cource_detail_tabs{padding: 3rem 0 0;}
     .cart_top_content{padding: 2rem;}
     .company-banner-parent .home-banner-text span{font-size: 16px;margin-bottom: 10px;}
     .same-heading.text-center p{max-width: 100%;}
     .joinus-wrapper .join-card .icon-bx{min-height: 50px;}
     /* .same-heading ul{margin: 0 0 10px 0;} */
     :is(.papular-courses-text h4,.papular-courses-text p){min-height: inherit;}
     .papular-courses-text .price-box h6{font-size: 18px;}
     .cart_top_content ul li{margin-top: 20px;}
     :is(.home-banner,.login-section){padding-top: 4rem;}
     :is(.login-banner-text){padding-bottom: 4rem;}
     .sign-modal .modal-body{padding: 2rem;}
     .sign-modal .modal-table-body{padding: 2rem;}
     .sign-modal .modal-title{font-size: 2.6rem;     margin-bottom: 3rem; }
     .sign-modal .btn-close{top: 10px; right: 10px;}
     .home-banner.student-banner .home-banner-text{padding-bottom: 3rem;}
     .home-banner.student-banner .student-banner-img{text-align: center;}
     .same-section .custom-btn{    margin-top: 20px !important; padding-top: 0 !important;}
     .profile-section .edit-profile-btn{font-size: 2rem; padding: 0.875rem 1.375rem; margin-bottom: -30px;}
     .profile-section .edit-profile{padding: 0 15px 30px;}
     .profile-section .my-account-img .img{    display: block;    margin: auto;}
     .profile-white-box h3{font-size: 2rem;}
     .employee_edit_page h3{margin-bottom: 30px;}
     .setting_page .custom-btn{margin-top: 20px !important;}
     .profile-section .setting_page .custom-btn{margin-top: 0px !important;}
     /* section.profile-section .col.profile-col.employee_setting .my-account-link .text-end.edit-profile{} */
     :is(.program_field,.wallet_box,.wallet_balance){padding: 15px;}
     .foundation_parent > h2{text-align: center;}

     :is(.exam_question_paper, .program_video_inner,.check_answer_parent,.modal-content.modalWrapper,.profile-section .profile-white-box){padding: 15px;}
     .program_course_wrapper p{font-size: 1.4rem; padding-top: 15px;}
     :is(.course_list li,.objective_list li){font-size: 1.4rem;}
     .objective_list {padding-top: 20px;}
     .foundation_parent{padding: 0 15px;}
     .course-tab .nav-link{font-size: 1.6rem;}
    
     :is(.answer-title h2,.result_title h2){font-size: 2rem; text-align: left;} 
     :is(.program_course_wrapper h2,.exam_heading h3,.wallet_box>h3,.program_video_inner .program_course_wrapper h2){font-size: 2rem;}
    .program_video_inner .program_course_wrapper h2{text-align: left;}
    .radio_check_btn label{    font-size: 1.4rem}
    .exam_question_wrapper{padding-bottom: 3rem;}
    .question_heading{margin-bottom: 15px;}
    .exam_question_inner{margin-bottom:2rem;}
    .result_title{padding-left: 15px;}
   
    .result_wrapper .exam_question{padding: 2rem 1.5rem;}
    .profile-section .program_field .start_exam_btn{margin: 15px 0;}
    .modal-content.modalWrapper h2{font-size: 20px; margin-bottom: 3rem;}
    .modal-content .star-rating ul{margin: 10px 0;}
    .employee_edit_page .row .col-xl-6{margin-bottom: 15px;}
    
    .mobile-datatitle-table thead{display: none;}
    .mobile-datatitle-table table{max-width: 100%; width: 100%;} 
    .mobile-datatitle-table td:before{display: block;}
    .mobile-datatitle-table .history_list tr { display: block; background: #FFFBFB; border: 1px solid #E9E9E9 !important; border-radius: 10px; margin-bottom: 15px; }
    .mobile-datatitle-table .history_list tr td { width: 100%; display: block; max-width: 100% !important; padding: 2px 15px !important; text-align: left !important; }
    .mobile-datatitle-table .table td.text-end{justify-content: start;}
    .mobile-datatitle-table .history_list tr .complete_hour .progress{margin: 0 auto 7px 0;}

    .student_history_page{margin-bottom: 30px;}

     .wallet_box .wallet_content {padding: 0; display: flex; align-items: center;}
     .wallet_box .wallet_content .wallet_img{position: relative; top: inherit; left: inherit; transform: inherit;    padding-right: 15px; width: 100%; max-width: 80px; }
     .wallet_box .wallet_content .wallet_balance_content h2{font-size: 26px;}
     .wallet_box .table_details{ background: #FFFBFB; border: 1px solid #E9E9E9 ; margin: 15px 0; padding: 15px;}
     .wallet_box .table_details h2{font-size: 18px; padding: 0;}
     .wallet_box .table_details .table_content{flex-direction: column;    align-items: start;}
     .wallet_box .table_details .table_content>div{padding: 5px 0;}
     .wallet_box .table_details .found_receiver p{font-size: 16px;}
     .wallet_box .table_details .circle{width: 35px; height: 35px; line-height: 35px;}
     .wallet_box .table_details .price h4{font-size: 18px;}
     .wallet_box .table_content + .table_content { margin-top: 20px; border-top: 1px solid #E9E9E9; padding-top: 15px; }
     .change_password_heading{padding: 2rem 0;}
     .change_password_heading h2{font-size: 18px;}

     .program_wrapper .program_video_inner .table tbody tr{display: flex; flex-direction: column;}
     .program_wrapper .program_video_inner .table tbody :is(th,td) {width: 100%; border: 0;}
     .program_wrapper .program_video_inner .table .start_exam_btn{margin-top: 20px; text-align: left;}
     .profile-section .cart-details{padding: 15px; flex-direction: column; position: relative;}
     .profile-section .cart-right{margin-top: 20px;}
     .profile-section .cart-icon{position: absolute; right: 15px; top: 15px;}
     .profile-section .cart-page .row .cart-details + .cart-details{margin: 15px 0;}
     .profile-section .cart_total_parent{padding: 15px;}
     .profile-section .cart-total,.profile-section .cart-sub-total{padding: 5px;}

     .my-courses-filter .search-box .form-control { width: 100%; }
     .my-courses-filter .password-form-group{display: block; margin: 10px 0;}

   .program_col{width: 100%; max-width: 100%;}
   .foundation_section .program_col{width: 100%; max-width: 100%; height: auto;   margin-bottom: 2rem;}
   .question_heading h4{padding-left: 36px;}
   .exam_page .exam_question_wrapper{flex-direction: column;}
   .profile-section .exam_date_heading{min-width: inherit; width: 100%; text-align: start; order: 1;}
   .profile-section .exam_heading{order: 2;}
   .profile-white-box.choose-course-profile .choose_cours_fill.course_tabs_step .row.course_lessons_content .course_lesson div[class*="col"]{width: 100%;}

   .employees-data .table tr td{font-size: 1.6rem;}
   .mobile-datatitle-table td:before{font-size: 2rem}
   .employees-data .table.course-table tr td:first-child{font-size: 1.6rem}
   .employees-data .table.course-table tr td.course-name-cell{font-size: 1.6rem;}
   .mobile-datatitle-table .history_list tr td.checkbox-cell{padding: 0 !important;}
    .mobile-datatitle-table td.checkbox-cell::before{display: none;}
    .mobile-datatitle-table td .checkbox-container{display: none;}
    .employees-data .table tbody tr{background: #F7F5F5 !important; padding-bottom: 7px; padding-top: 7px;}
    .employees-data .table tbody tr.selected-row{background-color:#FDE9EB !important;}
    .table.dataTable .progress-hour-image .progress{margin-left: 0;}
    table.table.dataTable.course-table .progress-hour span{margin-left: 5px;}
    .most-papular-courses-section .overlay_Show_ParentDiv{margin-top: 30px;}

    .about-us-qualificatio-img .years-box{width: 160px; height: 160px; bottom: 5%; right: 5%}
    .about-us-qualificatio-img .years-box p{font-size: 16px; line-height: 1.4;}
    .about-us-qualificatio-img .years-box p strong{font-size: 40px;}
    .about-us-qualificatio-img::after{display: none;}
    .about-us-qualificatio-text ul{margin: 0 10%;}
    .about-us-qualificatio-text ul li{font-size: 20px;}
    .about-us-qualificatio-text ul li:after{width:30px; height:30px;}
    .about-us-qualificatio-text{margin: 2rem 0;}
    .about-us-qualificatio-section .btn.btn-primaryx{margin:0 25%; width:100%;}
    .our-history-box>ul>li>ul {padding: 17px 15px;}
    
    .assignment-statistics .assignment-tile{width:49%;}
    .assignment-statistics .assignment-cards{height: 100%;}
    .assignment-statistics .courses-dropdown{width: 250px;}
    .assignment-statistics{height: 250px !important;}
    .employee-statistics{min-height: auto;}
    canvas#employeeChart {width: 250px !important;height: 250px !important;}
    .assignment-statistics .assignment-tile{height:49%;}
    #assignment-statistics-container{height: 80% !important;}
    .program_content_parent{margin-top: 15px;}
    .foundation_parent h2{margin-left:30px;}
}

@media (max-width: 767px)
{

    /* .profile-white-box.added_course .course-catagoryfilter-bx{margin: 10px 0 0 !important;} */
    /* .course-catagoryfilter-bx .select-box-input { margin: 10px 0;width: 100%;} */
    .profile-white-box  .my-courses-list .row {flex-direction: column;}
    .profile-white-box  .my-courses-list .row .col { flex: 0 0 100%;  text-align: center;}
    .my-courses-list .my-courses-img,.my-courses-name-edit-col{max-width: 100%; }
    .my-courses-list .my-courses-name-box{max-width: 100%; padding: 20px 0 10px; text-align: center;}
    .my-courses-list .my-courses-img .img{height: auto;}

    .student_alignment .marketing_box{flex-direction: column;}
    .student_alignment .marketing_content .btn-light_box{max-width: max-content;}
    .student_alignment  .marketing_content h2{max-width: 100%; font-size: 1.7rem;}
    .student_alignment .marketing_content_parent{margin-bottom: 2rem;}
    .progress-hour-image .progress{max-width:90%; width:50%; height: 1.1rem; border-radius: 1.1rem;}
    .progress-hour span{color: #595959}
    .student_alignment .progress-hour span{margin-bottom: 0;}
    .account_dashboard .marketing_box .marketing_content_parent{flex-direction: column; text-align: center;}
    .account_dashboard .marketing_box .marketing_content_parent .marketing_img{max-width: 100% !important; width: 100% !important;}
    .account_dashboard .student_alignment .marketing_content{width: 100%; margin: 0; padding: 15px 0;}
    .account_dashboard .student_alignment .marketing_content .btn-light_box{margin: 0 auto 5px;}
    .account_dashboard .opended_content::before{margin: auto; right: 0;}
    .foundation_parent :is(.program_col, .program_details_col){flex: 0 0 100%; max-width: 100%;}
    .program_field{margin-bottom: 2rem; height: auto;}
    .wallet_box .wallet_balance{    flex-direction: column; align-items: flex-start;}
    .wallet_box .wallet_content{margin-bottom: 15px;}
    .wallet_box .add-courses-btn .btn-primaryx{min-width: inherit;}
    .btn{min-width: inherit !important;}

    .profile-section .student_reviews_box{flex-direction: column;}
    .profile-white-box .student_reviews_box :is(.cart-left, .review_course_details, .student_reviews_content) { width: 100%;    text-align: center; }
    .student_reviews_box .review_course_details{width: 100%;}
    .student_reviews_box .student_reviews_content{width: 100%;   text-align: center;}
    .profile-section .student_reviews_box h3{margin-bottom: 0;}
    .profile-section .review_course_details{padding: 10px 6px;}
    .employees-data .table tr td{font-size: 1.3rem;}
    .employees-data .table.course-table tr td.course-name-cell{font-size: 1.3rem;}
    .mobile-datatitle-table td:before{font-size: 1.6rem}
    .employees-data .table.course-table tr td:first-child{font-size: 1.3rem}
    .table-bottom-bar{display: block;}
    div.table-bottom-bar .dt-info{width: 100%; margin-bottom: 10px;}
    .table-top-bar .left-segment{display:block;}
    .table-filters{ min-width: 100%; margin: 15px 0 5px 0;}
    .priority-filter, .overdue-filter{margin: 0;}
    .about-us-qualificatio-section .same-heading h2{text-align: center; padding-left: 5px; padding-right: 5px;}
    .about-us-qualificatio-section .same-heading p{text-align: start; line-height: 1.4; font-size: 15px; padding-left: 5px; padding-right: 5px;}
    .about-us-icon-box{height:180px;}
    .about-us-qualificatio-text ul{margin: 0 5px;}
    .our-history-box>ul>li:nth-child( odd ) .about-us-box {opacity: 0; transform: translateX(-30px);}
    .our-history-box>ul::after{left:29px; top: -70px;}
    .our-history-box>ul>li{ width: calc(90% - 40px); margin-left:58px !important; margin-top: 60px}
    .our-history-box>ul>li::after{left: -38px !important; top: -54px !important; }
    .our-history-box>ul>li .year{ right: auto !important; left: auto !important; top: -70px; }
    .our-history-box>ul>li + li{ margin-top: 110px; margin-left:58px !important;}
    .our-history-box>ul>li ul>li{ font-size:14px;}
    canvas#employeeChart {width: 100% !important;height: auto !important;}
    .assignment-statistics, .employee-statistics{min-height: auto;}
    .assignment-statistics .assignment-tile{height:auto;}
    .assignment-statistics .assignment-tile.initial-animation{animation: slideFadeInHorizontal 0.5s ease-in-out forwards;}
    .foundation_parent h2{margin-left:0;}
}   

@media (max-width: 568px)
{

    .header .right-menu .explore-dropdown-box{    flex-direction: column;}
    .header .mobile-icon-list .search-mobile{    max-width: 260px;     min-width: 260px; margin-left: -150px;}
    .header .explore-dropdown-box .form-group {margin: 0 0 6px 0; }
    .header .explore-dropdown-box .dropdown {    display: block; width: 100%;}
    .header .explore-dropdown-box .btn-primaryx {    display: block; width: 100%;}
    .top-categories ul li{width: 50%;}
    .home-banner-white-box{position: relative;}
    .home-banner .home-banner-img{    display: flex;    flex-direction: column;}
    .home-banner-white-box.small { height: auto; left: unset; top: unset; transform: inherit; width: 100%; margin: 15px auto; order: 1; }
    .home-banner-white-box.big { height: auto; bottom: unset; right: unset; height: auto; left: unset; top: unset; transform: inherit; width: 100%; margin: 15px auto; order: 2; }
    .home-banner-img>img { pointer-events: none; user-select: none; order: 3; }
    .instructor-img-box img{    height: 300px;}
    .top-categories{overflow: hidden; padding: 0 15px;}
    .top-categories ul{margin: 0;}
    .papular-courses-box-row .row .col-xl-3 { max-width: 100%; flex: 0 0 100%; }

    /* 21-06-2023 */
    .video_icon iframe{height: 250px;}
    .continue-box-login{flex-wrap: wrap;}
    .continue-box-login>div{    flex: 1 0 auto; width: 100%; margin: 5px 0;}

    .sign-modal .modal-body form{ height: auto; overflow-y: auto;}
    .sign-modal .modal-table-body form{ height: auto; overflow-y: auto;}

    .membership-plan .header-input{ display: block;}
    .membership-plan .header-input .header-input{width: 100%;}
    .membership-plan .select-box-input{width: 100%; margin-top: 10px;}
    .table-bottom-bar{padding-top: 0px; width: 100%;}
    div.table-top-bar .dt-paging .dt-paging-button, div.table-bottom-bar .dt-paging .dt-paging-button{ font-size: 11px; padding: 3.25px 6.5px !important;}
    .advanced-setting-segment{display: block;}
    .advanced-setting-input-title{width: 100% !important; padding-left: 0; padding-bottom: 5px;}
    .advanced-setting-input{width: 100% !important;}
    .assign-course-deadline-container{display: block;}
    .assign-course-deadline-container .modal-table-info-title {width: 100%; padding-left: 5px;}
    .assign-course-deadline-container .action-date-input {width: 100%;}
    .assign-course-select{ width: 100%; margin-bottom: 10px;}
    .action-modal-mini{width: 100%; margin-left: 0px;}
    #mass-new-deadline {width: 100%;}

    .cource_video_parent .cource_detail_tabs .nav.nav-tabs li a { font-size: 16px;}
    .access-restricted .card-title { font-size: 1.7rem; }
    .access-restricted .card{padding: 20px 10px; }
    .access-restricted .card-text { font-size: 1.4rem; }
    .about-us-qualificatio-img .years-box{border-radius: 10px; width: 120px; height: 120px; bottom: 5%; right: 5%}
    .about-us-qualificatio-img .years-box p{font-size: 14px; line-height: 1.4;}
    .about-us-qualificatio-img .years-box p strong{font-size: 30px;}
    .about-us-qualificatio-text ul li{font-size: 16px;}
    .blog-filter .blog-filter-select-box{display: block; width:100%; min-width: 100%; margin-bottom: 0;}
    .blog-filter .blog-filter-select-box .blog-filter-select{display: flex; flex-direction: column; justify-content:start; width:100%; min-width: 100%; margin-bottom: 10px;}
    .blog-filter .blog-filter-select-box .blog-filter-select + .blog-filter-select{ margin-left: 0px;}
    .blog-filter .blog-filter-select-box .select-box-input{min-width:100%;width:100%;}
    .blog-filter .blog-filter-select-box .blog-filter-select label{margin-bottom: 5px; margin-left: 2px; margin-right: auto;}
    .blog-filter .search-filter-box {width: 100%; margin-left: 0px; min-width: auto;}
    .blog-filter .search-filter-box input{min-width: auto;}
    .blog-listing-box ul.development-ul li{width: 100%;}
    .blog-listing-box ul.development-ul li + li{margin-left: 0px; margin-top: 5px;}
    .employee-recent-activity .mobile-datatitle-table td.dt-empty:before{margin:10px;}
    .footer-section-big{width:100%;}
    .footer-section-small{width:100%;}
    footer .owl-nav.custom-nav {top: 28%; left: 2%; right: 2%;}
    footer .owl-nav.custom-nav .owl-prev, .owl-nav.custom-nav .owl-next {height: 80px; width: 40px;}
    footer .owl-nav.custom-nav .owl-prev i, .owl-nav.custom-nav .owl-next i{font-size: 40px;}
}

@media (max-width: 480px)

{
    .student_alignment .marketing_content_parent{flex-direction: column; margin-bottom: 0;}
    .student_alignment .marketing_box .marketing_img{width: 100% !important; }
    .student_alignment .marketing_content{    width: 100%; margin: 0; padding: 15px 0; text-align: center;}
    .student_alignment .opended_content::before{margin: auto; right: 0;} 
    .student_alignment .marketing_content .btn-light_box { max-width: 90%; margin: 0 auto 10px; }
    .cource_detail_section .machine_content h2 {font-size: 2.2rem;}
    .added_course .course-catagoryfilter-bx [class*="col-"] { padding: 0 5px; flex: 0 0 100%; }
    .table-top-bar .left-segment {width: 100%;}
    div.table-top-bar .dt-length, div.top .dt-length{ display:inline-block;}
    .switch .switch-btn{font-size: 11px;}
    .about-us-qualificatio-text ul li{flex: 0 0 100%; padding: 5px 10px 5px 30px;}
    .about-us-qualificatio-section .btn.btn-primaryx{margin:0 2%;}
    .main-statistics{flex-direction: column;}
    .main-statistics a{width:100%;}
    .main-statistics a+a{margin-top: 5px;}
    .assignment-statistics{min-width:100%}
    .assignment-statistics .courses-dropdown, .employee-recent-activity .courses-dropdown{width: 100%;}
    .assignment-statistics .assignment-statistics-header, .employee-recent-activity .employee-recent-activity-header{flex-direction: column;}
    .assignment-statistics h4, .employee-recent-activity h4{width:100%;}
    .assignment-statistics .assignment-tile{display:block; width:100%;}
    .assignment-statistics .assignment-cards{height:auto;}
    .assignment-statistics .assignment-cards .assignment-number{margin-right: 5px; margin-left: 5px;}
    .employee-recent-activity .mobile-datatitle-table td.dt-empty:before{margin:10px;}
    .foundation_parent h2{font-size: 2rem;}
    footer .Intermediate-box{max-width:40%;}
    footer .Intermediate-box span{white-space: normal; line-height: 1.2;}
    footer .footer-owl .papular-courses-text{padding-left: 5px; padding-right: 5px; }
}

@media (max-width: 376px)
{
    .top-categories ul li { width: 100%; }
    .corporate-clients-box ul li{width: 100%;}
    .about-us-qualificatio-section .same-heading h2{font-size: 22px;}
    .employee-recent-activity .mobile-datatitle-table td.dt-empty:before{margin:0px;}
    .footer-gradient-box{height: 30%;}
}

@media (max-width: 320px)
{
    .edit-profile-btn{ font-size: 1.6rem; padding: 0.7rem 1.1rem;}
    canvas#employeeChart {width: 100% !important;height: auto !important;}
}