/* ===================================
    About
====================================== */
/*
    Theme Name: Hurak
    Theme URI: Hurak.com
    Author: Hurak
    Page: Responsive.css
    Description: Mobile and IPAD css stylesheet
    Tags:multipurpose,responsive
 */

/* ===================================
    Table of Content
====================================== */

/*  - Mobile Side Menu
    - Search Bar
    - Course Finder Mobile Menu
    - Payment Method For Mobile
    - Mobile Windows For Course Detail Page
    - Content Course Detail Page
    - Shop Cart mobile popups
    - Media Queries
           - max width (1199)
           - max width (991)
           - max width (767) & (991)
           - max width (767)
           - min width (575) max width (767)
           - max width (575)
*/


/*================================
     responsive middlenav css
 ================================*/

#menu_toggle_btn {
    display: inline-block;
    font-size: 25px;
}

#search-window i {
    font-size: 24px;
}

.mobile-sidemenu-window-close {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    color: #3c3b37;
    position: absolute;
    left: 78%;
    top: 2%;
    border-radius: 50%;
    font-size: 21px;
    box-shadow: 1px 1px 15px #646464;
    transform: scale(0);
    transition: .3s ease;
}

.mobile-sidemenu-window-close.zoom-effect {
    transform: scale(1);
}

/*mobile side menu window css*/
.mobile-sidemenu-window {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #343a40b3;
    width: 100%;

    /*slide animation*/

    opacity: 0;
    transition: .3s ease;
    z-index: -1;
}

.mobile-sidemenu-window.active-window {
    opacity: 1;
    z-index: 1111;
}

