@media (min-width: 1200px) {
    .course_foundation .card-caption h2 {
        font-size: 1.5rem;
        margin-bottom: 1.75rem;
    }
}

@media (max-width: 1199px) {
    body .owl-carousel .owl-nav button.owl-next {
        right: 10px;
    }
    body .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }
}

@media (min-width: 992px) {
    body .faculty_section{
    background-repeat: no-repeat;

}



li.nav-item.hidden__desktop{
    display: none!important;
}

    /* .after__login__wrapper:hover .after__login_collapse,
.after__login__wrapper .dropdown-menu.show {
display: block;
transform: all 0.5s;
} */
    li.nav-item:first-child {
        border-left: 0;
        padding-left: 0;
    }
    .mega_menu .dropdown-menu li.dropend .dropdown-menu.show,
    .mega_menu .dropdown-menu li.dropend:hover .dropdown-menu {
        display: block;
        transition: all 0.5s;
    }
    /* .product__filter {
        position: sticky;
        top: 30px;
        bottom: 30px;
        height: 100%;
        z-index: 9;
    } */
    /* submenu */
    .navbar-expand-lg .navbar-nav .mega_menu .dropdown-menu {
        position: absolute;
        width: 100%;
        max-width: 920px;
        left: 0;
        right: 0;
        margin: 0 auto;
        /* height: 280px; */
        /* overflow-y: auto; */
    }
    .dropdown-item.dropdown-toggle::after {
        opacity: 0;
        transform: translate(-16px, 0px);
        transition: all 0.5s;
    }
    .dropend .dropdown-item.dropdown-toggle.show::after,
    .dropend:hover .dropdown-item.dropdown-toggle::after,
    .dropdown-item.dropdown-toggle:focus::after {
        opacity: 1;
        transform: translate(0, 0px);
        transition: all 0.5s;
    }
    .dropend:focus>.dropdown-item,
    .dropend:hover>.dropdown-item,
    .dropend>.dropdown-item.dropdown-toggle.show {
        color: #1e2125;
        background-color: #f8f9fa;
    }
    header li.mega_menu.nav-item {
        padding: 3px 12px;
        position: inherit;
    }
    .mega_menu .dropdown-menu li {
        position: initial;
        max-width: 245px;
    }
    header .dropdown-menu .dropdown-item {
        padding: 10px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        color: #333;
    }
    header .dropdown-menu .dropdown-item:hover {
        color: var(--bs-primary)!important;
    }
    .mega_menu .dropdown-menu .dropdown-menu .dropdown-item {
        font-weight: 400;
        display: block;
    }
    .mega_menu .dropdown-menu li.dropend .dropdown-menu {
        height: auto;
        top: 0;
        left: 235px;
        width: calc(100% - 235px);
        transition: all 0.5s;
    }
    .mega_menu .dropdown-menu li.dropend .dropdown-menu.show,
    .mega_menu .dropdown-menu li.dropend:hover .dropdown-menu {
        display: block;
        transition: all 0.5s;
        min-height: 100%;
    }
    .dropend .dropdown-menu {
        transform-origin: top;
        animation-fill-mode: forwards;
        transform: scale(1, 0);
        transition: all 0.2s linear;
        display: block;
        opacity: 0;
        visibility: hidden;
        right: auto;
        left: 100%;
    }
    .dropend>.dropdown-menu.show,
    .dropend:hover>.dropdown-menu {
        visibility: visible;
        opacity: 1;
        display: block;
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        position: absolute;
        transform-origin: top;
        animation-fill-mode: forwards;
        transform: scale(1, 1);
        transition: all 0.2s linear;
    }
    .mega_menu .dropdown-menu li.dropend .dropdown-menu li {
        align-items: unset;
        display: inherit;
        width: 49%;
        max-width: 100%;
        /* float: left; */
        display: inline-block;
    }
    /* submenu Close */
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
        width: 100%;
        justify-content: inherit;
        margin-left: 80px;
    }
    header li.nav-item {
        padding: 3px 7px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 10px 15px;
        border-bottom: 1px solid #ddd;
    }
    .hidden__desktop,
    .button__ovrlay {
        display: none;
    }
    .profile__sidebar.card {
        position: sticky;
        top: 0;
    }
}

@media (max-width: 1540px) {
header ul.navbar-nav.navbar-nav-scroll li.nav-item {
    padding: 3px 7px;
    display: inline-block;
}
header ul.navbar-nav.navbar-nav-scroll {
    display: inline-block;
}
}

