@media (max-width: 575px) {
    /* CSS cho điện thoại nhỏ */
}

/* Tablet nhỏ (max-width: 767px) */
@media (max-width: 767px) {
    /* CSS cho tablet và điện thoại */
    .testimonial-card,.video-card{
        height: 50%;
    }
    .container-custom .swiper {
        width: 100%;
        /* height: initial; */
    }
}

/* Tablet vừa (max-width: 991px) */
@media (max-width: 991px) {
    .home-page .navbar-custom {
        top: 0px;
    }
    .nav-menu-address {
        display: none;
    }
    .WeekViewWrap .schdd-month-year {
        padding: 0px;
        height:initial;
    }
    div#monthYear_0 {
        overflow: auto;
    }
    .BranchInfo, .DayTop {
        height: initial;
    }
    .DayBot .type{
        margin-right:0px!important;
    }
    .DayBot {
        flex-wrap: nowrap;
    }
    .SchddView.schdd-view li{
        padding: 10px 10px;
    }
    .SchddView.schdd-view li.day-header {
        padding: 10px 10px;
        height: initial;
    }

    .SchddView.schdd-view li.day-header * {
        position: initial!important;
        display: block;
        text-align: center!important;
        width: 100%!important;
        font-size: 20px;
    }
    .SchddView.schdd-view{
        flex:none;
    }
    .SchddView.schdd-view {
        width: 50%;
    }
    .MonthViewWrap .schdm-days .schdm-days-col{
        flex: none;
        width: 50%;
    }
    .MonthViewWrap .schdm-month .schdm-row .schdm-col {
        flex: none;
        width: 50%;
    }
    .WeekViewWrap.schd-dayview {
        overflow: auto;
    }
    .MonthViewWrap .schdm-col .schdm-col-body .lecturer .name, .MonthViewWrap .schdm-col .schdm-col-body .lecturer .time{
        line-height: initial;
    }
    .video-box img {
        width: 100%;
    }
    .cus-col {
        margin-top: 1vh;
    }
    .custom-row.row-bottom>div:first-child {
        margin-top: 0px;
    }
}

/* Laptop vừa (max-width: 1199px) */
@media (max-width: 1199px) {
    h3.title {
        font-size: 50px;
    }
    .video-box img {
        width: 80%;
    }
    div#nextSection {
        height: initial;
    }
}

/* Desktop vừa (max-width: 1399px) */
@media (max-width: 1399px) {
    .container-custom {
        max-width: 100%;
        padding: 0px 20px;
    }
    .banner-description {
        width: 100%;
    }
}