@media (min-width: 1201px) {
        /* .page_refs li a{
            width: 290px;
        } */
        .page_refs li a h6{
            font-size: 22px;
        }
        #list-hexa {
            padding-bottom: 4.4%;
        }
        .content-hex {
            width: 20%;
        }
        .content-hex:nth-child(9n + 6) {
            margin-left: 10%;
        }
        .ft-courses,.ft-contact{
            /* padding-left: 35px; */
        }
    }
    @media (min-width: 950px) {
        #collappsed_form .navbar-nav-scroll{
            display: block !important;
        }
        #collappsed{
            display: flex !important;
        }
    }
    @media only screen and (min-width: 1100px) and (max-width: 1180px){
        .course-info-detail {
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
        }
        .check_footer{
            position: relative !important;
        }
    }
    @media (max-width: 1200px) and (min-width: 901px) {
        #list-hexa {
            padding-bottom: 5.5%;
            font-size: 13px;
        }
        .content-hex {
            width: 25%;
        }
        .content-hex:nth-child(7n + 5) {
            margin-left: 12.5%;
        }
        .linkings {
            width: 85%;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .outer_image {
            min-width: 60px;
            width: 60px;
            height: 45px;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4:first-child {
            min-width: 75px;
            width: 75px;
        }
        .my_course_details_dashboard .course_content {
            width: 350px;
        }
    }
    @media only screen and (min-width: 820px) and (max-width: 900px){
        .my_course_details_dashboard .course_content{
        position: relative !important;
        width: 100% !important;
        }
        .sidebar-wrapper {
            width: 30% !important;
        }
        .page-wrapper.toggled .page-content {
            width: 70% !important;
        }
        .course-info-detail{
            width: 100%;
            height: max-content !important;
        }
        .navbar form{
            flex-direction: column !important;
            align-items: flex-start !important;
        }
    }
    @media (max-width: 900px) and (min-width: 601px) {
        #list-hexa {
            padding-bottom: 7.4%;
            font-size: 14px;
        }
        .content-hex {
            width: 33.333%;
        }
        .content-hex:nth-child(5n + 4) {
            margin-left: 16.666%;
        }
        .result {
            width: 80%;
        }
        .page_refs{
            justify-content: center;
            margin: -7px auto 0;
            padding: 0 0 20px;
        }
        .counter .count{
            flex-wrap: wrap;
            margin-top: 0;
        }
        .counter .count .hide{
            display: none;
        }
        .counter .first, .counter .second { 
            margin-bottom: 20px;
            min-width: 220px;
        }
        #navbarScroll .navbar-nav{
            align-items: flex-start;
        }
        .navbar form .signup{
            margin-left: 0;
        }
          /* Thane Vaibhav Page */
          .thane_title,.registration h4{
            font-size: 25px;
          }
          .cms_image img {
            width: 100%;
            /* height: 260px; */
          }
          .timelines .timers, .timelines .notes{
            height: max-content !important;
            padding: 20px !important;
          }
          /* Thane Vaibhav Page */
    }
    @media (max-width: 900px){
        .navbar .navbar-nav-scroll,#collappsed_form{
            width: 100% !important;
            max-height: max-content !important;
            padding: 0 10px;
            background-color: #fff;
            display: none;
            margin-top: -5px;
        }
        .navbar ul li a{
            padding: 6px;
        }
        .navbar{
            justify-content: center;
            padding: 0;
        }
        .navbar form{
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%; 
            padding-bottom: 5px;
        }
        .navbar .upper_row{
            width: 98% !important;
        }
        .navbar .mob-search{
            width: 98% !important;
            margin: 9px auto !important;
        }
        .main .main_head h3 {
            font-size: 34px;
          }
        .footer .footer_row{
            justify-content: flex-start;
        }
        .collections{
            margin-top: 20px;
        }
    }
    @media (max-width: 600px) {
        .main .main_head h3 {
            font-size: 30px;
            width: auto;
          }
          .page_refs li{
            width: 100%;
          }
          .counter .count {
            flex-wrap: wrap;
            margin-top: 0;
            flex-direction: column;
        }
        #list-hexa {
            padding-bottom: 11.2%;
            font-size: 12px;
        }
        .content-hex {
            width: 50%;
        }
        .content-hex:nth-child(3n + 3) {
            margin-left: 25%;
        }
        #navbarScroll .navbar-nav{
            align-items: flex-start;
        }
        .navbar form .signup{
            margin-left: 0;
        }
        .footer .ft-info p:last-child{
            margin-bottom: 15px !important;
        }
        .footer .footer_row{
            justify-content: space-between;
        }
        .footer .footer_row .footer_col .ft-info {
            width: 100%;
        }
        /* Thane Vaibhav Page */
        .thane_title,.registration h4{
            font-size: 20px;
          }
          .cms_image img {
            width: 100%;
            /* height: 260px; */
          }
          .timelines .timers, .timelines .notes{
            height: max-content !important;
            padding: 20px !important;
          }
          /* Thane Vaibhav Page */
          .collections p{
            font-size: 14px;
          }
          #carouselExampleCaptions .carousel-control-prev, #carouselExampleCaptions .carousel-control-next{
            width: 20px !important;
            height: 20px;
          }
          .carousel-control-prev-icon, .carousel-control-next-icon{
            width: 12px;
          }
          .page_refs{
            justify-content: center;
            margin: -7px auto 30px;
            padding: 0;
          }
          .page_refs li a{
            min-width: 100%;
          }
    }
    
    @media (max-width: 400px) {
        #list-hexa {
            font-size: 8px;
        }
    }
    
    @media (max-width: 1024px) {
        .navbar {
            background-color: #fff !important;
        }
        .navbar ul li{
            display: block;
        }
        .navbar-collapse {
            padding: 10px;
            background-color: #fff;
        }
        .navbar .navbar-brand img {
            height: 60px;
            width: auto;
        }
        .navbar ul li a img {
            width: 30px;
            height: 30px;
        }
        .choose-us .inner span {
            font-size: 12px;
        }
        /* .choose-us .inner img {
            padding: 10px;
            width: 40px;
        } */
        .faculty .prof-content h1 {
            font-size: 32px !important;
        }
        .faculty .prof::before {
            font-size: 650px;
            right: -85%;
            bottom: -30%;
        }
        .sorting #select1 .sel-opt {
            font-size: 12px;
        }
        .list-ad {
            padding: 27% 0;
        }
        .question_list .credated_date h6:first-child {
            width: 55%;
        }
        .proceed_buy {
            padding: 0 20px 0;
        }
        .proceed_buy .total {
            padding: 20px;
        }
        .proceed_buy .total .total_item h1,
        .proceed_buy .total .total_item h3 {
            font-size: 15px;
        }
        .profile {
            position: relative;
            width: max-content;
            margin: 0 auto;
        }
        .profile_accordion .personal_details form .form-group,
        .profile_accordion .academic_information form .form-group,
        .profile_accordion .address form .form-group {
            width: 45%;
        }
        .p-image {
            right: -60%;
        }
        .student_profile .edit_profile {
            margin-bottom: 20px;
        }
    }
    @media (min-width: 769px) and (max-width: 820px){
        .navbar .upper_row { 
            width: 100%;
        }
        .navbar .navbar-nav-scroll{
            max-height: max-content !important;
        }
        .search-box{
            width: max-content;
        }
        .search-box .search-txt{
            width:120px;
        }
        .navbar form .login{
            margin: 0 10px 10px 0;
        }
        .navbar form{
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            /* flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start; */
        }
        .navbar form ul li #dropdown-professors{
            display: flex;
            align-items: center;

        }
        .navbar form ul li img{
            width: 50px !important;
            height: 50px !important;
        }
        .navbar form ul li .d-md-none{
            display: block !important;
        }
        .navbar form #notifications .dropdown-menu {
            min-width: 100%;
            max-width: 100%;
        }
        .testimonials .owl-nav{
            top: auto;
            bottom: 0;
        }
        .banner-content .banner-inner .banner-info h1{
            font-size: 32px;
            line-height: 42px
        }
        .access h1{
            font-size: 24px;
            margin: -5px auto 2%;
            float: right; 
            width: 60% !important;
        }
        /* contact-us */
        .c-info .info-box ul li p,.c-info .info-box ul li a {
            font-size: 18px;
        }
        .bank-detail ul li{
            font-size: 20px;
        }
        .c-info .info-box h6{
            font-size: 22px;
        }
        .c-form {
            padding: 5%;
        }
        .c-info {
            padding: 5%;
        }
        .qrcode {
            padding: 5%;
        }
        .qrcode img {
            width: 60%;
        }
        .qr_info{
            font-size: 20px;
        }
        .bank_d_main {
            padding: 5%;
        }
        .c-line{
            width: 100%;
            height: 2px;
            overflow: hidden;
            background-color: #dddddd;
            margin: 0 auto;
        }
        /* contact-us */
        #modal-signup .md-d-none {
            display: none;
        }
    }
    @media (min-width: 769px) {
        .page-wrapper.toggled .page-content {
            /* padding-left: 260px; */
            float: right;
            width: 80%;
        }
        .navbar .mob-search {
            display: none;
        }
    }
    
    @media (max-width: 768px) {
        .navbar {
            background-color: #fff !important;
            display: flex;
            box-sizing: border-box;
            height: 120px;
        }
        .navbar-collapse .navbar-nav {
            max-height: max-content !important;
        }
        .navbar .navbar-brand img {
            height: 58px;
            width: auto;
        }
        .navbar-toggler {
            width: 60px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            /* background: #e78c60; */
            border: none;
            box-shadow: 0 0 10px 0px rgb(0 0 0 / 10%);
        }
        .navbar-toggler-icon {
            width: 44px;
            height: 22px;
        }
        .navbar ul li a img{
            width: 40px;
            height: 40px;
        }
        .navbar .upper_row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
        .navbar .mob-search .input-group-text {
            background-color: #e78c60;
        }
        .navbar .mob-search .input-group-text i {
            color: #fff;
        }
        #modal-signup .md-d-none {
            display: none;
        }
        #modal-signup {
            width: 95%;
            margin: 0 auto;
            right: 0;
            left: 0;
        }
        #modal-signup .modal-dialog {
            top: 70px;
        }
        #modal-signup .row {
            width: 100%;
            margin: 0;
        }
        .signup-details {
            height: 100%;
            width: 100%;
            margin: 0 auto;
        }
        .navbar form {
            /* align-content: flex-start;
            align-items: center; */
            align-content: flex-start;
            align-items: start;
            flex-direction: column;
            padding: 0 10px 10px !important;
        }
        .navbar-nav form .navbar-nav-scroll:first-child{
            width: 100% !important;
        }
        .navbar form #notifications .dropdown-menu {
            min-width: 100%;
            max-width: 100%;
        }
        .navbar form .login{
            margin-bottom: 10px;
        }
        .navbar a {
            margin: 0;
        }
        .navbar .d-flex .nav-link {
            display: none;
        }
        .navbar .d-flex .navbar-nav-scroll .d-md-none {
            display: block !important;
        }
        .navbar .d-flex .navbar-nav-scroll li a {
            display: flex;
            align-items: center;
        }
        .login-modal {
            right: 0;
            left: 0;
            margin: 0 auto;
        }
        .login-modal .close {
            display: block;
        }
        .login-modal .login-triangle {
            display: none;
        }
        .navbar .mob-search {
            width: 100%;
            display: flex;
            align-items: center;
            float: right;
            margin-top: 10px;
        }
        .navbar .mob-search .fa-shopping-cart {
            /* padding: 0 15px; */
            font-size: 18px;
            color: rgb(66, 66, 66);
        }
        .navbar-collapse #cart_desk {
            display: none !important;
        }
        .navbar .mob-search input:focus {
            box-shadow: none;
            outline: none;
        }
        .search-box,
        .navbar form .fa-shopping-cart {
            display: none;
        }
        .count .first h1, .count .second h1 {
            font-size: 40px;
        }
        .counter .first p, .counter .second p { 
            font-size: 12px;
        } 
        .choose-us h1,
        .explore h1,
        .faculty .prof-content h1,
        .process .teaching h1,
        .process .doubts h1 {
            font-size: 36px;
            width: 90%;
            margin: 0 auto 3%;
        }
        .banner-content .banner-inner .banner-info h1{
            font-size: 32px;
            line-height: 42px
        }
        .access h1{
            font-size: 24px;
            margin: -5px auto 6%;
            float: right; 
            width: 60% !important;
        }
        .explore .nav {
            align-items: center;
            justify-content: space-evenly;
        }
        .course-content .bottom_btns{
            flex-direction: column !important;
            justify-content: center !important;
        }
        .course-content .bottom_btns a{
            width: 100%;
            margin-top: 10px;
        }
        .faculty .prof-content {
            position: relative;
            margin: 8% 0 0;
        }
        .faculty .prof-content .all-prof {
            margin-top: 5%;
            font-size: 12px;
        }
        .faculty .prof::before {
            display: none;
        }
        .content-hex h1,
        .content-hex p {
            font-size: 20px;
        }
        .process .teaching ul li span,
        .process .doubts ul li span {
            width: 90px;
            height: 90px;
            min-width: 90px;
        }
        .process .teaching ul li p,
        .process .doubts ul li p {
            font-size: 13px;
        }
        .professor-details {
            margin: 12% auto 0;
        }
        .professor-details .column-two {
            padding: 0 15px;
        }
        .basic .prof-image {
            width: 120px;
            height: 120px;
        }
        .basic p {
            font-size: 10px;
        }
        .basic .basic-review ul {
            width: 100%;
        }
        .basic .basic-review ul li i {
            font-size: 12px;
        }
        .basic .basic-review ul li h6 {
            font-size: 12px;
        }
        .professor-details .info p {
            font-size: 14px;
            width: 100%;
        }
        .professor-details #owl-demo .owl-next {
            right: 3%;
        }
        .professor-details #owl-demo .owl-prev {
            right: 9%;
        }
        .review-inner ul li .student-img {
            width: 40px;
            height: 40px;
        }
        .review-inner ul li h4 {
            font-size: 12px;
        }
        .review-inner ul li .head-content p {
            font-size: 12px;
        }
        .about-title h1 {
            font-size: 40px;
        }     
        .ranking-box h1 {
            font-size: 250px;
        }   
        .leaders ul{
            flex-direction: column;
        }
        .leaders ul li{
            width: 100%;
        }
        .leaders ul li:last-child{
            margin-top: 30px;
        }
        /* .leaders ul li img {
            width: 300px;
        } */
        .leaders ul li .leader-info p {
            font-size: 14px;
        }
        .professors .prof-details h2 {
            font-size: 14px;
        }
        .professors .prof-details p,
        .professors .prof-details a {
            font-size: 12px;
        }
        .page-content .demo-list {
            padding: 0 4%;
        }
        .sidebar-wrapper {
            position: fixed;
            width: 40%;
            top: 120px !important; /*120px previously*/
            max-height: calc(100vh - 70px);
            height: calc(100vh - 70px);
            overflow-y: auto;
            display: none;
        }
        .apply_filter {
            bottom: 80px !important;
        }
        .list-of-blogs .list-inner h4,
        .list-ad h4 {
            font-size: 16px;
        }
        .list-of-blogs .list-inner p {
            font-size: 11px;
        }
        .list-ad {
            padding: 52% 0;
        }
        .list-ad .signup {
            font-size: 10px;
            margin: 10% auto 0;
        }
        /* Contact css */
        .c-info h1,
        .c-form h1 {
            font-size: 28px;
        }
        .c-info h6 {
            font-size: 24px;
        }
        .c-info .info-box ul li p,.c-info .info-box ul li a {
            font-size: 14px;
        }
        .c-info .info-box ul li img {
            height: 38px;
            width: auto;
        }
        .bank-detail ul li{
            font-size: 20px;
        }
        .c-info .info-box h6{
            font-size: 20px;
        }
        .c-form {
            padding: 5%;
        }
        .c-info {
            padding: 5%;
        }
        .qrcode {
            padding: 5%;
        }
        .bank_d_main {
            padding: 5%;
        }
        .c-line{
            width: 100%;
            height: 2px;
            overflow: hidden;
            background-color: #dddddd;
            margin: 0 auto;
        }
        /* Contact css */
        /* About Us Css */
        .about-info p {
            font-size: 14px;
        }        
        /* About Us Css */
         /* Packages Page */
         .course_stick{
            flex-direction: column;
        }
        .course_stick .breadcrumb{
            border: none;
        }
        .head .results{
            padding-left: 10px !important;
        }
        /* Packages Page */
        /* Course Details Starts*/
        .course-info-detail {
            position: relative !important;
            top: 0 !important;
            left: 0;
            margin: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }
        .check_footer{
            left: auto !important;
        }
        /* Course Details Ends*/
        /* home Dashboard */
        .overview .row .col-md-6,
        .overview .row .col-sm-12 {
            margin-bottom: 20px;
        }
        .overview-list h5 {
            font-weight: 600;
            font-size: 20px;
        }
        .overview-list .overv-inner h1 {
            font-size: 32px;
        }
        .overview-list .overv-inner img {
            width: 60px;
            height: auto;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            overflow: hidden;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .outer_image {
            min-width: 150px;
            width: 150px;
            height: 100px;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner h2 {
            font-weight: 600;
            font-size: 20px;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner {
            margin-top: 20px;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4:first-child {
            min-width: 200px;
            width: 200px;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4 {
            font-size: 18px !important;
            display: flex;
        }
        .dash_course_list ul li a {
            font-size: 22px;
        }
        .dash_study_plans {
            margin-top: 20px;
        }
        .dash_study_plans table th {
            font-size: 16px;
        }
        .dash_study_plans table tbody tr {
            font-size: 16px;
        }
        /* home Dashboard */
        /*My Course details dashboard */
        .my_course_details_dashboard .course_content {
            position: relative;
            width: 100%;
            top: 0;
            height: 100%;
            border-radius: 10px;
        }
        .course_switch {
            margin-top: 30px;
        }
        /*My Course details dashboard */
        /*Ask a Question dashboard Starts*/
        .select_options select {
            margin-bottom: 10px;
        }
        /*Ask a Question dashboard Ends*/
        /* Study Material Dashboard CSS Starts */
        .material_inner .row .col-lg-6,
        .plan_inner .row .col-lg-6 {
            display: block;
        }
        .material_details,
        .plan_details {
            justify-content: flex-start;
        }
        .material_details .details_inner .inner_heading .download,
        .plan_details .details_inner .inner_heading .download {
            cursor: pointer;
            position: absolute;
            right: 28px;
        }
        /* Study Material Dashboard CSS Ends */
        /* cart */
        #add_new_address .modal-body form .form-group {
            width: 100%;
        }
        #modal-update-address .modal-body form .form-group {
            width: 100%;
        }
        .proceed_buy {
            padding: 0;
            border-left: none;
        }
        .proceed_buy .total button {
            width: max-content;
            padding: 10px 25px;
            margin: 15px auto 0;
            display: block;
        }
        .cart_section #checkout_col {
            border-right: none;
            padding-right: 0;
        }
        /* cart */
        /* checkout */
        .content_delivery ul {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: column;
        }
        .content_delivery ul li {
            margin-top: 10px;
        }
        .summary {
            border-left: none;
            padding: 0;
            margin-top: 20px;
        }
        .order_summary .summary_details {
            padding: 20px;
        }
        .summary .order_summary {
            height: 100% !important;
            margin-bottom: 20px;
        }
        /* checkout */
        /* My Purchases */
        .purchsed_list .purchased_banner img {
            height: 75px;
        }
        /* My Purchased */
          /* Testimonials */
          .testimonials{
            margin-bottom: 50px;
        }
        .testimonials .owl-nav{
            top: auto;
            bottom: 10px;
        }
        /* Testimonials */
    }
    
    @media (max-width: 475px) {
        .navbar {
            height: 100px;
        }
        .navbar-toggler {
            width: 50px;
            height: 35px;
        }
        .navbar-toggler-icon {
            width: 20px;
            height: 20px;
        }
        .navbar .upper_row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
        .navbar form {
            /* align-content: flex-start;
            align-items: center; */
            align-content: flex-start;
            align-items: start;
            flex-direction: column;
        }
        .navbar form #notifications .dropdown-menu {
            min-width: 100%;
            max-width: 100%;
        }
        .navbar .navbar-brand img {
            width: auto;
            height: 38px;
        }
        .banner-content .banner-inner .banner-info {
            margin-bottom: 15px;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .banner-content .banner-inner .banner-info h1 { 
            text-align: center;
        }
        .banner-content .banner-inner .banner-container {
            width: 100%;
            /* margin: 30px auto 10px; */
        }
        .login-modal {
            top: 40px;
            margin: 0 auto;
            padding: 15px;
            width: 100%;
        }
        .login-modal ul {
            list-style: none;
            display: flex;
            flex-direction: row;
            margin: 0 auto;
            align-items: center;
            justify-content: space-between;
        }
        .login-modal .rem-label label,
        .login-modal .remember a {
            font-size: 13px;
        }
        .login-modal ul li img {
            width: 16px;
            height: auto;
        }
        .login-modal ul li span {
            font-weight: 600;
            font-size: 9px;
        }
        .navbar .mob-search {
            width: 100%;
            float: right;
            margin-top: 5px;
        }
        .navbar form .search-box,
        .navbar form .fa-shopping-cart,
        .navbar form .login,
        .navbar form .signup {
            margin-bottom: 10px;
        }
        .banner-content {
            width: 100%;
            min-height: 100%;
            max-height: 100%;
            /* padding-bottom: 20px; */
        }
        .banner-content .banner-inner .banner-info h1{
            font-size: 28px;
            line-height: 42px
        }
        /* .counter .count {
            flex-wrap: wrap;
            margin-top: 0;
        } */
        .count .first h1,
        .count .second h1 {
            font-size: 30px;
        }
        .counter .first p,
        .counter .second p {
            font-size: 16px;
        }
        .counter .v-line {
            border-bottom: 2px dashed #6d6d6d;
            border-right: none;
            display: block;
            height: auto;
            width: 52%;
            margin: 20px 0;
        }
        .choose-us h1,
        .explore h1,
        .faculty .prof-content h1,
        .process .teaching h1,
        .process .doubts h1 {
            font-size: 30px;
            margin: 0 auto 6%;
        }
        .access h1{
            font-size: 16px;
            margin: -5px auto 6%;
            float: right; 
            width: 60% !important;
        }
        .explore .nav {
            border-radius: 0;
        }
        .explore .nav {
            align-items: center;
            justify-content: space-evenly;
        }
        .explore .nav li a {
            font-size: 10px;
        }
        #view_courses .owl-nav .owl-next{
            top: auto !important;
            bottom: -12px;
            right: 0 !important;
        }
        #view_courses .owl-nav .owl-prev{
            top: auto !important;
            bottom: -12px;
            left: 0 !important;
        }
        .process .teaching,
        .process .doubts {
            text-align: center;
            padding: 0 15px;
        }
        .process .line .v-line {
            border-right: none;
            border-bottom: 1px solid #DDDDDD;
            display: block;
            min-height: auto;
            margin: 40px auto;
            position: relative;
            width: 70%;
        }
        .footer h4 {
            font-size: 15px;
        }
        .footer .ft-courses ul li,
        .footer .ft-classes ul li {
            font-size: 12px;
        }
        .filter-container {
            padding: 15px !important;
        }
        .accordion>.card>.card-header {
            padding: 12px 15px;
        }
        .accordion {
            margin-bottom: 50px;
        }
        .all-courses {
            margin: 0 auto;
        }
        .course-lists .pagination { 
            flex-wrap: wrap;
        }
        .head {
            display: flex !important;
            flex-wrap: wrap;
            width: 100%;
        }
        .head .sorting {
            width: 100% !important;
        }
        .course-image img {
            margin-bottom: 5%;
        }
        .course-details h2 {
            font-size: 18px;
        }
        .professor-details {
            margin: 22% auto 0;
        }
        .basic .basic-review ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .basic .prof-image {
            width: 170px;
            height: 170px;
            margin: 0 auto 5%;
        }
        .professor-details .column-two {
            padding-top: 5%;
        }
        .professor-details .course-heading {
            margin-bottom: 0;
        }
        .professor-details #owl-demo .owl-nav {
            position: relative;
            text-align: center;
        }
        .professor-details #owl-demo .owl-next {
            position: relative;
            right: 0;
        }
        .professor-details #owl-demo .owl-prev {
            position: relative;
            left: 0;
        }
        .professor-details #owl-demo .item {
            margin-right: 0;
        }
        .ref_menus ol { 
            flex-wrap: wrap;
        }
        .ref_menus ol li {
            width: 45%;
            margin-bottom: 10px;
        }
        .ref_menus ol li:nth-child(2){
            margin: 0;
        }
        .ref_menus ol li:nth-child(3){
            margin-right: 0px;
        }
        .student-reviews h3 {
            font-size: 18px;
        }
        .review-inner ul li h4 {
            font-size: 10px;
        }
        .review-inner ul li .head-content h6 {
            font-size: 12px;
        }
        .review-inner ul li .head-content p {
            font-size: 10px;
        }
        .review-inner ul li .head-content span {
            font-size: 10px
        }
        .about-title h1,
        .prof-list-title h1,
        .demo-info h1,
        .blog-info h1 {
            font-size: 20px;
        }
        .ranking-box h1 {
            font-size: 200px;
        }
        .ranking-box .ranking-content h3 {
            font-size: 12px;
        }
        .ranking-box .ranking-content h2 {
            font-size: 26px;
        }
        .ranking-box .ranking-content h6 {
            font-size: 10px;
        }
        .about-info p,
        .why-us p,
        .prof-list-title p {
            font-size: 14px;
        }
        .quotes h3 {
            font-size: 16px;
        }
        .quotes p {
            font-size: 10px;
        }
        .strength h1,
        .why-us h1,
        .leaders h1 {
            font-size: 30px;
        }
        .why-us ul {
            display: block;
        }
        .why-us ul li {
            padding: 6%;
        }
        .leaders ul li {
            display: block;
        }
        .leaders ul li img {
            /* width: 100%; */
            width: auto;
            display: block;
        }
        .leaders ul li .leader-info {
            padding: 5% 0;
        }
        .sidebar-wrapper {
            position: fixed;
            width: 70%;
            top: 100px !important;
            max-height: calc(100vh - 80px);
            height: calc(100vh - 80px);
            overflow-y: auto;
        }
        .apply_filter { 
            bottom: 45px !important;
        }
        .sidebar-wrapper .sidebar-brand {
            padding: 10px 30px;
        }
        #show-sidebar {
            padding: 5px;
            font-size: 14px;
        }
        .sidebar-wrapper .sidebar-brand h5 {
            font-size: 16px;
        }
        .accordion .card-title {
            font-size: 13px;
        }
        .page-content #search-demo,
        .switch-tabs .multi-tabs {
            margin: 0 20px;
        }
        .switch-tabs ul {
            width: 100%;
            margin: 20px auto;
        }
        .switch-tabs .nav li a {
            padding: 5px;
            font-size: 10px;
        }
        .switch-tabs .sorting {
            width: 100%;
        }
        #demo .course-demo,
        #doc .doc-demo {
            margin: 0 auto 30px !important;
            display: block;
        }
        #demo .course-demo .demo-details,
        #doc .doc-demo .demo-details {
            padding: 5%;
            height: 90px;
        }
        #demo .course-demo .demo-details h4,
        #doc .doc-demo .demo-details h4 {
            font-size: 14px;
        }
        #demo .course-demo .demo-details p {
            font-size: 10px;
        }
        .b-head {
            width: 80%;
            margin: 0 auto;
        }
        .blog-info p {
            font-size: 13px;
            line-height: 20px;
        }
        .list-of-blogs .inner-details {
            padding: 10% 5%;
        }
        .list-ad {
            margin-bottom: 10%;
        }

        /* contact-us-start*/
        .contact-details {
            padding: 5% 0;
        }
        .c-info,
        .c-form {
            padding: 5%;
        }
        .c-info .info-box {
            margin-top: 30px;
        }
        .c-line {
            width: 100%;
            height: 2px;
        }
        .info-box a {
            font-size: 14px;
        }
        .c-form button {
            margin: 0 auto;
            text-align: center;
            display: block;
            float: none;
        }

        .c-info .info-box h6 {
            font-size: 13px;
        }
        .qr_info {
            font-size: 14px;
        }
        .bank-detail ul li {
            font-size: 14px;
        }
        .c-info .info-box ul li p, .c-info .info-box ul li a {
            font-size: 14px;
        }
        .info-box h2, .bank-detail h2 {
            font-size: 20px;
            top: -14px;
        }
        .info-box h2::before, .bank-detail h2::before {
            top: 10px;
        }        
         /* contact-us-end*/


        #course-slider .owl-stage-outer {
            right: 0px;
        }
        #course-slider .owl-nav .owl-prev {
            left: 5px;
            right: auto;
            top:25% !important;
        }
        #course-slider .owl-item{
            justify-content: center;
        }
        #course-slider .owl-item .item{
            width: 75% !important;
        }
        #course-slider .owl-nav .owl-next {
            right: 0px;
            top:25% !important;
        }
        .review-inner ul li>.head {
            margin-right: 20px;
            display: block !important;
            width: auto;
        }
        .riv-ratings,
        #customer-review {
            width: 100%;
        }
        /* home Dashboard */
        #main_dashboard {
            padding: 15px;
        }
        .dash_course_list ul li .dash_course_details {
            width: 100%;
            flex-direction: column;
            align-items: normal;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .outer_image {
            min-width: 100%;
            width: 100%;
            height: 100%;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer {
            flex-direction: column;
        }
        .dash_course_list ul li a>i {
            display: none;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner {
            margin-top: 15px;
            width: 100%;
        }
        .dash_course_list ul li .dash_course_details .course_details_outer .course_details_inner .course_details_sub_inner h4 {
            width: 100% !important;
            font-size: 14px !important;
            min-width: min-content !important;
        }
        .dash_study_plans table th,
        .dash_study_plans table tbody tr {
            font-size: 12px;
        }
        .dash_study_plans table tbody tr img {
            width: 15px;
            height: auto;
        }
        /* home Dashboard */
        /* Packages Page */
        .course_stick{
            flex-direction: column;
        }
        /* Packages Page */
        /* Course Details Starts*/
        .c-details .breadcrumb { 
            grid-auto-flow: row;
        }
        #demo_video {
            font-size: 4rem !important;
        }
        .course-info-detail{
            margin-bottom: 20px !important;
        }
        .back {
            height: 150px;
        }
        .main .fix-top {
            margin-top: -150px;
        }
        .c-price .current p {
            font-size: 22px;
        }
        .c-price .discount p{
            font-size: 18px;
        }
        /* My Courses Dashboard */
        .total-info .total_list {
            margin-bottom: 20px;
        }
        .inner_search {
            flex-direction: column;
            margin: 25px 0 25px;
        }
        .page-content #search-demo,
        .inner_search select {
            margin: 0 0 8px 0 !important;
            width: 100% !important;
        }
        .inner_search .btn{
            width: 150px;
        }
        .page-content #search-demo input[type="search"] {
            font-size: 12px;
        }
        /* My Courses Dashboard */
        /*My Course details dashboard */
        .course_switch {
            justify-content: center;
        }
        .test_paper {
            padding: 10px;
        }
        .test_paper .inner_paper #paper_thumbnail {
            min-width: 50px;
            width: 50px;
            height: 50px;
            object-fit: cover;
            border-radius: 10px;
        }
        .test_paper .inner_paper h2 {
            font-size: 13px;
        }
        /*My Course details dashboard */
        /*Ask a Question dashboard Starts*/
        .question_list .credated_date {
            flex-direction: column;
        }
        .question_list .credated_date h6:first-child {
            width: 100%;
        }
        /*Ask a Question dashboard Ends*/
        /* Study Material Dashboard CSS Starts */
        .material_details,
        .plan_details {
            justify-content: flex-start;
            flex-direction: column;
        }
        .material_details .banner,
        .plan_details .banner {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 10px;
            margin-bottom: 15px;
        }
        .material_details .details_inner,
        .plan_details .details_inner {
            margin-left: 0;
        }
        .material_details .details_inner .inner_heading h1,
        .plan_details .details_inner .inner_heading h1 {
            font-weight: 600;
            font-size: 15px;
            color: #333333;
            padding-right: 30px;
        }
        .material_details .details_inner .course_material_data,
        .plan_details .details_inner .course_plan_data {
            padding: 0 0 10px 0;
        }
        .study_accordion .item .item-header h2 button.btn.btn-link {
            display: flex;
        }
        /* Study Material Dashboard CSS Ends */
        /* cart */
        .cart_section {
            padding: 0;
        }
        .cart_section .cart_title {
            font-size: 18px;
        }
        .cart_section .cart-programs .total_numers {
            font-size: 12px;
        }
        .cart_section .cart-programs {
            padding-top: 5px;
        }
        .cart_section #checkout_col {
            border-right: none;
            padding-right: 0;
        }
        .programs_list {
            padding: 40px 0 0 0;
        }
        .pro_gram_price {
            justify-content: space-between;
        }
        .cart_address .address_heading h4 {
            font-size: 14px;
        }
        .cart_address .address_heading a {
            font-size: 10px;
        }
        .cart_address {
            padding: 20px 0 20px 0;
            border-bottom: 1px solid #CCCCCC;
            margin-bottom: 30px;
        }
        .saved_later {
            padding: 30px 0 0 0;
        }
        .proceed_buy .total button {
            font-size: 12px;
        }
        /* cart */
        /* checkout */
        .checkout_lists .pro_gram_details {
            padding: 15px;
        }
        .content_delivery ul {
            flex-direction: row;
        }
        .checkout_lists .pro_gram .pro_pram_image {
            padding: 0;
        }
        .checkout_lists .pro_gram .pro_pram_image #delete_package {
            position: relative;
            bottom: 0;
            margin: 15px auto 0;
            text-align: center;
            display: block;
            width: 150px;
        }
        /* checkout */
        /* My Purchased */
        .purchsed_list .purchased_banner img {
            height: 100%;
        }
        .purchsed_list .purchased_details .purchased_upper{
            flex-direction: column;
            margin-bottom: 20px;
        }
        .purchsed_list .purchased_details .invoice {
            text-align: center;
            margin: 0;
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content:space-between;
            width: 100%;
        }
        .purchsed_list .purchased_details .invoice .btn {
            display: block;
            margin: 0 !important;
            font-size: 10px;
        }
        .purchased_details .purchased_packages .purchased_pack_list{
            flex-direction: column;
        }
        /* My Purchased */
        /* profile */
        .profile_accordion .personal_details .form-group, .profile_accordion .academic_information .form-group, .profile_accordion .address .form-group {
            width: 100% !important;
            margin-left: 0 !important;
        }
        .profile_accordion .item .item-header h2 button.btn.btn-link h6 {
            font-size: 12px;
            font-weight: 600;
        }
        /* profile */
        /* My performance */
        .average_scores {
            margin: 20px 0;
        }
        /* My performance */
        /* Blog Details */
        .blog_body {
            width: 100% !important;
            margin: 0 auto;
        }
        .blog_body .blog_header h1 {
            font-weight: 600;
            font-size: 25px;
            line-height: 30px;
        }
        .blog_body .blog_inner_details h2 {
            font-size: 20px;
        }
        .related_blogs .col-md-5{
            padding-right: 15px !important;
        }
        .related_blogs .rel_details a h5 {
            margin-top: 10px;
            font-size: 18px;
        }
        /* Blog Details */
        /* Terms */
        .contact-info h1{
            font-size: 20px;
        }
        .switch-buttons .terms-btn, .switch-buttons .privacy-btn,.switch-buttons .terms-privacy-btn,.switch-buttons .priv-terms-btn{
            font-size: 12px;
        }
        /* Terms */
        /* About Us */
        .ranking {
            height: auto;
        }
        /* About Us */
    }
    
    @media (max-width: 360px) {
        .navbar {
            height: 100px;
        }
        .navbar-toggler {
            width: 40px;
            height: 30px;
        }
        .navbar-toggler-icon {
            width: 15px;
            height: 15px;
        }
        .navbar .upper_row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
        .navbar img {
            width: 60px;
        }
        .navbar .mob-search {
            min-width: 100%;
        }
        .c-info,
        .c-form {
            padding: 5%;
        }
        .c-line {
            width: 100%;
            height: 2px;
        }
        .sidebar-wrapper {
            top: 100px !important;
        }
        .apply_filter {
            bottom: 5px;
        }

        /* contact-us start*/
        .qr_info {
            font-size: 10px !important;
            text-align: center;
            font-weight: bold;
        }
        .c-form h1 {
            font-size: 24px;
        }

        .c-info .info-box ul li p, .c-info .info-box ul li a {
            font-size: 12px;
        }
        .c-info .info-box h6 {
            font-size: 13px;
        }
        .bank-detail ul li {
            font-size: 11px;
        }
        .c-info .info-box ul li img {
            height: 25px;
            width: auto;
        }

        /* contact-us end*/

    }