@media (max-width: 991px) {
    #cp__login .modal-dialog {

        margin: 15px;
        border-radius: 15px;
        overflow: hidden;
    }
header ul.navbar-nav.navbar-nav-scroll li.nav-item, header ul.navbar-nav.navbar-nav-scroll {
    display: block;
}
   body .hu-users {
      
        z-index: 1;
    }

   body .hu_col {

        justify-content: left;
    }
    .col_profile__sidebar.d-block {
        margin-bottom: 40px;
    }
    .m_spacing {
        padding-top: 0!important;
    }
    .tab-content.m_spacing {
        padding-right: 15px;
        padding-left: 15px;
    }
    .tab-content.m_spacing .mt_40 {
        margin-top: 1px;
    }
    .tab-content.m_spacing .tab_nav {
        padding: 15px 0;
    }
    .card-body.flex_box {
        display: block;
        text-align: center;
    }
    .quiz_icon_box {
        max-width: 60px;
    }
    body .intro_header h2 {
        font-size: 20px;
    }
    .content__right {
        margin-top: 15px;
    }
    .main_sidebar .nav__container {
        overflow: hidden;
        padding-top: 30px;
    }
    .sidebar-wrapper {
        top: 20px;
        height: 100%;
        margin-bottom: 20px;
    }
    button.sidebar_toggle_btn.btn.btn-primary {
        display: block;
    }
    .mt_40 {
        margin-top: 40px;
    }
    .col.container_box {
        padding: 10px;
        background-color: #eceff1;
    }
    nav.nav_breadcrumb {
        position: inherit;
        margin-bottom: 0!important;
        margin: 0 auto;
        margin-top: 18px;
    }
    nav.nav_breadcrumb ol.breadcrumb {
        margin-bottom: 0;
    }
    .new_post_tab-icon {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }
    .nav-tabs-overflow .nav-tabs {
        width: 600px;
    }
    #add_new_feed .nav-tabs .nav-link {
        padding: 7px;
    }
    .new_post_tab h5 {
        font-size: 14px;
        margin-bottom: 0;
    }
    #add_new_feed .modal-body.modal_body_content {
        padding: 1rem;
    }
    .product__filter {
        display: none;
    }
    .card_courses img.courses_icon_img {
        margin-bottom: 14px;
        margin-right: 0;
    }
    a.top_cont {
        font-size: 14px;
    }
    li.nav-item.hidden__desktop .nav-link {
        color: #333!important;
    }
    .social-icons a {
        font-size: 14px;
    }
    .registration-login-content .accordion {
        padding: 7px;
        min-height: calc(100% - 127px);
    }
    .after__login__wrapper {
        width: 95%;
    }
    .card_courses .card__flex {
        padding: 9px;
        display: block;
        align-items: center;
        text-align: center;
        width: 100%;
    }
    .card_courses .icon__angle-right {
        display: none;
    }
    button.btn-close.button__ovrlay.btn-close-white {
        background-size: 18px;
    }
    .mobile__header.hidden__desktop {
        background-color: var(--bs-primary);
        padding: 15px;
        position: relative;
    }
    .hidden__mobile {
        display: none;
    }
    .funfact_icon {
        height: 50px;
        font-size: 36px;
    }
    /* #cp__login .modal-content {
        height: 90vh;
    } */
    .login-right {
        padding: 30px;
        /* overflow: auto;
        max-height: 360px; */
    }
    #cp__login button.btn-close {
        right: 10px;
    }
    .registration-login-content .content-center.my-3 {
        display: block;
    }
    .login_left {
        padding: 28px 8px;
        min-height: auto;
    }
    .navbar-light .navbar-toggler {
        padding: 5px;
        border: 0;
    }
    ul.nav.text-right.justify-content-end {
        justify-content: center;
        text-align: center!important;
        justify-content: center!important;
    }
    .footer-links {
        margin-left: 12px;
    }
    footer ul.list-group {
        margin-bottom: 15px;
    }
    .section-hedding.text-center {
        margin: 0 auto 20px;
    }
    .contentWrapper .course_btn_nav {
        width: 26px;
    }
    .cp_funfact__section .funfact__col {
        padding: 15px;
    }
    .counting {
        font-size: 28px;
    }
    h3.section-title {
        font-size: 26px;
    }
    .single-tutor_icon {
        margin-bottom: 20px;
    }
    body .owl-carousel .owl-nav button {
        width: 30px!important;
        height: 30px!important;
    }
    body .owl-carousel .owl-nav button span {
        font-size: 26px;
        line-height: 20px;
    }
    .ck_default_style {
        padding: 18px 16px!important;
    }
    .education-area-two .list-group {
        margin-top: 0;
        padding: 0 15px;
    }
    .contentWrapper .tabsWrapper {
        width: calc(100% - 21px);
    }
    .education-img-wrap img {
        width: 100%;
        margin-top: 40px;
    }
    .col-lg-6.col-sm-6.mt-5 {
        margin-top: 0!important;
    }
    .app-wrap {
        background-size: cover;
        padding: 20px;
    }
    .app-wrap .button-group {
        display: block;
    }
    .button-group .btn-dark {
        margin-top: 10px;
    }
    .app-wrap-img {
        display: none;
    }
    i.fas.fa-language.fa-fw {
        color: #0f4c75;
    }
    .righi_box .fa-language {
        color: var(--bs-primary);
    }
    a.dropdown-item.dropdown-toggle {
        display: flex;
        background-color: transparent;
        align-items: center;
        justify-content: space-between;
    }
    nav.navbar .navbar-nav .dropdown-item {
        font-weight: 400;
        color: #212529;
        padding: 10px 0;
    }
    nav.navbar .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        transition: all 0.5s;
    }
    nav.navbar .dropdown-toggle.show::after {
        transform: rotate( 180deg)!important;
        transition: all 0.5s;
    }
    .counselling_card {
        padding: 15px;
    }
    body .owl-carousel .owl-nav button.owl-next {
        right: 10px!important;
    }
    body .owl-carousel .owl-nav button.owl-prev {
        left: 10px!important;
    }
    .counselling_card:after {
        display: none;
    }
    button.btn.get_start.signupforfreedemocta {
        min-width: auto;
    }
    form.d-flex.search_form {
        margin-bottom: 15px;
    }
    .navbar-nav-scroll {
        max-height: calc(100vh - 70px);
        /* margin-bottom: 15px; */
        /* padding-bottom: 15px; */
        /* border-bottom: 1px solid #ccc; */
    }
    .button__ovrlay.button__ovrlay_slid {
        position: fixed;
        height: 100vh!important;
        width: 0;
        transition: all 0.5s;
        right: -16px;
        top: 0;
        bottom: 0;
        background-color: #00000052;
        opacity: 0;
        z-index: 9;
    }
    .button__ovrlay.button__ovrlay_slid.show {
        width: 100%;
        right: 0;
        transition: all 0.5s;
        opacity: 1;
        position: fixed;
    }
    .navbar-collapse {
        /* flex-basis: 100%; */
        display: block !important;
        position: fixed;
        height: 100vh!important;
        flex-grow: 1;
        align-items: center;
        width: 300px;
        right: 0;
        box-shadow: -26px -3px 22px #00000024;
        top: 0;
        padding: 0;
        background-color: #f6fcff;
        z-index: 999;
        transition: all 0.5s;
        transform: translate(100%, 0px);
        opacity: 0;
    }
    .navbar-collapse .navbar-nav {
        padding: 20px!important;
    }
    .navbar-collapse .navbar-nav .dropdown-menu {
        position: static;
        border: 0;
        padding: 0;
        padding: 0;
        margin: 0;
        background-color: transparent!important;
        box-shadow: none!important;
    }
    .navbar-collapse.show {
        transform: translate(0, 0px);
        opacity: 1;
        transition: all 0.5s;
    }
    body .back-to-top {
        line-height: 33px;
        width: 35px;
        height: 35px;
        padding: 0!important;
    }
    section {
        padding: 40px 0;
    }
    a.navbar-brand {
        max-width: 160px;
    }
    .we_offer_col_design {
        display: block;
    }
    .bottom-heading-quiz {
        margin-top: 15px;
    }
    .dailydose-col img {
        width: 70px;
        height: 70px;
        margin-right: 11px;
        background-color: #ffff;
        padding: 6px;
        box-shadow: 0px 1px 6px #0000003d;
    }
    .ck_default_style table {
        max-width: 599px;
    }
    ul.course-details {
        grid-template-columns: 1fr 1fr 1fr!important;
        grid-gap: 5px;
        grid-row-gap: 8px;
        display: grid;
    }
    .d-flex.align-items-center.mb-4.justify-content-between {
    grid-gap: 10px;
}
}

