/*============================
Min - Width Query
============================*/

@media (min-width: 1400px) {
    .edu_header_container {
        max-width: 1644px;
    }
    .container {
        max-width: 1234px;
    }
}

/*============================
Max - Width Query
============================*/

@media (max-width: 1875px) {
    h3 {
        font-size: 29px;
    }
    .edu_banner_text h2 {
        font-size: 48px;
    }
    .edu_footer_text h2 {
        font-size: 39px;
    }
    .edu_banner_img .video_course {
        left: -120px;
        max-width: 235px;
    }
    .edu_bnrleft {
        max-width: 550px;
        top: 40px;
    }
    .edu_bnrright {
        max-width: 520px;
    }
}

@media (max-width: 1700px) {
    h3 {
        font-size: 28px;
    }
    .edu_banner_text h2 {
        font-size: 46px;
    }
    .edu_footer_text h2 {
        font-size: 38px;
    }
    .edu_banner_wrapper {
        padding: 75px 0 220px;
        background-size: cover;
    }
    .edu_banner_img .video_course {
        left: -60px;
        max-width: 225px;
    }
    .edu_bnrleft {
        max-width: 440px;
        top: 150px;
    }
    .edu_bnrright {
        max-width: 425px;
        top: 150px;
    }
    .edu_footer_wrapper {
        background-size: cover;
    }
}

@media (max-width:1499.98px) {
    h3 {
        font-size: 27px;
    }
    .edu_banner_text h2 {
        font-size: 44px;
    }
    .edu_footer_text h2 {
        font-size: 36px;
    }
    .edu_banner_img .video_course {
        top: -20px;
        left: -50px;
        max-width: 215px;
    }
    .edu_bnrleft {
        max-width: 440px;
        top: unset;
        bottom: 130px;
    }
    .edu_bnrright {
        max-width: 360px;
        top: 190px;
    }
}

@media (max-width:1399.98px) {
    h3 {
        font-size: 26px;
    }
    .edu_banner_text h2 {
        font-size: 42px;
    }
    .edu_footer_text h2 {
        font-size: 34px;
    }
    .edu_banner_img .video_course {
        left: -40px;
    }
    .edu_bnrleft {
        max-width: 340px;
        bottom: 190px;
    }
    .edu_bnrright {
        max-width: 320px;
    }
    .edu_demo_list .row {
        row-gap: 30px;
    }
    .edu_bootstrap_img {
        margin-left: auto;
    }
    .edu_layout_3 {
        gap: 50px;
    }
    .edu_feature_box {
        padding: 50px 15px;
    }
    .edu_support_content {
        padding: 50px 50px 0 70px;
    }
    .edu_footer_logo img {
        max-width: 170px;
    }
}

@media (max-width:1199.98px) {
    h3 {
        font-size: 25px;
    }
    .edu_section_wrapper {
        padding: 70px 0;
    }
    .edu_layouts_wrapper {
        padding-bottom: 35px;
    }
    .edu_banner_text h2 {
        font-size: 40px;
    }
    .edu_footer_text h2 {
        font-size: 32px;
    }
    .edu_bnrleft,
    .edu_bnrright {
        bottom: 30%;
        top: unset;
        max-width: 30%;
        opacity: 0.3;
    }
    .edu_banner_img .video_course {
        left: -30px;
        max-width: 205px;
    }
    .edu_banner_wrapper {
        padding: 70px 0 220px;
    }
    .edu_banner_desktop p {
        top: -35px;
        right: -35px;
        font-size: 18px;
        width: 90px;
        height: 90px;
    }
    .edu_demo_wrapper {
        padding-bottom: 60px;
    }
    .edu_dashboard_inner.instructor {
        margin-top: 30px;
    }
    .edu_font_content .font-1 {
        right: -120px;
        max-width: 55px;
    }
    .edu_font_content .font-2 {
        left: -120px;
        max-width: 55px;
    }
    .edu_browser_content .browser-2 {
        bottom: -25px;
        right: -70px;
    }
    .edu_browser_content .browser-1 {
        left: -70px;
        top: 0;
    }
    .edu_layout_3 {
        gap: 30px;
    }
    .edu_support_content {
        padding: 50px 50px 0;
    }
    .edu_footer_logo img {
        max-width: 160px;
    }
}

