/* mobile style*/
@media only screen and (max-width: 768px) {
    .course-single {
        position: unset;
        margin: 30px 0 0 0;
    }

    .course_info .course-menu {
        display: none;
    }

    div#top-bar {
        display: none;
    }

    .mt-footer {
        margin-bottom: 20px !important;
    }

    .video-item .video-thumbnail {
        width: 100%;
        height: 220px;
    }

    .video-item .video-content {
        width: 100%;
        padding: 18px 0;
    }

    .header-account a span {
        display: none;
    }

    i.icon-menu {
        color: var(--primary-color2) !important;
        font-size: 20px;
    }

    .header-account a {
        padding: 0;
        font-size: 20px;
    }
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


}

/**desktop**/
@media only screen and (min-width: 1440px) {

}