@media only screen and (max-width: 576px) {
    header.app-edu-header-main.app-edu-sticky-on, header.is-single-page {
        padding: 0.5rem!important;
    }
    header .app-edu-logo{width: 40% !important}
    header .app-edu-main-header-menu{width: 60% !important;}
    header .app-edu-main-header-action{width: 100% !important;}
    header .container{padding-right: 0.25rem!important;padding-left: 0.25rem!important;}
    #app-edu-banner{
        background-size: cover !important;
        padding-top: 4rem !important;
    }
    #app-edu-banner .title-banner{
        font-size: 1.3rem !important;
    }
    #app-edu-banner .text-banner{
        font-size: 12px !important;
    }
    #carouselBannerSlider .img-banner img {
        max-height: 50vh !important;
    }
    #content-event .box-image, #content-course .box-image{
        height: 150px !important;
    }
    #content-event .box-image.lazy-background, #content-course .box-image.lazy-background, #content-ecourse .box-image.lazy-background{
        height: 125px !important;
        margin-bottom: 0px !important;
    }
    #content-event .title-item, #content-course .title-item, #content-ecourse .title-item, #content-category .title-item{
        font-size: 12px !important;
    }
    #content-event .date-item, #content-course .date-item{
        font-size: 10px !important;
    }
    #content-event .price-item, #content-course .price-item{
        font-size: 12px !important;
    }
    #content-event .price-item-del, #content-course .price-item-del{
        font-size: 10px !important;
    }
    #card-info-item-event, #card-info-item-course, #card-info-item-ecourse{
        padding: 0.5rem!important;
    }
    #content-event .label-category a, #content-course .label-category a, #content-ecourse .label-category a{
        font-size: 10px !important;
    }
    #content-event .box-lazy-info, #content-course .box-lazy-info, #content-ecourse .box-lazy-info{
        padding: 0.5rem!important;
    }

    #content-ecourse .box-image, #content-ecourse .box-image.lazy-background{
        height: 100px !important;
    }
    #content-category .box-image, #content-category .box-image.lazy-background{
        height: 150px !important;
    }
    #main-section-counter .section-head-title{font-size: 14px !important;}
    #main-section-counter .section-head-text{font-size: 11px !important;}
    #main-section-counter .content-counter{padding: 0.5rem!important;}
    #app-edu-footer{padding-top:25px !important;}
    #app-edu-footer .app-edu-footer-widget .app-edu-logo-widget p{padding-bottom:1rem !important;}
    #app-edu-footer li, #app-edu-footer p,#app-edu-footer .copyright-text{font-size: 12px !important;}
    #app-edu-footer .copyright-text p{margin-bottom: 0.375rem !important;}
    #app-edu-footer .widget-title{font-size: 14px !important;letter-spacing: 1px !important;}
    #app-edu-footer .app-edu-footer-social{margin-bottom: 0.5rem!important;}
    #app-edu-footer .app-edu-footer-social a{
        width:35px !important;
        height:35px !important;
        line-height: 35px !important;
        font-size: 18px !important;
    }

}