@media (min-width: 1200px) {
    #all_courses .container.has-category{
        max-width: 1290px;
    }
}
@media (min-width: 1000px) {
    #payment .container, #course_content .container, #course_classroom .container, #introduce_course .container {
        max-width: 970px;
    }
    .navbar-collapse.collapse{
        padding: 0;
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
    }
    .navbar-right{
        margin-left :auto;
    }
    .info-user-mobile{
        display: none !important;
    }
}
@media (max-width: 990px) {
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
}


@media (max-width: 768px){
    #header{
        padding: 5px 0 5px 15px !important;
    }
    ul.navbar-nav > li > a{
        padding-left: 0!important;
    }
    #sign-up{
        padding: 0 !important;
    }
    .main {
        border-radius: 0 !important;
        padding: 30px 15px !important;
    }
    #slideshow .item{
        height: auto !important;
    }
    #slideshow .item .slideshow-content{
        display: block !important;
    }
    .note-video.hachium{
        height: auto !important;
    }

    .navbar-collapse {
        background-color: transparent !important;
        -webkit-transition: 0.5s !important;
    }

    #image_text .text{
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .position-right{
        margin-right: 0;
    }
    #course_content .title-lecture {
        width: auto !important;
        white-space: normal !important;
    }
    #banner{
        height: auto !important;
    }
    iframe{
        max-width: 100% !important;
    }

    #all_courses .col-1{
        width: 100% !important;
    }
    #all_courses .col-2{
        width: 100% !important;
    }
    #all_courses #search-by-author .btn{
        display: none !important;
    }
    #hachium-active-course .content{
        width: auto !important;
    }
    #hachium-register-affiliate .content{
        width: auto !important;
    }
    .input-search-course{
        margin-top: 20px !important;
    }
    #feedback .owl-stage{
        margin-left: 14px !important;
    }
    .course-content-col-1,  .course-content-col-2{
        width: 100% !important;
        margin: 0 !important;
        float: none!important;
    }
    .course-content-col-2{
        padding: 0 10px 10px 10px !important;
    }
    .info-user-mobile{
        display: block !important;
    }
    .info-user-desktop{
        display: none !important;
    }
    .navbar.navbar-fixed-top{
        position: relative !important;
    }
    .item-loop{
        width: 100% !important;
    }
    .content-section{
        position: unset !important;
    }
}