/* For Mobile Device */
@media (max-width: 576px){
    .topbar_area h2{
        font-size: 20px;
    }
    .topbar_area p{
        font-size: 12px;
        line-height: 22px;
    }
    .main_content h2{
        font-size: 18px;
        padding: 10px !important;
        box-shadow: none;
        margin: 15px 0px;
    }
    .course_title{
        font-size: 18px;
        line-height: 28px;
    }
    .course_footer_area {
        text-align: center !important;
    }
    .detail_btn, .default_btn{
        font-size: 10px;
        line-height: 10px;
    }
    .for_lg{
        display: none;
    }
    .for_tab_mobile{
        display: block;
    }
}
/* For Tablet */
@media (min-width: 576px) and (max-width: 991.98px){
    .topbar_area h2{
        font-size: 24px;
    }
    .topbar_area p{
        font-size: 14px;
        line-height: 22px;
    }
    .main_content h2{
        font-size: 22px;
        padding: 10px !important;
        box-shadow: none;
        margin: 15px 0px;
    }
    .course_contents {
        padding: 10px;
    }
    .course_title{
        font-size: 22px;
        line-height: 28px;
    }
    .course_footer_area {
        text-align: left !important;
    }
    .detail_btn, .default_btn{
        font-size: 12px;
        line-height: 12px;
    }
    .for_tab_mobile{
        display: block;
    }
    .for_lg{
        display: none;
    }
}