@media (max-width: 767px) {
   .course-info .d-flex.align-items-center {
        display: block!important;
    }

    .course-details li.nav-item {
        border-left: 0;
        padding-left: 0;
    }
    .transaction-success {
        padding: 15px;
    }
    .comments__box {
        padding-bottom: 2px;
        margin-bottom: 20px;
    }
    form.comment-form.inline-items,
    .post__author.author {
        margin-bottom: 10px;
        padding: 0 6px;
    }
    form.comment-form.inline-items,
    .post__author.author {
        margin-bottom: 10px;
    }
    article.post-item {
        padding: 5px;
    }
    .comt-user img {
        width: 36px;
        height: 36px;
    }
    .comtuser-name h5 {
        font-size: 14px;
        margin-right: 10px;
    }
    .comtuser-name {
        display: flex;
    }
    .post-item nav.nav.nav-pills.nav-fill .nav-link {
        padding: 5px;
        font-size: 12px;
    }
    article.post-item .card.card-body {
        padding: 0px;
    }
    .col_profile__sidebar {
        display: none;
    }
    .comment-temp .nav li li {
        margin-left: 15px!important;
    }
    .tab_box_item {
        display: block;
    }
    .comt-user,
    .commentImg {
        margin-right: 2px;
    }
    .comments__box .comt-reply {
        float: none;
    }
    .tiles_tag_title h4 a {
        font-size: 17px;
        margin-top: 10px;
        display: block;
    }
    .tab_box_item .img_thumbnail_tiles {
        transition: all 0.5s;
        margin: 0 auto;
    }
    /* .navbar_subject .nav-tabs a {
        width: 100%;
    } */
    .nav_timing li.nav-item {
        border-left: 0!important;
        padding-left: 0;
    }
    #cp__login .modal-content {
        margin: 0;
        height: 100vh;
        width: 100vw;
        overflow: auto;
        border-radius: 0;
        border: 0;
    }
    .live_class_content h2 {
        font-size: 18px;
    }
    .card__flex h5.card-title {
        font-size: 14px;
    }
    .owl-dots button.owl-dot {
        width: 10px;
        height: 10px;
    }
  
    #thumbs {
        display: none!important;
    }
    .section-hedding p {
        font-size: 16px;
    }
    .app-wrap-content h3 {
        font-size: 25px;
    }
    .app-wrap-content li.breadcrumb-item {
        font-size: 14px;
    }
    body .owl-carousel .owl-nav button {
        bottom: 55%;
    }
    .col.col_search_right {
        padding: 0;
    }
    .center_title_bar {
        padding: 7px 8px;
    }
    .ck_default_style h3 {
        font-size: 21px!important;
    }
    ul.list-group.chat__list .list-group-item {
        margin: 6px 0px 5px 0px;
    }
    img.chating_user_img {
        width: 30px;
        height: 30px;
        margin-right: 12px;
    }
    .chat_user_name a {
        font-size: 12px;
    }
    ul.list-group.chat__list .list-group-item {
        align-items: flex-start;
    }
    a.nav-link.chat-reply {
        position: inherit;
    }
    .ck_default_style table {
        max-width: 599px;
    }
        .course-info .input-group {
        margin-top: 15px;
        width: 100%;
    }
}

