@media screen and (min-width:1025px) {
    #courseVideo-app,
    .btn-href-app,
    .description-app {
        display: none;
    }
    .item-1 {
        position: relative;
    }
    .item-1 img {
        width: 100%;
    }
    .detail-banner-text {
        position: absolute;
        left: 44%;
        top: 19%;
        color: #000;
        width: 41%;
    }
    .productcenter-video-wrap {
        min-width: 1366px;
    }
    .product-video-wrap {
        min-width: 1226px;
    }
    .detail-banner-text h1 {
        font-size: 40px;
        font-weight: 600;
        padding: 6px 0;
    }
    .detail-banner-text p {
        font-size: 16px;
        line-height: 34px;
        margin-bottom: 0rem !important;
    }
    .course {
        position: absolute;
        left: 0;
        top: 130%;
        background-color: #00c2ff;
        color: #fff;
        font-weight: bold;
        border-radius: 8px;
        cursor: pointer;
        transition: all .2s ease-in;
        box-shadow: 3px 3px 5px rgba(22, 80, 99, 0.5);
    }
    .course:hover {
        background: #0f90ef;
    }
    .course>a {
        width: 100%;
        height: 100%;
        padding: 8px 22px;
        color: #fff;
        text-align: center;
        display: inline-block;
    }
    .go-buy {
        position: absolute;
        left: 20%;
        top: 130%;
        background-color: #ffa44b;
        color: #fff;
        font-weight: bold;
        border-radius: 8px;
        cursor: pointer;
        transition: all .2s ease-in;
        box-shadow: 3px 3px 5px rgba(22, 80, 99, 0.5);
    }
    .go-buy:hover {
        background-color: #ea7f15;
        color: #fff;
    }
    .go-buy>a {
        width: 100%;
        height: 100%;
        padding: 8px 22px;
        color: #fff;
        text-align: center;
        display: inline-block;
    }
    .product-video-wrap {
        max-width: 1226px;
        box-shadow: 0 0 2px #bfbdbd;
        margin: 20px auto;
        height: 660px;
    }
}

@media screen and (max-width:768px) {
    #course-app {
        display: block;
    }
    #courseVideo {
        display: none;
    }
}