/* Tablet & Mobile */
@media (min-width: 768px) and (max-width: 1024px), @media (max-width: 767px) {
    .new_layout_group .swiper-button-next, .new_layout_group .swiper-button-prev {
        display: none !important;
    }
    .learning-saved-item {
        flex-direction: column;
    }
    .learning-saved-item-bot {
        height: 140px;
    }

    .group-filter-form {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .group-filter-form div {
        padding-right: 0;
    }
}

/* PC và laptop */
@media (min-width: 1025px) {
    .show-pc {
        display: block!important;
    }
}

/* Màn 14 inch */
@media (min-width: 1025px)  and (max-width: 1350px) {
    .new_layout_group .swiper-button-next, .new_layout_group .swiper-button-prev {
        display: none !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
    /* CSS cho tablet ở đây */
    .show-tablet {
        display: block!important;
    }

    .new_layout_group .swiper-button-next, .new_layout_group .swiper-button-prev {
        display: none;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .group-course-right {
        height: 170px;
    }
    .input-search {
        width: 100%;
    }
    .show-mobile {
        display: block !important;
    }
    .u-video .icon-youtb {
        top: 26%;
        left: 42%;
    }
    .group-course-name {
        font-size: 12px;
    }
    .group-course-count {
        font-size: 10px;
    }
    .group-course-price {
        font-size: 10px;
    }
    .group-course-right {
        height: 130px;
        padding: 8px 8px 16px 8px;
    }
    .input-search {
        width: 100%;
    }
    .group-course-detail a {
        padding: 8px;
    }
    .price-block .text-center h2 {
        font-size: 28px;
    }
    .price-block .text-center p {
        font-size: 14px;
    }
    .div-shape {
        display: none;
    }
    .reason-right {
        padding-left: 15px;
    }
    .buy-group {
        padding: 24px 16px;
    }
    .buy-group-month {
        font-size: 24px;
    }
    .buy-group-price b {
        font-size: 32px;
    }
    .buy-group-total {
        margin-bottom: 32px;
    }

    .new_layout_group .swiper-button-next, .new_layout_group .swiper-button-prev {
        display: none !important;
    }
    .learning-saved-item {
        flex-direction: column;
    }
    .learning-saved-item-bot {
        height: 140px;
    }
    .learning-saved-item-name {
        font-size: 12px;
    }
    .progress-bar[aria-valuenow="0"] {
        min-width: 0;
    }
    .group-filter-form {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .group-filter-form div {
        padding-right: 0;
    }

    .input-search {
        width: 100%;
    }
}