@media (max-width: 499px) {
      .top-head .social-icons {
        text-align: left;
        margin-top: 4px;
    }

    ul.course-details {
        grid-template-columns: 1fr 1fr!important;
        grid-gap: 5px;
        grid-row-gap: 8px;
        /* display: grid; */
    }
    .ck_default_style table {
        max-width: 268px;
    }

    .comt-detail {
        padding: 11px;
    }
    span.assistance__icon {
        display: none;
    }
    .comments__box .comt-reply {
        font-size: 12px;
    }
    .comment-item .comt-detail time {
        font-size: 11px;
    }
    .card-footer .btn.read_notes_btn {
        margin-top: 10px;
    }
 
    .course-info .btn.get_start {
        margin-left: 0;
        margin-top: 20px;
    }
    ul.course-details {
        grid-template-columns: 1fr 1fr;
    }
    .center_title_bar .col.mr-0.pr-0 {
        margin-right: 0;
        padding-right: 0;
    }
    .center_title_bar form.d-flex.search_form.mb-0 {
        width: 144px;
    }
    .center_title_bar h4 {
        font-size: 16px;
    }
    body .owl-carousel .owl-nav button {
        bottom: 40%;
    }
    .cp_funfact__section .col-lg-4.col-md-6.col-6 {
        width: 100%!important;
    }
    .navbar-collapse {
        width: 260px;
    }
    h3.section-title {
        font-size: 20px;
    }
}

@media (max-width: 499px) {
    .row.align-items-center .col-lg-6.col-md-6.col-6 {
    width: 100%;
}
}