@media screen and (max-width: 1200px) {
    .fusion-tb-header .fusion-fullwidth {
        width: 100%;
    }
}



@media screen and (max-width: 1000px) {

    .container {
        width: 100% !important;
    }
    .page-template-page-course #main>.fusion-row, .page-template-page-catalog #main>.fusion-row {
        display: block !important;
    }


    .hero_wrapper .hero_content .hero-btn .btn {
        margin-top: 10px;
    }


    .catalog_item {
        flex-basis: 49%;
    }

    .fusion-flex-container .fusion-row.fusion-flex-content-wrap {
        justify-content: space-between;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .awb-menu.collapse-enabled.mobile-mode-collapse-to-button.expanded .awb-menu__main-ul {
        overflow:visible !important;
    }
}

@media screen and (max-width: 800px) {
    
    .row {
        flex-wrap: wrap;
    }
    .row .col {
        flex-basis: 100%;
        padding: 30px;
    }

    .course_instructor .col:first-child {
        flex-basis: 100%;
        order: 2;
    }
    
    .catalog_title h2 {
        font-size: 60px !important;
    }

    .catalog_item {
        flex-basis: 100%;
    }

    .wpml-ls-legacy-dropdown {
        padding: 0;
    }

    .header_options_column {
        order:1;
    }
    .header_menu_column {
        order:2;
    }

    .fusion-tb-header .fusion-fullwidth .fusion-button {
        padding: 0px 4px !important;
    }

    #main>.fusion-row {
        display: block !important;
    }

    .single-lesson #primary {
        margin-left: 0;
        padding: 10px;
    }

    .single-lesson .lesson_summary {
        transform: translateX(-100%);
    }
    #toggle_course_summary {
        display:block;
        text-align: right;
    }
    .single-lesson #primary h1 {
        margin-top: 0;
        margin-bottom: 20px;
    }

}