.mobile-sidemenu-window.active-window .inner-sidemenu-window.inner-active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mobile-sidemenu-window .main-content {
    width: 75%;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.mobile-sidemenu-window .inner-sidemenu-window {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
}

.mobile-sidemenu-window .menu-heading {
    font-size: 17px;
    margin-bottom: 15px;
}

.blue-links li a {
    color: #0f7c90;
}

.mobile-sidemenu-window hr {
    margin: 0;
}

.mobile-sidemenu-window .box-spacing {
    padding: 20px 15px;
}

.mobile-sidemenu-window ul li {
    font-size: 16px;
    margin-bottom: 8px;
}

.mobile-sidemenu-window ul li:last-child {
    margin-bottom: 0;
}

.mobile-sidemenu-window .login-header .name-text-holder {
    height: 60px;
    width: 60px;
    background-color: #6c757d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 15px;
    font-size: 25px;
}

.mobile-sidemenu-window .login-header .account-setting-arr {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-sidemenu-window .menu-cat-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-sidemenu-window .menu-cat-list li i {
    font-size: 14px;
}


/*side menu inner category window css*/

.sidemenu_innerCat_window {
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    /*opacity: 0;*/
}

.mobile-sidemenu-window .sidemenu_innerCat_window.inner-active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /*opacity: 1;*/
}

.back-btn-menu {
    font-weight: 500;
}

.back-btn-menu i {
    font-size: 14px;
}


/*logged in user access window*/
.logedin_user-window {
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
}

.logedin_user-window.inner-active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.logedin_user-window .back-btn-profile {}

/*small search bar window css*/

.small-search-window {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1111;
    background-color: rgba(41, 41, 41, .84);
    display: none;
}

.small-search-window.active-window {
    display: block;
    animation: .5s showanimation;
}

@keyframes showanimation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.small-search-window .search-inner-content {
    padding: 10px;
}

.small-search-window .search-inner-content .small-search-window-close {
    color: #3c3b37;
    font-size: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

.small-search-window .search-inner-content .search-bar .input-group input {
    /*border-radius: 25px;*/
    padding: 12px 40px;
    border: 1px solid #929292;
}

.small-search-window .search-inner-content .search-bar .input-group-prepend {}

.small-search-window .search-inner-content .search-bar .input-group-prepend .input-group-text {
    background-color: transparent;
    border: none;
    position: absolute;
    left: 3px;
    top: 11px;
    z-index: 11;
}


/*================================
        Course Filter window css
 ================================*/
.course-filter-window-close {
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    color: #3c3b37;
    position: absolute;
    right: 43%;
    top: 2%;
    border-radius: 50%;
    font-size: 21px;
    box-shadow: 1px 1px 15px #646464;
    transform: scale(0);
    transition: .3s ease;
}

.course-filter-window-close.zoom-effect {
    transform: scale(1);
}

.course-filter-window {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #343a40b3;
    width: 100%;
    transition: .3s ease;
    /*display: none;*/
    opacity: 0;
    z-index: -1;
}

.course-filter-window.active-window {
    /*display: block;*/
    /*animation: .3s showanimation;*/
    opacity: 1;
    z-index: 1111;
}

.inner-course-filter-window {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    padding: 20px;
}

.inner-course-filter-window.inner-active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.inner-course-filter-window .card {
    border: none;
    border-bottom: 1px solid rgb(222 222 222);
    padding: 0;
}

.inner-course-filter-window .card .card-header {
    padding: 15px 0;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none;
}

.inner-course-filter-window .card .card-header a i {
    font-size: 12px;
    transform: rotate(180deg);
}

.inner-course-filter-window .card-header .card-link.collapsed i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.inner-course-filter-window .card .card-header a span {
    font-size: 17px;
    font-weight: 600;
}

.inner-course-filter-window .form-group {
    margin-bottom: 0;
}

.inner-course-filter-window .show-hide-func {
    padding: 10px 0 15px;
}

.inner-course-filter-window .card-body {
    padding: .8rem 0 1.6rem;
}

.inner-course-filter-window .card .card-body .filter-checkbox {
    margin-bottom: 8px;
}

/*================================
     Payment method for mobile
 ================================*/

.add_payment_mobile,
.edit_payment_mobile {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    padding: 20px;
    z-index: 1111;
}

.add_payment_mobile.active-window,
.edit_payment_mobile.active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.add_payment_mobile .add-payment-method-close-btn,
.edit_payment_mobile .edit-payment-method-close-btn {
    display: inline-block;
    margin-top: 5px;
}

.mobile-window-header a i {
    font-size: 26px;
}

.floating-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.mobile-modal-heading {
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 0;
}


/*=========================================
    Mobile windows for course detail pages
 =========================================*/
.course-requirement-mobile-window,
.my_rss_window_mobile,
.email-confirmation-mobile-window {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    overflow-y: scroll;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    padding: 20px;
    z-index: 1111;
}

.course-requirement-mobile-window.active-window,
.my_rss_window_mobile.active-window,
.email-confirmation-mobile-window.active-window {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*=========================================
    content course detail pages
 =========================================*/
.course-detail-page-mobile {
    background-color: #f5f5f5;
}

.course-detail-page-mobile .course-detail-page-content {
    background-color: #fff;
    padding: 10px 10px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.course-detail-page-mobile .course-detail-page-content .image-holder {
    width: 100%;
    margin-right: 10px;
}

.course-detail-page-mobile .course-detail-page-content .small-heading {
    font-size: 16px;
    color: #0071c2;
    font-weight: 600;
    margin-top: 10px;
}

.course-detail-page-mobile .course-detail-page-content .small-heading i {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}

.course-detail-page-mobile .course-detail-page-content .p-text i {
    font-size: 20px;
    color: #0071c2;
    margin-top: 4px;
    opacity: 1;
}

.course-detail-page-mobile .course-detail-page-content .p-text {
    font-size: 12px;
    color: #333;
}

.course-detail-page-mobile .confirmation-code {
    display: block;
    padding: 15px 10px;
    /*border: 1px solid #bdbdbd;*/
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
}

.course-detail-page-mobile .course-detail-page-content .box-spacing {
    padding-top: 12px;
    padding-bottom: 12px;
}

.course-detail-page-mobile .course-detail-page-content a {
    color: #0071c2;
    font-size: 14px;
    opacity: 1;
}

.course-detail-page-mobile .course-detail-page-content a.text i {
    font-size: 20px;
    margin-right: 5px;
    transform: translateY(1px);
}

.course-detail-page-mobile .course-detail-page-content .course-date {
    width: 50%;
    padding-right: 8px;
}

.course-detail-page-mobile .course-detail-page-content span {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
    font-weight: 300;
}

.course-detail-page-mobile .course-detail-page-content h6 span {
    font-weight: 500;
}

.course-detail-page-mobile .course-detail-page-content h6 {
    font-size: 14px;
    color: #3c3b37;
    margin-bottom: 0;
}

.course-detail-page-mobile .course-detail-page-content .course-date:last-child {
    /*width: 50%;*/
    /*padding-left: 8px;*/
    padding-right: 0;
}

.course-detail-page-mobile .course-price-breakdown {
    display: block;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-top: 10px;
}

.course-detail-page-mobile .course-price-breakdown h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.course-detail-page-mobile .course-price-breakdown ul {
    padding: 5px 0 0;
}

.course-detail-page-mobile .course-price-breakdown ul li {
    list-style: none;
    color: #3c3b37;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/*================================*/
/*shop cart css for mobile popups*/
/*================================*/
.small-checkout-from-shopcart-mobile {
    position: fixed;
    left: 0;
    top: -18px;
    right: 0;
    z-index: 11;
    padding: 15px 15px;
    background-color: #fff;
    /* box-shadow: 1px 1px 15px #dbdbdb; */
    -webkit-transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
}

.small-checkout-from-shopcart-mobile .inner-shopcart-mobile-content .main-btn {
    background-color: #ec5252;
    border: solid 1px #ec5252;
    padding: 12px 35px;
    font-weight: bold;
}

.small-checkout-from-shopcart-mobile .inner-shopcart-mobile-content .main-btn:hover {
    color: #ec5252 !important;
    background-color: transparent;
}

/*================================
           Media Queries
 ================================*/
/*1250 Media Query For Package Plans of Fronte Panel*/

@media only screen and (max-width: 1230px) {
    /* .pricing-sec .pricing-card .popular_tag {
        font-size: 10px !important;
        top: 12px !important;
        right: -40px !important;
        border-bottom-left-radius: 10px;
    } */

    .pricing-sec .pricing-card .price-body .pricing-list li {
        list-style: none;
        margin-bottom: 10px;
        display: flex;
        height: 90px;
        text-align: left;
    }
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

    /***Asad Ali****/
    .cust-modal .modal-dialog,
    .signIn-modal .modal-dialog {
        width: 45%;
    }

    .faq-section .auto-container {
        padding: 0 30px;
    }

    .promoted-articles .auto-container {
        padding: 0 30px;
    }

}


/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .pricing-sec .pricing-card .flexi-heading {
        position: absolute;
        top: 15px;
        color: #85a3a9;
        left: 50%;
        transform: translateX(-50%);
    }

    #booking-options-linked-device:target::before {
        content: "";
        display: block;
        height: 70px;
        margin-top: -70px;
    }

    /*.zsiq_floatmain{*/
    /*    background-color: #e7e7e7;*/
    /*    position: relative !important;*/
    /*    right: 0 !important;*/
    /*    width: 100% !important;*/
    /*    text-align: right;*/
    /*}*/
    .chat-btn {
        /*background-image: -webkit-linear-gradient(90deg,#06c 0,#2182df 100%);*/
        /*background-color: #fff;*/
        /*font-size: 3px;*/
        /*padding: 3px;*/
        /*border-radius: 25px;*/
    }

    .chat-btn i {
        color: #fff !important;
        font-size: 15px !important;
    }

    /*custom classes*/
    .padding-top {
        padding-top: 70px;
    }

    .padding-bottom {
        padding-bottom: 70px;
    }

    .padding-top-half {
        padding-top: 30px;
    }

    .padding-bottom-half {
        padding-bottom: 30px;
    }

    .pages-banner {
        margin-top: 105px;
    }

    .auto-container {
        padding-left: 25px;
        padding-right: 25px;
    }

    .cart span {
        top: -16px;
    }

    /*navbar css*/
    .middlenav {
        padding: 7px 0 0;
    }

    .middlenav .image-holder {
        max-width: 85px;
    }

    .middlenav .cart-dropdown {
        margin-right: 0 !important;
    }

    .middlenav .cart-dropdown .cart-item-div {
        right: -5px;
        padding-top: 8px;
    }

    /*===========================*/
    /*index page css*/
    /*===========================*/
    /*banner css start*/
    .banner-area {
        margin-top: 55px;
    }

    .banner-area .container {
        min-height: 300px;
    }

    .banner-sec .inner-banner-content {
        margin-right: 0;
    }

    .banner-sec .banner-inner {
        left: 50px;
    }

    .banner-sec .inner-banner-content .heading {
        font-size: 28px;
    }

    /*courses sec css*/
    .courses-sec .course-banner-details .heading {
        font-size: 22px;
    }

    .courses-sec .course-banner .course-banner-details .main-btn {
        font-size: 12px;
    }

    /*features section in main page*/
    .feature-sec .feature-card {
        margin: auto;
        margin-bottom: 20px;
        width: 95%;
    }

    .feature-sec .small-heading {
        font-size: 22px;
    }

    /*main page add section */
    .add-sec.padding-bottom-half {
        padding-bottom: 0;
    }

    .add-sec.padding-top-half {
        padding-top: 0;
    }

    .add-sec .add-img {
        position: relative;
        left: 0;
        transform: translate(0);
    }

    .add-sec .add-img img {
        width: 100%;
    }

    .add-sec .add-details {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    /*sponsor sec css*/
    .sponser-sec img {
        width: 100%;
    }

    /*qoute sec css*/
    .quote-sec .heading {
        font-size: 28px;
    }

    .quote-sec.padding-top {
        padding-top: 30px;
    }

    .quote-sec .inner-content {
        padding: 30px 40px;
        margin: auto;
        border-radius: 0;
        margin-top: 10px;
        width: 98%;
    }

    /*===========================*/
    /*Product page css start*/
    /*===========================*/
    .manage_on_largescreen {
        padding: 0;
    }

    .product-banner {
        background-image: none !important;
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 2.5rem;
    }

    .product-banner .product-breadcrumb {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .product-banner .breadcrumb li a {
        color: #0f7c90;
    }

    .product-banner .breadcrumb li {
        color: #0f7c90;
    }

    .product-banner .breadcrumb-item+.breadcrumb-item::before {
        color: #6c757d;
    }

    .product_image {
        width: 100%;
        display: flex !important;
        justify-content: center;
        background: #1e1e1c;

    }

    .product_image img {
        width: 80%;
    }

    .banner-content {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .banner-content h1 {
        color: #3c3b37;
        font-size: 32px;
        margin-top: 20px;
    }

    .banner-content p {
        color: #3c3b37;
        font-size: 16px;
    }

    .product-banner .student-rating {
        color: gray;
        font-size: 15px;
    }

    .product-banner .student-rating i {
        font-size: 20px;
    }

    .user-tags ul li {
        color: #3c3b37;
        display: block;
        margin-bottom: 10px;
        margin-right: 15px;
        font-size: 14px;
    }

    .product-banner .rating-score {
        color: #be5a0e;
        font-weight: bold;
        margin-left: 4px;
    }

    .product-banner .rating-stars-score li i {
        color: #eb8a2f;
        background-color: transparent;
        margin-right: -8px;
    }

    .banner_pricing h5 {
        font-size: 32px;
        display: inline-flex;
        margin-bottom: 5px;
    }

    .banner_pricing .discount_sticky_price {
        font-size: 15.5px;
        display: flex;
        align-items: center;
        margin-left: 10px;
        color: #73726c;
        font-weight: lighter;
    }

    .banner_pricing .discount_valued {
        font-size: 16px;
        font-weight: lighter;
        color: #000000;
    }

    .courses-pop-window .card .card-body .offer_days_left_heading {
        color: #b32929;
        margin-bottom: 12px;
        display: block;
    }

    .product-banner .special_offer span {
        color: #b32929;
        margin-bottom: 12px;
        display: block;
    }

    .banner-add-to-cart a {
        padding: 12px 20px;
    }

    .banner-add-to-cart span {
        font-size: 14px;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 20px;
        font-weight: normal;
        /*display: block;*/
    }

    .coupon_field1 {
        display: flex;
    }

    .user-feature {
        display: flex;
        align-items: baseline;
    }

    .user-feature a {
        border: 1px solid #0f7c90;
        color: #0f7c90 !important;
        padding: 8.3px 35px;
        width: 100%;
        display: inline-block;
        margin-right: 0;
        margin-left: 7px;
    }

    .user-feature a:first-child {
        margin-left: 0;
    }

    .user-feature a:hover {
        color: #0f7c90;
    }

    .course-content {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .course-location-section {
        margin-top: 0;
    }

    .course-location-section .courses-location-date {
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 0 !important;
    }

    .course-location-section-virtual td strong {
        display: block;
    }

    .choose-course-table .course-date {
        max-width: 195px;
    }

    .learning-section {
        margin-top: 0;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    /*.outer-learing-sec ul li {*/
    /*    width: 50%;*/
    /*    padding-left: 0px;*/
    /*    font-size: 13.5px;*/
    /*}*/
    .course-linked-section .linked-course-card img {
        width: 15%;
    }

    /*.course_overivew_detail {*/
    /*    padding-top: 0;*/
    /*}*/
    .general-requirment-detail {
        margin-top: 0;
    }

    .course-accordion-section {
        margin-top: 2.5rem;
    }

    .course-requirments {
        margin-top: 2.5rem;
    }

    .course-requirments.course-description {
        margin-top: 0;
    }

    .featured-reviewed {
        /* margin-top: 30px; */
        margin-top: 2.5rem;
    }

    .student-bought-section {
        margin-top: 2.5rem;
    }

    .frequently_bought_together {
        margin-top: 2.5rem;
    }

    .student-bought-course {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    student-course-item:last-child .student-bought-course {
        margin-bottom: 0;
    }

    .student-feedback-section .instructor-rating .rating-stars {
        font-size: 15px;
    }

    .student-bought-course .hours1 {
        font-size: 12px;
        color: #333;
        background: #2fd2579e;
        padding: 2.5px;
        border-radius: 2px;

    }

    .student-bought-course .hours {
        display: none;
    }


    .student-course-item .course-rating li {
        margin-right: 10px;
    }

    .student-course-item .rating-course-star {
        font-size: 14px;
    }

    .student-course-item .total-student {
        font-size: 14px;
    }

    .student-course-item .course-rating-price {
        font-size: 14px;
    }

    .student-feedback-section {
        margin-top: 3rem;
    }

    .instructor-rating-bars li .progress {
        margin-left: 30px;
    }

    .review-search-bar .input-group {
        margin-bottom: 20px;
    }

    .review-search-bar input,
    .review-search-bar select {
        height: 50px;
        width: 95%;
    }

    .reviews-sec .navbtnWhite.padding-top-half {
        padding-top: 10px;
    }

    .post-created span {
        color: #3c3b37;
    }

    /*.course-short-details{*/
    /*    display: none;*/
    /*}*/
    .frequently_bought_together .heading1 {
        font-size: 1.5rem;
    }

    .frequently_bought_together .course_block_bough .image_wrapper {
        width: 190px;
        height: 100px;
    }

    .frequently_bought_together .course_block_bough .image_wrapper img {
        width: 100%;
    }

    .frequently_bought_together .course_bought_together_icon {
        left: 21%;
        top: 43%;
        transform: translateY(-50%);
    }

    .frequently_bought_together-datemodel .course_bought_together_icon {
        left: 15%;
    }

    .course_block_bough .heading_price.heading_prices {
        margin-left: 23px;
    }

    .sticky-top-header {
        bottom: 0;
        top: auto;
        animation: none;
    }
    .sticky-top-header-mp {
        bottom: 0;
        top: auto;
        animation: none;
    }

    .course-short-details {
        background-image: none !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .5rem 1.5rem;
    }

    .course-short-details .box_wrap_2 a {
        padding: 8px 30px;
    }

    .white_bar {
        display: none;
    }

    .course-short-details .box_wrap_2 span del {
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: #dcdacb;
    }

    .related-topic-tag {
        margin-bottom: 5px;
    }

    /*.course_block_bough .heading_course {*/
    /*    padding-left: 50px !important;*/
    /*}*/

    /*----- Instructor Profile By (UN)----*/
    .instructor-details .instructor-image {
        width: 9.2rem;
        height: 9.2rem;

    }

    .instructor-details .instructor-profile-features {
        margin-left: 0;
    }

    /*.instructor-details .instructor-profile-features ul {*/
    /*    margin-left: 10px;*/
    /*}*/

    .instructor-details .instructor-profile-features ul {
        margin-left: 105px;
    }

    .instructor-details .instructor-profile-features li i {
        margin-right: 10px;
        font-size: 16px;
    }

    /*===========================*/
    /*Course Finder Page css*/
    /*===========================*/
    .course-finder-main-course .full-width-courses {
        padding-left: 0;
    }

    .course-finder-main-course {
        width: 100%;
    }

    .course-finder-search-area-col {
        margin-top: 10px;
    }

    .full-width-courses .course-items-price-and-cart .add-cart {
        padding: 14px 24px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .door-supervisor .course_finder_faq_rightarea {
        width: 100% !important;
        padding-left: 0;
    }

    /*===========================*/
    /*Pricing Pages*/
    /*===========================*/
    .package_details {
        display: none;
    }

    .pricing-sec .pricing-heading-area .heading {
        font-size: 40px;
        margin-bottom: 35px;
        padding-top: 0;
    }
    

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_date {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_date span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_time {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_time span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_loc {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_loc span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail {
        min-height: 145px;
    }

    .color-line-yellow {
        max-width: 100%;
        min-height: 60px;
    }

    .color-line-red {
        max-width: 100%;
        min-height: 60px;
    }

    .color-line-blue {
        width: 100%;
        min-height: 60px;
    }

    .color-line-blue {
        max-width: 100%;
    }

    .pricing-sec .pricing-card.active .price-header {
        text-align: center;
    }

    /*.pricing-sec .pricing-card .price-heading {*/
    /*    position: absolute;*/
    /*    top: -43px;*/
    /*    color: #fff;*/
    /*    left: 50%;*/
    /*    transform: translateX(-50%);*/
    /*}*/

    /* .pricing-sec .pricing-card .popular_tag {
        display: none;
    } */

    .pricing-sec .pricing-card .seller-tag {
        background-color: #ffe799;
        color: #593d00 !important;
        border-radius: 4px;
        display: inline-flex !important;
        padding: .2rem .4rem;
        font-weight: bold;
        font-size: 14px;
    }

    .pricing-sec .pricing-card .price-header,
    .pricing-sec .pricing-card .price-body {
        max-width: 100%;
    }

    .pricing-sec .pricing-card .price-header,
    .pricing-sec .pricing-card .price-body {
        padding: 16px 15px 20px 15px;
    }

    .pricing-sec .pricing-card .price-num span {
        font-size: 35px;
    }

    /*.pricing-sec .pricing-card .price-body .pricing-list li {*/
    /*    list-style: none;*/
    /*    margin-bottom: 20px;*/
    /*    display: flex;*/
    /*    justify-content: flex-start;*/
    /*    align-items: flex-start;*/
    /*    text-align: left;*/
    /*    height: 86px;*/
    /*}*/

    .pricing-sec .pricing-card .price-header .text {
        font-size: 16px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li p {
        font-size: 13px;
        line-height: 1.2;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_check_circle {
        width: 20px;
        height: 20px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_check_circle i {
        font-size: 10px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_text_small {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 3px;
        font-size: 17px;
        max-width: 80%;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_infoicon_small {
        display: inline-block;
        font-size: 20px;
    }

    .pricing_packages_carousel .owl-dots {
        text-align: center;
        margin-top: 20px;
    }

    .pricing_packages_carousel .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        /*border:1px solid #333;*/
        margin-right: 15px;
        border-radius: 50%;
        background: gray;
    }

    .pricing_packages_carousel .owl-dots .owl-dot.active {
        background: #333;
        border: 1px solid #333;
    }

    .pricing_packages_carousel .pricing-card .manage_top_space {
        margin-top: 10px !important;
    }

    /*===========================*/
    /*Checkout Page css*/
    /*===========================*/
    .checkout-header-style-2 .checkout-header .block1 {
        margin-left: 20px;
    }

    .pages-banner.padding-top-half-50 {
        padding-top: 40px;
    }

    .pages-banner.padding-bottom-half-50 {
        padding-bottom: 40px;
    }


    .checkoutbanner .inner-content {
        padding-left: 10px;
    }

    .checkout-section {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 60px;
    }

    .billing_information {
        padding: 0 10px 0 0;
    }

    .billing_information .box-border-checkbox:nth-child(3) {
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, .125);
    }

    .checkout-section .checkout-right-side {
        position: relative;
        /*margin-top: 50px;*/
    }

    .checkout-section .checkout-right-side .checkout_cart_box {
        display: none;
    }

    .sticky-checkout-bottom-bar {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1111;
        -webkit-animation-name: none;
        animation-name: none;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    }

    .check-out-bottom-summary {
        border-top: 1px solid #eeedf2;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 1rem 1rem;
        background: #FFFFFF;
    }

    .check-out-bottom-summary .block1 a {
        color: #3c3b37;
        font-weight: 400;
        font-size: 15px;
        text-decoration: none;
        transition: .5s ease;
        position: relative;
    }

    .check-out-bottom-summary .block1 a i {
        cursor: pointer;
        font-size: 30px;
        color: #73726c;
    }

    .check-out-bottom-summary .block1 .arrow_down {
        font-size: 16px;
        color: #000;
    }

    .check-out-bottom-summary .block2 .total_price {
        color: #29303b;
        font-size: 16px;
        font-weight: bold;
    }

    .course_summery {
        display: block;
        width: 100%;
        position: fixed;
        right: 0;
        top: 0;
        background: #f8f7fa;
        z-index: 111;
        height: 100%;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: -o-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
        overflow: hidden;
    }

    .course_summery.course_summery_active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .course_summery .inner-wrapper {
        padding: 3rem 1.5rem;
        height: auto;
        position: relative;
        overflow-y: auto;
    }

    .course_summery .inner-wrapper h5 {
        font-size: 24px;
    }

    .course_summery_list ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid #eeedf2;
    }

    .course_summery_list ul li .course_name {
        font-size: 14px;
        width: 65%;
    }

    .course_summery_list ul li .course_price {
        font-size: 14px;
    }

    .complete-order {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
    }

    .complete-order .order-total {
        font-size: 18px;
        font-weight: bold;
    }

    .complete-order .order-total-price {
        font-size: 18px;
        font-weight: bold;
    }

    /*Thank You Model Window*/
    .checkout_model_window .modal-content {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border: none;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .checkout_model_window .modal {
        padding-right: 0 !important;
        z-index: 1111;
    }

    .checkout_model_window .modal-dialog {
        margin: 0;
    }

    .checkout_model_window .modal-title {
        display: block;
        font-weight: bold;
        text-align: center;
        color: #39364f;
        font-size: 18px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .checkout_model_window .modal-content .modal-header {
        padding-top: 40px !important;
        background: #f8f7fa;
        padding-bottom: 35px;
    }

    .checkout_model_window .modal-title .circlecheck {
        width: 45px;
        height: 45px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .checkout_model_window .modal-body hr:first-child {
        border: none;
    }

    .checkout_model_window .course_display_list {
        padding: 30px 45px;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_joining_instruction h6 {
        border-bottom: 1px solid #eeedf2;
        padding-bottom: 15px;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_type h6 {
        border-bottom: 1px solid #eeedf2;
        padding-bottom: 15px;
    }

    .checkout_model_window .modal-body .course_joining_instruction {
        margin-bottom: 15px;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message .viewBookingBtn {
        display: none;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message p {
        margin-bottom: 0;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message .instructor-message {
        max-height: 135px;
        -webkit-mask-image: linear-gradient(#fff, #fff, rgba(255, 255, 255, 0));
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message .show-hide-func {
        border-bottom: 1px solid #eeedf2;
        padding-bottom: 15px;
        display: block !important;
    }

    .checkout_model_window .modal-body .course_display_list .course_list_order .course_organizer_message .show-hide-func a {
        color: #04a1ee;
        font-weight: 600;
    }

    .checkout_model_window .floating-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        display: block !important;
    }

    .checkout_model_window .floating-footer a {
        color: #04a1ee;
        font-weight: 600;
    }

    /*===========================*/
    /*SHOP CART IPAD*/
    /*===========================*/
    .cart_courses_block .navgation_owl_items {
        display: none !important;
    }

    /*===========================*/
    /*Thankyou Page IPAD*/
    /*===========================*/
    .thankyou-summary .checkout-right-side {
        position: unset;
        margin-top: 0;
    }

    .thankyou-summary .checkout_cart_box {
        display: block !important;
    }

    .thankyou-summary .checkout-right-side .checkout_cart_box {
        min-width: 100%;
        box-shadow: 1px 1px 10px #eee;
    }

    .mobile-thankyou-note {
        padding-bottom: 30px;
        margin-bottom: 30px !important;
    }

    .line-breaker>hr:first-child {
        display: none;
    }

    /*============================
       Advertise on Hurak page css
     =============================*/
    .large-heading {
        font-size: 36px;
    }

    .small-heading {
        font-size: 18px;
    }

    .advertise-on-hurak-banner-image .inner-content .heading {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .advertise-on-hurak-banner-image .inner-content p {
        margin-bottom: 35px;
    }

    .advertise-on-hurak-banner-image {
        padding-bottom: 70px !important;
    }

    .counter-cards {
        /*display: block !important;*/
    }

    .counter-cards .counter-card {
        display: inline-block;
        margin-bottom: 20px;
    }

    .global-counter-sec .counter-card .number-count {
        font-size: 40px;
    }

    .global-counter-sec .counter-card .count-detail {
        font-size: 14px;
    }

    .global-counter-sec .counter-card {
        /*width: 85%;*/
        /*margin: auto;*/
        /*width: 49%;*/
    }

    .service-section-advertiseHurak .work {
        width: 95%;
    }

    .calculator-sec .text {
        width: 100%;
    }

    .calculator-sec .total-calculate-result {
        margin-top: 50px;
    }

    .business-form-sec .business-form-detail .heading {
        font-size: 38px;
    }

    .business-form-sec .business-form-detail .form-text {
        font-size: 26px;
    }

    .business-form-sec .business-form {
        padding-left: 0;
    }

    /*===========================*/
    /*    Purchase history css   */
    /*===========================*/
    .user_account_page .user_account_right_side .account-content-header {
        padding: 15px 15px 30px;
    }

    .purchase_history_main .table thead tr th:first-child {
        width: 200px;
        font-size: 16px;
    }

    .purchase_history_main .table tbody tr td .media .media-body h6 {
        font-size: 14px;
    }

    .purchase_history_main .table tbody tr td .media i {
        font-size: 32px;
        padding: 10px;
        width: 70px;
        height: 50px;
        margin-right: 10px;
    }

    /*===========================*/
    /*     Payment Method css    */
    /*===========================*/
    .user_account_page .user_account_right_side .account-content-body1 .add_payment_method .media .media-body h5 {
        font-size: 18px;
    }

    .user_account_page .user_account_right_side .account-content-body1 .add_payment_method .media .image-holder {
        margin-right: 15px;
    }


    /*===========================*/
    /*     About us sec      */
    /*===========================*/
    /*.about-video-sec .about-block .about-right-block {*/
    /*    padding-right: 15px;*/
    /*}*/
    /*.about-video-sec .about-block .about-left-block {*/
    /*    padding-left: 15px;*/
    /*}*/
    .about-video-sec .about-block:nth-child(even) {
        display: flex;
        flex-direction: row;
    }

    .about-video-sec .about-block .img-block {
        padding-right: 0;
    }

    .about-video-sec .about-block:nth-child(even) .img-block {
        order: 1;
        padding-left: 0;
    }

    .about-video-sec .about-block:nth-child(even) .content-block {
        order: 2;
    }

    .about-video-sec .video-content {
        padding: 30px 15px;
    }

    .half-gallery-sec .grid-image-detail {
        padding: 30px;
    }

    .charity-sec .inner-detail {
        width: 100%;
    }

    .half-gallery-sec .grid-image-detail .inner-sec {
        width: 100%;
    }

    /*=========================
       USER Profile
    =========================*/
    .courses-sec .courses-list .wishlist_item {
        margin-top: 20px;
    }

    /*===========================*/
    /*        Cookies css       */
    /*===========================*/
    #cookies-window {
        width: 65%;
    }

    /*===========================*/
    /*    Contact us page      */
    /*===========================*/
    .contact-sec .contact-details {
        width: 100%;
    }

    .contact-sec .contact-details .heading {
        font-size: 24px;
    }

    /*===========================*/
    /*     footer start sec      */
    /*===========================*/
    .footer-start {
        margin-top: 50px;
        padding: 1.4rem 0;
    }

    .footer-sec .footer-logo-container .navbar-brand {
        padding: 10px 0 20px 15px;
        width: 100px;
    }

    .footer-sec .footer-logo-container .navbar-brand img {
        width: 100%;
    }

    .footer-sec .padding-bottom-small {
        padding-bottom: 0;
    }

    .footer-start-right-side ul li a {
        width: 85px;
        height: 40px;
        display: inline-block;
    }

    .f-1 ul li {
        margin-bottom: 5px;
    }

    .f-1 ul li a {
        color: #000000;
        font-size: 16px;
        font-weight: 500;
    }

    .footer-sec .footer-logo-container .social-icons li a i {
        font-size: 20px;
    }

    /****Asad Ali****/
    .cust-modal .modal-dialog,
    .signIn-modal .modal-dialog {
        width: 70%;
    }

    .your_course {
        position: relative;
        padding: 170px 5px 70px 5px;
    }

    .num-sec {
        position: absolute;
        bottom: 0;
        right: 0
    }

    .custom-font h1 {
        font-size: 70px;
    }

    .service-section-advertiseHurak .work i {
        font-size: 30px;
    }

    /*===========================*/
    /*Support Hub page css start*/
    /*===========================*/
    .faq-section .auto-container {
        padding: 0 30px;
    }

    .promoted-articles .auto-container {
        padding: 0 30px;
    }

}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    .mobile-sidemenu-window .main-content {
        width: 40%;
    }

    .mobile-sidemenu-window-close {
        left: 43%;
    }

    .course-content .auto-container {
        padding: 0;
    }

    /*===========================*/
    /*      Product Page        */
    /*===========================*/
    .coupon_field1 input {
        margin-left: 5px;
    }


    /*===========================*/
    /*      User Profile         */
    /*===========================*/
    .userprofile .learner-course-box .media .box-image i {
        display: none;
    }

    .userprofile .learner-course-box .bottom_part {
        display: none;
    }

    /* .userprofile .learner-course-box .media .media-body ul li:nth-child(3) {
        display: none;
    } */

    .userprofile .learner-course-box .media .media-body ul li:nth-child(4) {
        display: none;
    }

    .userprofile .learner-course-box .media .media-body ul li:nth-child(5) {
        display: none;
    }

    /*course detail page css*/
    .course_detail_page .course_detail_section1 .course_detail_card .card-body .address_and_loc .full_address {
        width: 100%;
        font-size: 13px;
    }

    .course_detail_page .course_detail_section1 {
        padding: 15px;
    }

    .course_detail_page .course_detail_section2 {
        padding: 15px;
    }

    .course_detail_page .course_detail_section3 {
        padding: 15px;
    }

    .course_detail_page .course_detail_section1 .course_general_message p {
        font-size: 13px;
    }

    .course_detail_page .price_break_down ul li {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .course_detail_page .complete-order {
        margin-top: 5px;
    }

    .course_detail_page .course_detail_section1 .course_detail_card {
        height: 86%;
    }

    /*************************************************************************/
    /*-- Changing the view of trainer-profile page for the trainer picture--*/
    /*****************************Umar Nasir********************************/
    .trainer-img img {
        width: 150px;
        height: 150px;
    }

}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    .pricing-sec .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }

    .right-footer .f-1 {
        margin-left: 20px;
    }

    /*custom css*/
    .service-section-advertiseHurak {
        display: none;
    }

    .service-section-advertiseHurak-Mobile {
        display: block !important;
        padding: 40px 100px;
    }

    .auto-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*.owl-item{*/
    /*    width: unset;*/
    /*}*/
    /*===========================*/
    /*Index page css start*/
    /*===========================*/
    /*index banner css start*/
    .banner-area {
        margin-top: 105px;
    }

    .banner-area .container {
        min-height: 250px;
        background-position: right !important;
    }

    .banner-sec .banner-inner {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        transform: translateY(0);
    }

    .banner-sec .inner-banner-content {
        margin-right: 0;
        padding: 30px 0;
        padding-bottom: 0;
    }

    /*index courses sec css*/
    .courses-sec.padding-bottom {
        padding-bottom: 30px;
    }

    .courses-sec .course-banner {
        display: none;
    }

    .courses-sec .course-carousel .owl-nav {
        display: none;
    }

    .courses-sec .card .card-header h5 {
        font-size: 18px;
    }

    .courses-sec.padding-top-half {
        padding-top: 30px;
    }

    .courses-sec .card {
        border: none;
    }

    .courses-sec .card .card-body {
        padding: 15px 0;
    }

    .courses-sec .card .card-header {
        background-color: #fff;
        padding: 1rem 0;
        border-top: 1px solid #dcdacb;
        border-bottom: 0;
    }

    .courses-sec .card .card-header a>i {
        font-size: 14px;
        transform: rotate(180deg);
    }

    .courses-sec .card .card-header a.collapsed>i {
        transform: rotate(0deg);
    }

    .courses-sec .item {
        transition: .5s ease;
    }

    /*footer css start*/
    .footer-start-right-side ul li {
        margin-top: 10px;
    }

    .footer-start-right-side ul li a {
        width: 79px;
        height: 25px;
        display: inline-block;
    }

    /*===========================*/
    /*Product page css start*/
    /*===========================*/
    .product_image {
        width: 100%;
    }

    .product_image img {
        width: 100%;
    }

    .product-banner .product-breadcrumb {
        width: 100%;
        padding: 0 10px;
    }

    .banner-content h1 {
        font-size: 20px;
    }

    .rating span {
        display: inline-block;
        color: #fff;
        font-size: 12px;
    }

    .banner-content {
        width: 100%;
        padding: 0 0;
    }

    .user-feature {
        display: block;
    }

    .user-feature a {
        display: block;
        margin-bottom: 10px;
        margin-right: 0;
        margin-left: 0;
    }

    .user-feature a:last-child {
        margin-bottom: 0;
    }

    .course-content {
        width: 100%;
    }

    .course-location-section .courses-location-date {
        padding-right: 0 !important;
    }

    .choose-course-table .course-date {
        max-width: 100px;
    }

    .choose-course-table.table-sm td {
        font-size: 14px;
    }

    .choose-course-table.table-sm th:nth-child(2) {
        padding-left: 10px;
    }

    .choose-course-table.table-sm td:nth-child(3) {
        padding-left: 5px;
    }

    .choose-course-table.table-sm td select {
        font-size: 14px;
        margin-left: 10px;
        padding: 5px;
    }

    .add-location-info span {
        /*font-size: 14px;*/
    }

    .add-location-info .find-map {
        padding: 3px 10px;
    }

    .product-banner {
        padding-bottom: 2rem;
    }

    .learning-section {
        padding-top: 2rem;
    }

    .outer-learing-sec {
        background-color: #fbfbf8;
        border: 1px solid #dcdacb;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .outer-learing-sec h3 {
        margin-left: 15px;
    }

    .outer-learing-sec ul li {
        width: 100% !important;
        /* float: left; */
        margin-top: 10px;
        padding-left: 15px;
        font-size: 14px;
        display: flex;
        align-items: baseline;
        line-height: 1.6;
    }

    .outer-learing-sec ul li i {
        margin-right: 8px;
    }

    .course_overivew_detail_inner ul li {
        display: flex;
        align-items: center;
    }

    .course_overivew_detail_inner ul li i {
        font-size: 18px;
        margin-right: 6px;
    }

    .course_overivew_detail_inner ul li span {
        font-size: 14px;
    }

    .toggle-to-view-section span {
        font-size: 13px;
    }

    .course-short-details {
        background-image: none !important;
        background-color: #fff;
        padding: .6rem 1rem;
    }

    .course-short-details .box_wrap_2 {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        text-align: right;
    }

    .course-short-details .box_wrap_2 span {
        color: #3c3b37;
    }

    .course-short-details .box_wrap_2 span del {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: grey;
    }

    .course-short-details .box_wrap_2 a {
        padding: 12px 25px;
    }

    .student-bought-course h6 {
        /*width: 83%;*/
    }

    .course_block_bough .heading_course span {
        color: #73726c;
        font-size: 14px;
        display: block;
    }

    .student-bought-course .rating_points {
        position: absolute;
        display: block;
        top: 10px;
        right: 20px;
        color: #be5a0e;
    }

    .course_block_link .course-card {
        margin-bottom: 22px;
    }

    .student-feedback-section {
        display: none;
    }

    /*.reviews-sec {*/
    /*    display: none;*/
    /*}*/

    /*frequently section*/
    .frequently_bought_together {
        padding: 1.5rem .5rem;
    }

    .frequently_bought_together .heading1 {
        font-size: 1.5rem;
        margin-left: 14px;
    }

    .frequently_bought_together .course_block_bough .image_wrapper {
        width: 65px;
        height: 65px;
    }

    .frequently_bought_together .course_block_bough .image_wrapper img {
        width: 100%;
    }

    .course_block_bough .heading_course {
        padding-left: 0;
    }

    .frequently_bought_together .course_bought_together_icon {
        display: none;
    }

    .course_block_bough .heading_course .rating-stars-score {
        margin-left: 3px;
    }

    .course_block_bough .heading_course .fbt-tag {
        display: none !important;
    }

    .course_block_bough .heading_course .course_prices {
        color: #3c3b37;
        font-size: 18px;
        font-weight: bold;
    }

    .frequently_bought_btn_adjust .popupBtn1 {
        width: 100%;
        margin-top: 10px;
        font-size: 16px;
        /*padding: 15px 20px;*/
    }

    .course_block_bough .heading_course .rating-score {
        font-size: 15px;
    }

    .course_block_bough .heading_course .rating-stars-score li i {
        font-size: 10px;
    }

    /*end frequently*/
    .courses-sec {
        margin-top: 2.5rem;
    }

    .courses-sec .courses-list {
        padding: 0;
    }

    .product_page_more_course .course-card {
        margin-bottom: 0;
    }

    .product_page_more_course .course-detail {
        padding-bottom: 0 !important;
    }

    .course-short-details {
        display: block;
    }

    /*sticky top bar */
    .small_sticky_top_bar_on_product {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 11;
        -webkit-animation-name: animationFade;
        animation-name: animationFade;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    }

    .small_sticky_top_bar_on_product .sidebar-container-position-manager {
        background-color: #fff;
        padding: .6rem 1rem;
        overflow: auto;
    }

    .small_sticky_top_bar_on_product .sidebar-container-position-manager ul {
        display: flex;
        width: max-content;
    }

    .small_sticky_top_bar_on_product .sidebar-container-position-manager ul li {
        display: block;
        margin-right: 30px;
    }

    .sidebar-container-position-manager ul li:last-child {
        margin-right: 0;
    }

    .sidebar-container-position-manager ul li a {
        font-size: 14px;
        color: #0f7c90;
        font-weight: bold;
    }

    .course_block_bough .heading_course {
        padding-left: 0 !important;
    }

    /*Model Window Dates and course section*/
    .course-location-section .courses-location-datemodel {
        padding-left: 0 !important;
    }

    .courses-location-datemodel .choose-course-table tbody tr td .loc {
        /*font-size: 12px !important;*/
    }

    .courses-location-datemodel .choose-course-table .course-date {
        max-width: 100px;
        /*font-size: 10px;*/
    }

    .added_to_the_cart_model .cart_btn {
        margin-top: 10px;
        display: flow-root;
    }

    #course-req {
        border-top: 1px solid #dcdacb;
        border-bottom: 1px solid #dcdacb;
        padding: 15px 5px 15px 0;
    }

    #course-req i {
        font-size: 18px;
    }

    /*===========================*/
    /* Course finder css start */
    /*===========================*/
    .learner_search_block h3 {
        font-size: 18px;
    }

    .course-finder-alert span {
        font-size: 14px;
    }

    .course-finder-alert .alert i {
        font-size: 21px;
        margin-top: 3px;
        margin-right: 10px;
    }

    .course-finder-search-area-col .course-finder-search-btn a {
        margin-right: 10px;
        padding: 9px 17px;
        font-size: 14px;
    }

    .course-finder-search-area-col .course-finder-search-btn select {
        width: 135px;
    }

    .course-finder-search-area-col .course-finder-total-result {
        display: flex;
        align-items: center;
    }

    .inner-course-filter-window {
        width: 75%;
    }

    .course-filter-window-close {
        right: 78%;
    }

    /*course finder course list*/
    .course-finder-main-course .course-item .media {
        display: block;
    }

    .course-finder-main-course .course-item .media img {
        width: 100%;
        margin-right: 0 !important;
    }

    .course-finder-main-course .course-item .media-body {
        padding: 20px 0;
    }

    .full-width-courses .course-item p {
        font-size: 15px;
    }

    .full-width-courses .course-item .course-tags li {
        font-size: 14px;
    }

    .full-width-courses .course-items-price-and-cart {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .full-width-courses .course-items-price-and-cart .course-item-price {
        display: flex;
        order: 2;
    }

    .full-width-courses .course-items-price-and-cart h5 {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .course_finder_faqs h5 {
        font-size: 18px;
    }

    .advertisement-block {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .advertisement-block span {
        text-align: left;
    }

    .advertisement-block i {
        margin-right: 10px;
    }

    /*===========================*/
    /*Pricing Pages*/
    /*===========================*/
    .package_details {
        display: none;
    }

    .pricing-sec .pricing-heading-area .heading {
        font-size: 22px !important;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_date svg {
        display: none;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_time svg {
        display: none;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_loc svg {
        display: none;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_date {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_date span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_time {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_time span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_loc {
        margin-bottom: 5px;
    }

    .pricing-sec .user_course_detail .pricing_course_detail .pricing_course_loc span {
        margin-left: 0;
    }

    .pricing-sec .user_course_detail {
        min-height: 145px;
    }

    .color-line-yellow {
        max-width: 100%;
        min-height: 60px;
    }

    .color-line-red {
        max-width: 100%;
        min-height: 60px;
    }

    .color-line-blue {
        width: 100%;
        min-height: 60px;
    }

    .color-line-blue {
        max-width: 100%;
    }

    .pricing-sec .pricing-card.active .price-header {
        text-align: center;
    }

    .pricing-sec .pricing-card .price-num {
        font-size: 45px;
        font-weight: 800;
        padding-bottom: 5px;
    }

    .pricing-sec .pricing-card .price-header {
        min-height: auto;
    }

    .pricing_packages_carousel .pricing-card .manage_top_space {
        margin: 0 !important;
    }

    /* .pricing-sec .pricing-card .popular_tag {
        display: none;
    } */

    .pricing-sec .pricing-card .seller-tag {
        background-color: #ffe799;
        color: #593d00 !important;
        border-radius: 4px;
        display: inline-block;
        padding: .2rem .4rem;
        font-weight: bold;
        font-size: 14px;
    }

    .pricing-sec .pricing-card .price-header,
    .pricing-sec .pricing-card .price-body {
        max-width: 100%;
    }

    .pricing-sec .pricing-card .price-header,
    .pricing-sec .pricing-card .price-body {
        padding: 16px 15px 0 15px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li {
        list-style: none;
        /*margin-bottom: 20px;*/
        display: flex;
        justify-content: start;
        align-items: flex-start;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_check_circle {
        width: 20px;
        height: 20px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_check_circle i {
        font-size: 10px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_text_small {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 5px;
        margin-right: 3px;
        font-size: 17px;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_infoicon_small {
        display: inline-block;
    }

    .pricing_packages_carousel .owl-dots {
        text-align: center;
        margin-top: 20px;
    }

    .pricing_packages_carousel .owl-dots .owl-dot {
        height: 5px;
        width: 5px;
        /*border:1px solid #333;*/
        margin-right: 15px;
        border-radius: 50%;
        background: gray;
    }

    .pricing_packages_carousel .owl-dots .owl-dot.active {
        background: #333;
        border: 1px solid #333;
    }

    .pricing-sec .pricing-card .popular_tag {
        position: absolute !important;
        background: #eadf6f !important;
        font-size: 13px !important;
        font-weight: bold;
        color: #ffffff;
        padding: 7px 4px !important;
        text-align: center;
        width: 48% !important;
        display: inline-block;
        color: black !important;
        font-weight: 700;
        top: 20px !important;
        transform: translateX(-11%) !important;
        border-radius: 5px !important;
    }


    /*=========================
     Shop cart
     =========================*/
    .small-checkout-from-shopcart-mobile .inner-shopcart-mobile-content {
        display: block;
    }

    .cart-page-items .cart-item .number-input-field {
        width: 45%;
    }

    /*=========================
       Advertise on hurak
      =========================*/
    .large-heading {
        font-size: 30px;
    }

    .counter-cards {
        display: block !important;
    }

    .global-counter-sec .counter-card {
        width: 49%;
    }

    .global-counter-sec .counter-card .count-detail {
        font-size: 13px;
    }

    .service-section-advertiseHurak .section-heading .heading {
        font-size: 30px;
    }

    .service-section-advertiseHurak .work .icon-holder-work {
        height: 50px;
        width: 50px;
    }

    .service-section-advertiseHurak .work i svg {
        width: 25px;
        height: 25px;
    }

    .service-section-advertiseHurak .work:after {
        top: 69%;
    }

    .service-section-advertiseHurak .work:before {
        top: 69%;
    }

    .service-section-advertiseHurak .work .works {
        display: none;
    }

    .business-form-sec .business-form-detail .heading {
        font-size: 30px;
    }

    .faq-sec .faq-main-heading {
        font-size: 30px;
        margin-bottom: 0;
    }

    .points-list-container .navbtndark {
        display: none;
    }

    .points-list-container .cust-btn,
    .points-list-container .cust-btn .navbtndark {
        display: block !important;
        width: auto;
    }

    /*=========================
       user account settings
      =========================*/
    .user_account_page .user_account_right_side .account-content-body {
        width: 100%;
        padding: 15px 0 15px 15px;
    }

    /*===========================*/
    /*    Purchase history css   */
    /*===========================*/
    .alert_info_background {
        padding: 15px 30px 15px 20px;
        align-items: start;
    }

    .alert_info_background i {
        font-size: 25px;
        margin-top: 3px;
    }

    .alert-dismissible .close {
        padding: 0.5rem .8rem;
        top: 5px
    }

    .purchase_history-mobile .purchase_list {
        padding-top: 20px;
    }

    .purchase_history-mobile .purchase_list li {
        padding: 20px 0;
        list-style: none;
        font-size: 14px;

    }

    .purchase_history-mobile .purchase_list li:last-child {
        border-bottom: none !important;
        padding-bottom: 0;
    }

    .purchase_history-mobile .purchase_list li .media i {
        font-size: 28px;
        background-color: #f9f9f9;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        color: #ec5252;
    }

    .purchase_history-mobile .purchase_list li .media span.date {
        display: block;
    }

    .purchase_history-mobile .purchase_list li .media .navbtnWhite {
        padding: 5px 20px;
        margin-top: 10px;
        display: block;
    }

    /*=========================
     USER Profile
   =========================*/
    /* my courses */
    .userprofile .learner-course-box {
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        margin-left: 0;
    }

    .userprofile .learner-course-box .date_block {
        /*top: 3px !important;*/
        /*right: 10px !important;*/
        /*left: auto !important;*/
        display: none;
    }

    .userprofile .learner-course-box .date_block .month {
        display: block;
        font-size: 12px;
        color: #e61b1b;
        margin-bottom: -4px;
    }

    .userprofile .learner-course-box .date_block .date_ {
        display: block;
        font-size: 12px;
        color: #73726c;
        font-weight: bold;
    }

    .userprofile .learner-course-box .media {
        padding-right: 10px;
        padding-left: 13px;
    }

    .userprofile .learner-course-box .media .box-image {
        margin-right: 12px !important;
        width: 52px;
    }

    .userprofile .learner-course-box .media .box-image img {
        display: none;
    }

    .userprofile .learner-course-box .media .box-image i {
        font-size: 28px;
        background-color: #f9f9f9;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        color: #ec5252;
    }

    .userprofile .learner-course-box .media {
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .userprofile .learner-course-box .media h5 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
    }

    .userprofile .learner-course-box .media .media-body ul {
        line-height: 1;
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .userprofile .learner-course-box .media .media-body ul li {
        display: flex;
        align-items: baseline;
        line-height: 1.5;
    }

    .userprofile .learner-course-box .media .media-body ul li:first-child::before {
        content: "";
        margin-left: 2px;
        margin-right: 5px;
        min-width: 5px;
    }

    .userprofile .learner-course-box .media .media-body ul li::before {
        margin: 9px 4px auto 2px;
        min-width: 5px;
    }

    .userprofile .learner-course-box .media .media-body ul li:nth-child(3) {
        display: none;
    }

    .userprofile .learner-course-box .media .media-body ul li:nth-child(4) {
        display: none;
    }

    .userprofile .learner-course-box .media .media-body ul li:last-child {
        display: inline-flex;
    }

    .userprofile .learner-course-box .media .media-body ul li p {
        margin-bottom: 2px;
        font-size: 13px;
        display: inline-block;
    }

    /*.userprofile .learner-course-box .media .media-body ul li:before {*/
    /*    display: none;*/
    /*}*/
    .userprofile .learner-course-box .media .media-body .confirmedClass {
        color: #008009;
        font-size: 12px;
        margin-left: 2px;
        display: block;
    }

    .userprofile .learner-course-box .bottom_part {
        border-top: 1px solid #e6e6e6;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 18px;
        display: block;
    }

    .userprofile .learner-course-box .bottom_part p {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .userprofile .learner-course-box .bottom_part p i {
        font-size: 22px;
        color: darkgray;
        margin-right: 5px;
    }

    .userprofile .learner-course-box .bottom_part p span {
        font-size: 14px;
        color: #212529;
    }

    .booked_course_right_side {
        display: none;
    }

    .history_block .all_course_list {
        width: 100%;
        margin-left: 0;
    }

    /*wishlist */
    .courses-sec .courses-list .wishlist_item {
        margin-top: 10px;
    }

    .wishlist_item .course_block_link .course-card {
        display: flex;
        border-bottom: 1px solid #eee;
        padding-bottom: 7px;
    }

    .wishlist_item .course-card .course-img-holder {
        width: 55%;
    }

    .courses-sec .courses-list .course-detail .course-heading {
        font-size: 17px;
    }

    #mywishlist .cart_courses_block.courses-sec .courses-list .course-detail {
        border: none;
        padding: 0 15px;
    }

    .wishlist_item .course-card .heart_icon {
        display: none;
    }

    .wishlist_item .course-card .course-rating {
        display: none;
    }

    .wishlist_item .course-badge {
        display: none;
    }

    .courses-sec .courses-list .course-detail .date {
        display: none;
    }

    .wishlist_item .course-price {
        display: flex;
        font-size: 13px;
        justify-content: flex-end;
        margin-top: 0;
    }

    .wishlist_item .course-price del {
        font-size: 13px;
        display: none;
    }

    /*===========================*/
    /*     Payment Method css    */
    /*===========================*/
    .user_account_page .user_account_right_side .account-content-body1 .add_payment_method .media .image-holder {
        width: 90px;
    }

    .user_account_page .user_account_right_side .account-content-body1 .add_payment_method_new {
        margin-bottom: 0;
    }

    .edit_payment_cart_model_window .cart_numbers .edit_card_dates {
        width: 100%;
    }

    /*=========================
       cookies model window
      =========================*/
    #cookies-window {
        width: 95%;
    }

    .cookies-window .inner-content .heading {
        font-size: 26px;
    }

    /*===========================*/
    /*     About us sec      */
    /*===========================*/
    .about-bg {
        min-height: 250px;
    }

    /*===========================*/
    /*    Contact us page      */
    /*===========================*/
    .banner-image-background .heading {
        font-size: 36px;
    }

    .contact-bg {
        min-height: 250px;
    }

    .contact-sec .contact-details {
        margin-bottom: 25px;
    }

    .contact-sec .contact-details li span {
        font-size: 16px;
    }

    .contact-sec .main-btn {
        width: 100%;
        display: block;
        text-align: center;
    }

    /*===========================*/
    /*    Policies page      */
    /*===========================*/
    .booking_policy_page {
        padding-left: 0;
    }

    .booking_policy_page .inner_box {
        padding: 0;
        padding-top: 35px;
    }

    /*===========================*/
    /*mobile phone model windows*/
    /*===========================*/
    .general_form_message_model_window .modal-content {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border-radius: 0;
        border: none;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -o-transition: -o-transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease;
        -webkit-transition: transform .3s ease;
    }

    .general_form_message_model_window .modal.show .modal-content {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .general_form_message_model_window .modal-foot {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #dee2e6;
    }

    .general_form_message_model_window .modal-header .modal-title {
        font-size: 18px;
        margin-left: 20px;
        margin-bottom: 0;
    }

    .general_form_message_model_window .modal-header i {
        font-size: 26px;
    }

    .general_form_message_model_window textarea {
        height: 220px;
    }

    /*===========================
              CHECKOUT
    ===========================*/
    .checkout_model_window .course_display_list {
        padding: 0 0;
        margin-bottom: 80px;
    }

    /*============================
             Receipt Page
    =============================*/
    .receipt_header {
        display: contents;
    }

    .receipt_header h4 {
        padding-bottom: 10px !important;
        font-weight: bold;
    }

    /* .receipt_header a {
        display: none;
    } */

    .organization_info .small-heading {
        font-size: 24px;
        font-weight: 400;
    }

    /*.organization_info p {*/
    /*    font-size: 14px;*/
    /*    font-weight: 400;*/
    /*    color: #29303b;*/
    /*}*/

    .receipt_des {
        padding-top: 0;
        border-bottom: none !important;
        padding-bottom: 0;
    }

    .receipt-body-sec .soldTo {
        display: none;
    }

    .receipt-body-sec .course_info p {
        font-size: 15px;
        margin-bottom: 5px !important;
    }

    .receipt-table {
        display: none;
    }


    .receipt_table_mobile {
        display: block;
        padding-bottom: 7px;
    }

    .receipt_table_mobile .Topitems {
        font-size: 15px;
        font-weight: bold;
    }

    .receipt_table_mobile .course_info {
        margin-bottom: 20px !important;
    }

    .receipt-body-sec .course_info p:nth-child(3) {
        display: block;
    }

    .receipt_table_mobile .card {
        border: none;
        border-top: 1px solid rgba(0, 0, 0, .125);
        border-radius: 0;
    }

    .receipt_table_mobile .card:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }

    .receipt_table_mobile .card .card-header {
        padding: .6rem 0;
        padding-right: 5px;
        background: transparent;
        border-bottom: none;
    }

    .receipt_table_mobile .card .card-header h5 {
        display: block;
    }

    .receipt_table_mobile .card .card-header i {
        font-size: 14px;
    }

    .receipt_table_mobile .card .card-header .itemData {
        font-size: 14px;
        color: #212529;
        font-weight: bold;
        padding-left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        white-space: normal;
    }

    .receipt_table_mobile .card .card-body {
        padding: 5px 5px;
    }

    .receipt_table_mobile .card .card-body .receipt_inner_Data li {
        margin-bottom: 5px;
    }

    .receipt_table_mobile .card .card-body .receipt_inner_Data li p {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
    }

    .receipt_table_mobile .card .card-body .receipt_inner_Data li p span {
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
    }

    .receipt_table_mobile .card-header a.collapsed~i {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }


    .receipt_table_mobile .card-header a~i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .grandTotalSmallScreen {
        display: block;
    }

    .grandTotalSmallScreen .grandTotal li {
        display: block;
        width: 100%;
        margin-bottom: 7px;
    }

    .grandTotalSmallScreen .grandTotal li .manage {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .grandTotalSmallScreen .grandTotal li .manage p,
    .grandTotalSmallScreen .grandTotal li .manage span {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        opacity: .8;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .grandTotalSmallScreen .grandTotal li:last-child {
        border-top: 1px solid rgba(0, 0, 0, .125);
        border-bottom: 1px solid rgba(0, 0, 0, .125);
        padding: 10px 0;
    }

    .grandTotalSmallScreen .grandTotal li:last-child .manage p,
    .grandTotalSmallScreen .grandTotal li:last-child .manage span {
        font-size: 14px;
        font-weight: 500;
        color: #212529;
        margin-bottom: 0;
        padding-bottom: 0;
        opacity: 1;

    }

    /****Asad Ali****/
    .sign_up_form,
    .log_in_form {
        width: 50%;
    }

    .points-list {
        display: none;
    }

    .points-list-container {
        text-align: center;
    }

    .cust-btn {
        margin: 0 auto;
    }

    .cust-btn.mt-4 {
        margin-top: 4px !important;
    }

    /**********************************************************************/
    /****Show buttons on the bottom of the page in trainer-profile page****/
    /*****************************Umar Nasir*******************************/
    .trainer-provider-sec .trainer-info {
        display: none !important;
    }

    .courses-sec .bottom-button {
        display: block;
        margin-top: 30px;
    }

    .courses-sec .bottom-button .trainer-info a {
        width: 100%;
        text-align: center;
    }

    /*===========================*/
    /* Support Hub start */
    /*===========================*/
    .support-hub-heading h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    .promoted-articles-blocks .promoted-articles-post {
        text-align: center;
    }

    /*===========================*/

    /*Thank you page responsive*/
    .thankyou-deligate-info .checkout_login_asguest {
        margin-bottom: 1rem;
    }

    .thankyou-summary .checkout-right-side {
        position: unset;
        margin-top: 0;
    }

    .thankyou-summary .checkout_cart_box {
        display: block !important;
    }

    .thankyou-summary .checkout-right-side .checkout_cart_box {
        min-width: 330px;
        box-shadow: 1px 1px 10px #eee;
    }

    .thankyou-note {
        font-size: 15px;
    }

    .mobile-thankyou-note {
        padding-bottom: 10px;
    }

}

@media (min-width: 575.98px) and (max-width: 767.98px) {}

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /*.banner-img img {*/
    /*    display: none;*/
    /*}*/

    .pricing-sec .pricing-card .price-body .pricing-list li {
        /*height: 80px !important;*/
        height: auto !important;
        margin-bottom: 20px;
    }

    .pricing_packages_carousel .owl-item {
        /* width: 32.2% !important; */
    }

    .full-width-courses .course-items-price-and-cart .course-item-price {
        margin-bottom: 15px;
    }

    .full-width-courses .course-items-price-and-cart {
        display: block;
    }

    /*.owl-item{*/
    /*    width: auto;*/
    /*}*/
    /****Asad Ali****/
    .cust-modal .modal-dialog,
    .signIn-modal .modal-dialog,
    .sign_up_form,
    .log_in_form {
        width: 96%;
    }

    .custom-font h1 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .your_course .inner-content p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .your_course .inner-content .btn {
        margin: 0 0 20px;
        width: 80%;
        max-width: 270px;
    }

    .your_course .inner-content .btn:nth-child(2) {
        margin-right: 0px;
        margin-bottom: 0;
    }

    .advertise-on-hurak-banner-image {
        padding-bottom: 50px;
    }

    .num-sec p {
        padding: 9px 12px 0;
        margin: 0 auto;
    }

    .work-image-holder {
        padding-top: 0;
    }

    .trainer-content {
        padding-top: 30px;
    }

    .trainer-text {
        text-align: left;
    }

    .rating_reviews-sec {
        justify-content: left;
    }

    .service-section-advertiseHurak-Mobile {
        padding: 30px 0;
    }

    .points-section .large-heading {
        padding: 0 70px;
    }

    .points-section .heading {
        padding: 0 0px;
    }

    .points-section .text {
        padding: 0px 15px;
    }

    .features-sec .text {
        padding: 0 40px;
    }

    /* Product Page changed by (UN)*/
    .instructor-details .instructor-profile-features li i {
        margin-right: 10px;
        font-size: 20px;
    }

    .instructor-details .instructor-profile-features ul {
        margin-left: 100px;
    }

    .added_to_the_cart_model_bottom .cart-processing ul li i {
        font-size: 20px;
        padding-left: 2px;
        padding-right: 5px;
    }

    /* Modal Windows Adjustment on mobile by (UN)*/
    .modal-header .modal-title {
        font-size: 1.4rem;
    }

    .added_to_the_cart_model .cart_btn {
        padding-left: 5px;
    }

    .added_to_the_cart_model_bottom .cart-processing ul li span {
        font-size: 1rem;
        width: 28px;
    }

    /*Course Finder Page*/
    .course-item .media a {
        width: auto;
    }

    /* Provider Listing */

    .your_course .course-provider-form {
        width: 100%;
        margin-top: 70px;
    }

    .your_course .course-provider-form .term-text {
        text-align: center;
    }

    .workflow-sec .provider-manage-services {
        width: 100%;
        overflow: auto;
    }

    .workflow-sec .nav-pills {
        flex-wrap: unset;
    }

    .workflow-sec .workflow-details {
        margin-left: 2%;
        margin-top: 30px;
    }


    .workflow-sec .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #0f7c90;
    }

    .workflow-sec .large-control-heading {
        width: 100%;
    }

    .projects-sec .project-video-wrapper {
        width: 355px;
    }

    .projects-sec .project-video-wrapper video {
        width: 100%;
    }

    .projects-sec .project-services:nth-child(3n) div.row div:nth-child(1) {
        order: 1;
    }

    .projects-sec .project-services:nth-child(3n) div.row div:nth-child(2) {
        order: 2;
    }

    .feature-card-sec {
        padding: 20px;
    }

    .feature-card-black {
        width: 100%;
        margin-bottom: 20px;
    }

    .feature-card-white {
        padding: 20px 0;
    }

    .project-heading-h2 {
        margin-bottom: 30px;
    }

    .projects-sec .project-heading-h2 {
        font-size: 40px;
        width: 100%;
    }


    .project-heading-h2::after {
        display: none;
    }

    .projects-sec .project-services {
        margin-top: 50px !important;
    }

    .projects-sec .project-services::before {
        display: none;
    }

    .projects-sec .project-services::after {
        display: none;
    }

    .projects-sec .project-services:nth-child(3n)::before {
        display: none;
    }

    .projects-sec .project-services:nth-child(3n)::after {
        display: none;
    }

}

@media (max-width: 480px) {
    .btn-centre {
        flex-direction: column;
    }

    .btn-centre .text {
        margin: 10px 0;
    }

    .btn-centre a {
        margin: 10px 0;
    }
}

/*courses mobile css*/

.courses-sec .nav-pills {
    display: none;
}

@media (min-width: 768px) {
    .courses-sec .nav-pills {
        display: flex;
    }

    .courses-sec .card {
        border: none;
    }

    .courses-sec .card .card-body {
        padding: 0;
    }

    .courses-sec .card .card-header {
        display: none;
    }

    .courses-sec .card .collapse {
        display: block;
    }
    .mock-test-page-banner{
        margin-top: 108px;
    }
}

@media (max-width: 767px) {
    .courses-sec .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }

    /**********************************************************************/
    /******************Changing the layout of the trainer page*************/
    /*****************************Umar Nasir*******************************/
    .trainer-provider-sec .text-center {
        text-align: left !important;
    }

    .trainer-content h2 {
        font-size: 24px;
    }

    .trainer-text h5,
    .lecture-sec h4 {
        font-size: 20px;
    }

    .courses-sec .courses-list .course-detail {
        padding-bottom: 0;
    }

    .rating_reviews strong {}

    .bespoke-header .back-to-home-arrow {
        display: block;
        font-size: 20px;
        padding-top: 10px;
    }

    .bespoke-header .back-to-home {
        display: none;
    }

    .bespoke-header .bespoke-sign-in-button {
        padding-top: 7px;
    }

    .bespoke-header .bespoke-sign-in-button .main-btn {
        font-size: 14.5px;
        color: #0f7c90 !important;
        border: transparent;
        background-color: transparent;
    }

    .bespoke-header .bespoke-row .bespoke-logo img {
        width: 65%;
        margin: 0 auto;
    }

}

/*=========================================
 Support Details page (Doodibad) Start
==========================================*/

@media (max-width: 992px) {
    .pricing-sec .pricing-card .manage_top_spacez {
        margin-top: 37px;
    }

    .blured-select-field-overlay {
        display: none;
    }

    .support-tab-left h5 i {
        display: inline-block;
        transition: 0.5s;
    }

    .rotate {
        transform: rotate(90deg) !important;
    }

    .rotate-active {
        transform: rotate(0deg) !important;
    }

    .support-tab-left a {
        display: none;
        margin-left: 20px;
    }

    .bg-color-white {
        display: none;
    }

    .support-tab-left {
        border-right: none;
        border-bottom: solid 1px #e3e3e3;
        /*background-color: #0000;*/
    }

    .support-details-tabs-block {
        border-top: solid 1px #e3e3e3;
        border-bottom: solid 1px #e3e3e3;
        background-color: #0000;
    }
}


@media (max-width: 576px) {
    .course-image-container {
        width: 100%;
        height: 180px;
    }

    .course-image-container img {
        height: 180px;
    }

    .course-overview-container {
        border-left: none;
        border-top: 1px solid #dcdacb;
    }

    .support-hub-heading h2 {
        text-align: left;
    }

    .support-hub-faq-list {
        display: none;
    }

    .promoted-articles .auto-container {
        padding: 0 15px;
    }

    .promoted-articles-blocks .promoted-articles-post {
        text-align: left;
    }

    .promoted-articles .promoted-articles-post {
        padding: 5px 0;
    }

    .support-hub-content-margin-top {
        margin-top: 5px;
    }

    .select-topic-card-wraper {
        display: flex;
        align-items: flex-start;
    }

    .media-mobile {
        text-align: left;
        padding-left: 5px;
    }

    .select-topic-section .select-topic-card-icon i {
        font-size: 30px;
        padding: 0;
    }

    .select-topic-section .select-topic-card h4 {
        font-size: 18px;
        margin: 0;
    }

    .promoted-articles-post {
        text-align: left;
    }

    .select-topic-section .select-topic-card-wraper {
        min-height: auto;
        padding: 20px;
        margin: 5px 0;
    }

    .select-topic-section .select-topic-card {
        min-height: auto;
    }

    .breadcrumb-custom.breadcrumb-custom-support-detailes,
    .breadcrumb-custom.breadcrumb-custom-support-articles {
        display: none;
    }


    /* Bottom Nav */
    /*.middlenav .inner-bottom-nav{*/
    /*    margin-right: 20px;*/
    /*}*/
    .middlenav .inner-bottom-nav ul {
        justify-content: start;
    }

    /*.middlenav .inner-bottom-nav ul li{*/
    /*    margin-right: 30px;*/
    /*}*/


}

@media (min-width: 576px) {
    #my_course_resources_model_window .modal-dialog {
        max-width: 900px;
    }


}

/*MQ BY SAIF*/
@media only screen and (min-width: 991px) {
    /* .pricing-sec{
        padding-top: 70px;
    } */
    .pricing_packages_carousel .owl-stage {
        width: 100% !important;
    }

    .pricing_packages_carousel .owl-item {
        width: 32% !important;
    }

    .pricing-sec .pricing-card .price-header,
    .pricing-sec .pricing-card .price-body {
        max-width: 100% !important;
    }

    .font-13 {
        font-size: 13px !important;
    }

    .pricing-sec .pricing-card .price-body .pricing-list li .pricing_check_circle i {
        font-size: 16px !important;
    }

    .pricing-sec .pricing-card .price-heading {
        font-size: 48px;
        font-weight: 500;
        margin-bottom: 0;
        text-align: left;
        /* display: inline-block; */
    }

}

/*IPAD MEDIA QUERY*/

@media (min-width: 1024px) {
    .courses-pop-window {
        width: 300px;
    }
    /* .owl-carousel .owl-item img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: fill!important;
    } */
}


@media (min-width: 1100px) {
    .courses-pop-window {
        width: 370px;
    }
    .owl-carousel.bigSlider .owl-item img {
        height: 310px !important;
    }
}
@media screen and (max-width: 991px) {
    .pricing-sec{
        padding-top: 35px;
    }
    .banner-heading-section {
        margin-top: 20px;
    }

    .banner-heading-section .heading {
        font-size: 27px;
    }

    .sticky-card {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    .mock-test-comments .second-level-comment {
        margin-left: 15px;
        padding-left: 10px;
    }

    .mock-test-comments .third-level-comment {
        margin-left: 25px;
        padding-left: 10px;
    }

    .mock-test-comments .left-spacing {
        padding-left: 0;
    }
    .mock-test-page-banner{
        margin-top: 116px;
    }
   
    .testi-head{
        font-size: 25px!important;
    }
    .course-testimonials .owl-nav.disabled {
        display: block;
        position: absolute;
        top: -65px;
        right: 37px;
    } 
}

/*=========================================
 Support Details page (Doodibad) END
==========================================*/