@media (max-width:991.98px) {
    h3 {
        font-size: 24px;
    }
    .edu_section_wrapper {
        padding: 60px 0;
    }
    .edu_banner_text h2 {
        font-size: 38px;
    }
    .edu_footer_text h2 {
        font-size: 30px;
    }
    .edu_header_wrapper {
        padding: 20px 0;
    }
    .edu_toggle_btn,
    .edu_res_logo {
        display: block;
    }
    .edu_nav_item ul {
        position: fixed;
        left: -280px;
        top: 0;
        height: 100vh;
        background-color: var(--edu-white-color);
        width: 280px;
        padding: 30px 20px;
        margin: 0;
        z-index: 111;
        transition: all 0.5s;
        flex-direction: column;
        gap: 20px;
    }
    .menu-open .edu_nav_item ul {
        left: 0;
    }
    .edu_res_logo {
        margin-bottom: 20px;
    }
    .edu_nav_item ul li a {
        padding: 0 0 10px;
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
    }
    .edu_banner_wrapper {
        padding: 65px 0 220px;
    }
    .edu_banner_img .video_course {
        left: -20px;
        max-width: 195px;
    }
    .edu_banner_desktop p {
        font-size: 16px;
        width: 80px;
        height: 80px;
        top: -30px;
        right: -30px;
    }
    .edu_demo_wrapper {
        padding-bottom: 50px;
    }
    .edu_responsive_img::before,
    .edu_font_content::before {
        width: 185px;
        height: 185px;
    }
    .edu_responsive_img::after {
        width: 350px;
        height: 350px;
        left: -100px;
    }
    .edu_dashboard_inner.student .edu_dashboard_text,
    .edu_dashboard_inner.instructor .edu_dashboard_text {
        margin: unset;
    }
    .edu_dashboard_text .line {
        max-width: 225px;
        width: 100%;
    }
    .edu_dashboard_inner.student .line,
    .edu_dashboard_inner.instructor .line {
        right: 0;
        left: 0;
    }
    .edu_font_content .font-1 {
        right: -85px;
        max-width: 50px;
    }
    .edu_font_content .font-2 {
        left: -85px;
        max-width: 50px;
    }
    .edu_font_img.img-3 p {
        font-size: 15px;
    }
    .edu_browser_content .browser-1,
    .edu_browser_content .browser-2 {
        display: none;
    }
    .edu_browser_content::before {
        bottom: 125px;
    }
    .edu_browser_content::after {
        width: 330px;
        height: 330px;
        left: -20px;
        top: -10px;
    }
    .edu_bootstrap_content {
        flex-wrap: wrap;
    }
    .edu_bootstrap_img {
        text-align: center;
        margin: unset;
    }
    .edu_revolution_img,
    .edu_doc_img {
        margin: auto;
    }
    .edu_bootstrap_text,
    .edu_bootstrap_text p,
    .edu_revolution_text,
    .edu_revolution_text p,
    .edu_doc_text,
    .edu_doc_text p {
        max-width: fit-content;
        text-align: center;
        margin: auto;
        min-width: fit-content;
        padding-bottom: 0;
    }
    .edu_bootstrap_text::before,
    .edu_revolution_text::before,
    .edu_doc_text::before {
        display: none;
    }
    .edu_revolution_content,
    .edu_doc_content {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .edu_revolution_text h3,
    .edu_doc_text h3 {
        max-width: 100%;
    }
    .edu_layout_2,
    .edu_layout_3 {
        width: 100%;
        margin: unset;
        position: absolute;
        z-index: 2;
    }
    .edu_layout_2 {
        top: 15px;
    }
    .edu_layout_3 {
        bottom: 20px;
        gap: 100px;
    }
    .edu_layout img {
        max-width: 200px;
    }
    .edu_support_heading,
    .edu_support_heading h5 {
        margin: auto;
        text-align: center;
    }
    .edu_support_heading h3 {
        margin: 10px auto 15px;
    }
    .edu_footer_logo img {
        max-width: 140px;
    }
}

@media (max-width:767.98px) {
    body {
        font-size: 15px;
    }
    h3 {
        font-size: 22px;
    }
    .edu_section_wrapper {
        padding: 50px 0;
    }
    .edu_header_wrapper {
        padding: 20px 0;
    }
    .edu_banner_text h2 {
        font-size: 35px;
    }
    .edu_footer_text h2 {
        font-size: 28px;
    }
    .edu_bnrleft,
    .edu_bnrright {
        bottom: 35%;
    }
    .edu_banner_wrapper {
        padding: 50px 0 220px;
    }
    .edu_banner_img .video_course {
        left: -20px;
        max-width: 185px;
    }
    .edu_banner_desktop p {
        width: 70px;
        height: 70px;
        top: -20px;
        right: -20px;
    }
    .edu_demo_bg p {
        width: 70px;
        height: 70px;
        font-size: 16px;
        right: -15px;
    }
    .edu_demo_wrapper {
        padding-bottom: 40px;
    }
    .edu_responsive_img::before {
        bottom: 30px;
    }
    .edu_dashboard_inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
    .edu_dashboard_inner.instructor {
        flex-direction: column-reverse;
    }
    .edu_font_content .font-1 {
        right: -25px;
        max-width: 45px;
    }
    .edu_font_content .font-2 {
        left: -25px;
        max-width: 45px;
    }
    .edu_font_img.img-3 p {
        font-size: 14px;
    }
    .edu_browser_content::before {
        bottom: 100px;
        width: 80px;
        height: 80px;
    }
    .edu_browser_content::after {
        width: 220px;
        height: 220px;
    }
    .edu_layout img {
        max-width: 100%;
    }
    .edu_layout_2,
    .edu_layout_3 {
        opacity: .5;
        z-index: auto;
    }
    .edu_support_content {
        padding: 50px 30px 0;
    }
    .edu_footer_logo img {
        max-width: 120px;
    }
    .edu_footer_wrapper {
        padding: 470px 0 45px;
    }
}

@media (max-width:575.98px) {
    body,
    h5,
    .edu_inner_text h6 {
        font-size: 14px;
    }
    h3 {
        font-size: 20px;
    }
    .edu_section_heading h5 {
        padding: 10px 15px;
        letter-spacing: 0.2em;
    }
    .edu_header_wrapper {
        padding: 15px 0;
    }
    .edu_banner_text h2 {
        font-size: 32px;
    }
    .edu_footer_text h2 {
        font-size: 26px;
    }
    .edu_btn,
    .edu_inner_text h6 {
        min-width: 130px;
        min-height: 50px;
    }
    .edu_banner_wrapper {
        padding: 40px 0 200px;
    }
    .edu_banner_img .video_course {
        left: -5px;
        max-width: 160px;
    }
    .edu_banner_desktop p {
        right: -5px;
    }
    .edu_banner_btn {
        gap: 15px;
    }
    .edu_banner_play {
        gap: 10px;
    }
    .edu_banner_play span {
        width: 50px;
        height: 50px;
    }
    .edu_responsive_img::before {
        bottom: 35px;
        width: 110px;
        height: 110px;
        right: 0;
    }
    .edu_font_content .font-1 {
        right: -10px;
        max-width: 40px;
    }
    .edu_font_content .font-2 {
        left: -10px;
        max-width: 40px;
    }
    .edu_font_img.img-3 p {
        font-size: 12px;
    }
    .edu_browser_content::before {
        display: none;
    }
    .edu_browser_icon {
        gap: 15px;
        padding: 15px;
    }
    .edu_browser_icon img {
        max-width: 35px;
    }
    .edu_revolution_img::after {
        right: -10px;
    }
    .edu_layout_2,
    .edu_layout_3 {
        opacity: .3;
    }
    .edu_feature_card {
        max-width: 300px;
        margin: auto;
    }
    .edu_feature_box {
        padding: 30px 15px;
    }
    .edu_feature_text {
        margin-top: 25px;
    }
    .edu_support_content {
        padding: 50px 15px 0;
    }
    .edu_support_heading h3::before {
        display: none;
    }
    .edu_footer_logo img {
        max-width: 100px;
    }
    .edu_footer_wrapper {
        padding: 460px 0 35px;
    }
    .edu_footer_text h3 {
        margin-bottom: 5px;
    }
}

@media (max-width:475.98px) {
    .edu_banner_text h2 {
        font-size: 26px;
    }
    .edu_footer_text h2 {
        font-size: 24px;
    }
}