/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .flex-container .itemss {
        max-width: 100px;
    }
    .nav-search {
        display: block;
    }
    .nav_dd_list_main {
        padding: 10px 5px;  
    }
    .single_course_meta_inner {
        margin: -170px 0px 50px 0px;
    }
    .course_meta_s .course_meta_s_in {
        border-right: 0;
    }
    .review_star_top {
        flex-direction: column;
    }
    .review_star_top_left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .categ-main-heading h1:after {
        font-size: 40px;
        top: -17px;
    }
    .categ-main-heading p{
        padding:0;
    }
    .landing-banner-img{
        height:700px;
    }
    
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .nav-right-cred .navbar-nav{
        justify-content:left;
    }
    .main-nav-links .main-navs {
        align-items: self-start;
    }
    .main-banner-tabs {
        margin-top: 30px !important;
    }
    .course_detail_price_main {
        flex-direction: row-reverse !important;
        justify-content: space-between;
        align-items:center !important;
    }
    .price-new{
        font-size:22px;
    }
    .nav-cstm-btn {
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
    }
    div#navbarSupportedContent {
        position: absolute !important;
        top: 68px !important;
        left: 0px !important;
        right: 0px !important;
        background: #fff;
        z-index: 999 !important;
        border-radius: 0 0 10px 10px;
        padding: 15px 0;
        box-shadow: 0px 3px 2px #8888884d;
    }
    .cstm-nav-search{
        margin:15px 0;
    }
    .categ-main-heading p {
        padding: 0 50px;
    }
    .credit-section{
        display:flex;
        align-items:center;
    }
    .credit-section .crid{
        position: unset;
        bottom: unset;
    }
}

@media (max-width: 375.99px) {
    span.cardspan {
        padding: 20px 20px;
    }
}