/* Large Screens (max-width: 1899px) */
@media (max-width: 1899px) {
    /* Teacher */
    .teacher .tag-img {
        left: 75px;
    }
}

/* Large Screens (max-width: 1699px) */
@media (max-width: 1699px) {
    /* Teacher */
    .teacher .tag-img {
        top: 50px;
        left: 55px;
    }

    /* Footer */
    .footer_main .vector_shape {
        right: 66px;
    }
}

/* Large Screens (min-width: 1400px) */
@media screen and (min-width: 1400px) {
    /* container */
    body .container {
        max-width: 1400px;
    }
    /* Teacher */
    .teacher .content {
        width: 470px;
        margin-left: auto;
        padding-left: 0;
    }
}

/* Large Screens (max-width: 1399px) */
@media (max-width: 1399px) {
    /* Teacher */
    .teacher .tag-img {
        width: 70px;
        height: 70px;
    }

    /* Discount Banner */
    .discount_countdown .countdown h2 span {
        padding-left: 14px;
    }
    .discount_countdown ul.countdown li {
        gap: 12px;
    }
    .discount_countdown ul.countdown {
        gap: 24px;
    }

    /* Course Details */
    .course_detail .info .info_left {
        gap: 48px;
    }
    .course_detail .info .info_right {
        gap: 48px;
        padding-left: 48px;
        margin-left: 48px;
    }

    /* Login */
    .form_page .form_block .shapes img:nth-child(2) {
        display: none;
    }
}

/* Large Screens (max-width: 1200px) */
@media (max-width: 1200px) {
    /* Teacher */
    .teacher .tag-img,
    .teacher .dots1-img {
        display: none;
    }
}

/* Large Screens (max-width: 1199px) */
@media (max-width: 1199px) {
    /* Questions */
    .questions .contact_banner .icons .element-1 {
        left: 77px;
    }
    .questions .contact_banner .icons .element-2 {
        left: 61px;
    }
    .questions .contact_banner .icons .element-3 {
        left: 98px;
    }
    .questions .contact_banner .icons .element-4 {
        left: 171px;
    }
    .questions .contact_banner .icons .element-5 {
        left: 310px;
    }
    .questions .contact_banner .icons .element-6 {
        right: 118px;
    }
    .questions .contact_banner .icons .element-7 {
        right: 61px;
    }
    .questions .contact_banner .icons .element-8 {
        right: 62px;
    }
    .questions .contact_banner .icons .element-9 {
        right: 148px;
    }

    /* Course Details */
    .course_detail .info .info_left {
        gap: 24px;
    }
    .course_detail .info .info_right {
        gap: 24px;
        padding-left: 24px;
        margin-left: 24px;
    }

    /* Login */
    .form_page {
        background: #fefcfb;
    }
}

/* Large Screens (1400px - 1799px) */
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
    /* Landing */
    .Landing .icons img:nth-child(1) {
        right: 505px;
    }
    .Landing .icons img:nth-child(2) {
        right: 668px;
    }
    .Landing .icons img:nth-child(3) {
        right: 424px;
    }
    .Landing .icons img:nth-child(4) {
        right: 561px;
    }
    .Landing .banner_feature_card {
        right: 22%;
    }
    .Landing .main_img {
        right: 7%;
    }
}

/* Medium to Large Screens (992px - 1399px) */
@media only screen and (min-width: 992px) and (max-width: 1399px) {
    /* Landing */
    .Landing .icons img:nth-child(1) {
        right: 377px;
        top: 120px;
        width: 40px;
    }
    .Landing .icons img:nth-child(2) {
        right: 516px;
        top: 115px;
        width: 46px;
    }
    .Landing .icons img:nth-child(3) {
        right: 327px;
        top: 216px;
        width: 32px;
    }
    .Landing .icons img:nth-child(4) {
        right: 454px;
        top: 211px;
        width: 40px;
    }
}

/* Medium Screens (992px - 1100px) */
@media (min-width: 992px) and (max-width: 1100px) {
    /* navbar */
    #navbar .navbar-nav li a.nav-link {
        padding: 20px 0;
    }
}

/* Tablets (max-width: 991px) */
@media (max-width: 991px) {
    /* constant */
    h2,
    .h2 {
        font-size: 42px !important;
        letter-spacing: -0.42px !important;
    }
    h1,
    .h1 {
        font-size: 50px !important;
        letter-spacing: -1px;
    }

    /* navbar */
    #navbar #main-btn {
        border: none;
    }
    /* Landing */
    .Landing .icons {
        display: none;
    }
    .Landing .content-imgs {
        display: none;
    }

    /* Teacher */
    .teacher .content {
        margin-left: auto;
        padding-left: 12px;
        background-position: center left;
    }

    /* Discount Banner */
    .discount_countdown .dial {
        display: none;
    }
    .discount_countdown {
        height: 300px;
    }
    .discount_countdown .countdown h2 span {
        width: auto;
        color: #2a322d;
        padding-left: 0;
    }

    /* Banner Pages */
    .page_banner {
        height: 450px;
    }
    .page_banner .banner_image img {
        width: 367px;
    }
    /* Benefits */
    .benefit .card_block:nth-child(even) {
        margin-top: -40px;
    }
    .benefit .card_block:nth-child(odd) {
        margin-top: 0;
    }
    /* about Us */
    .about .kingBtn {
        display: block;
        margin-left: auto;
    }
    /* Questions */
    .questions .contact_banner .icons .element-1 {
        left: 27px;
    }
    .questions .contact_banner .icons .element-2 {
        left: 11px;
    }
    .questions .contact_banner .icons .element-3 {
        left: 48px;
    }
    .questions .contact_banner .icons .element-4 {
        left: 71px;
    }
    .questions .contact_banner .icons .element-5 {
        left: 210px;
    }
    .questions .contact_banner .icons .element-6 {
        right: 68px;
    }
    .questions .contact_banner .icons .element-7 {
        right: 11px;
    }
    .questions .contact_banner .icons .element-8 {
        bottom: 0px;
        width: 140px;
        height: 140px;
    }
    .questions .contact_banner .icons .element-9 {
        right: 90px;
    }
}

/* Small Screens (max-width: 768px) */
@media (max-width: 768px) {
    /* constant */
    h4,
    .h4 {
        font-size: 24px !important;
    }
    p {
        font-size: 14px !important;
    }
    h2,
    .h2 {
        font-size: 36px !important;
        letter-spacing: -0.36px !important;
    }
    h1,
    .h1 {
        font-size: 32px !important;
        letter-spacing: -0.76px;
    }

    /* popular courses */
    .P-Courses .image,
    .p_course_box .image {
        width: 55px;
    }
    .P-Courses .slide-content,
    .p_course_box .slide-content {
        flex-direction: column;
        margin-left: 26px;
        padding-right: 16px;
    }
    .P-Courses .left-content,
    .p_course_box .left-content {
        padding-left: 40px;
        padding-bottom: 0;
    }
    .P-Courses .right-content,
    .p_course_box .right-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .P-Courses .right-content::before,
    .p_course_box .right-content::before {
        display: none;
    }
    .P-Courses .left-content .author_card img,
    .p_course_box .left-content .author_card img {
        width: 50px;
    }
    .P-Courses .left-content .author_card .author_text,
    .p_course_box .left-content .author_card .author_text {
        width: fit-content;
        padding: 8px 16px 8px 40px;
    }

    /* Questions */
    .questions .contact_banner .icons .element-2 {
        display: none;
    }
    .questions .contact_banner .icons .element-3 {
        left: 18px;
    }
    .questions .contact_banner .icons .element-4 {
        display: none;
    }
    .questions .contact_banner .icons .element-5 {
        left: 50px;
    }
    .questions .contact_banner .icons .element-6 {
        right: 18px;
        width: 50px;
    }
    .questions .contact_banner .icons .element-7 {
        right: 11px;
        display: none;
    }
    .questions .contact_banner .icons .element-9 {
        right: 90px;
        display: none;
    }
    /* Footer */
    .footer_main .newsletter_block form {
        width: auto;
    }
    /* Banner Pages */
    .page_banner .row {
        gap: 24px;
        padding: 210px 0px 0px;
    }
    .page_banner {
        height: 400px;
    }
    /* Course Details */
    .course_detail .info {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .course_detail .info .info_right {
        padding-left: 0;
        margin-left: 0;
        border: none;
        justify-content: flex-start;
    }
    /* navbar */
    #navbar .navbar-brand p {
        font-size: 15px;
    }
    #navbar .navbar-brand img {
        width: 3.1rem;
    }

    /* Landing */
    .Landing h1.title {
        font-size: 40px;
    }
    .Landing .rocket-icon {
        width: 4rem;
        right: -60px;
    }
}

/* Small Screens (max-width: 600px) */
@media (max-width: 600px) {
    /* navbar */

    #navbar .navbar-brand {
        margin: 0;
    }
}

/* Extra Small Screens (max-width: 575px) */
@media (max-width: 575px) {
    /* constant */
    h1,
    .h1 {
        font-size: 42px !important;
        letter-spacing: -0.54px;
    }
    h2,
    .h2 {
        font-size: 32px !important;
        letter-spacing: -0.32px !important;
    }

    /* Testimonials */
    .testimonials .quote_icon {
        width: 80px;
        height: 80px;
    }
    .testimonials .vector_hol {
        width: 64px;
        height: 60px;
    }
    .testimonials .dots_group {
        width: 81px;
        height: 38px;
    }
    .testimonials_slider .testimonials_box {
        flex-direction: column;
        margin-bottom: 24px;
    }

    /* Banner Pages */
    .page_banner .circle_vector {
        left: auto;
        right: -70px;
        transform: rotate(90deg);
    }

    /* Benefits */
    .benefit .card_block:nth-child(even) {
        margin-top: 0px;
    }

    /* Blog Details */
    .blog_detail h3 {
        font-size: 26px;
        letter-spacing: -0.26px;
    }

    /* Login */
    .form_page .form_block {
        margin-top: 64px;
    }
    .form_page .form_block .text_block .or::after,
    .form_page .form_block .text_block .or::before {
        top: 12px;
    }
    .form_page .form_block .text_block .bottom-row {
        justify-content: center;
    }
    .form_page .form_block .shapes img:nth-child(1) {
        display: none;
    }
}

/* Extra Small Screens (max-width: 492px) */
@media (max-width: 492px) {
    /* Discount Banner */
    .discount_countdown ul.countdown li {
        gap: 6px;
        flex-direction: column;
        justify-content: center;
    }
}

/* Very Small Screens (max-width: 425px) */
@media (max-width: 425px) {
    /* title */
    h1.main-title {
        font-size: 45px;
    }
}

/* Smallest Screens (max-width: 360px) */
@media (max-width: 360px) {
    /* popular courses */
    .P-Courses .left-content img.tag-img,
    .p_course_box .left-content img.tag-img {
        display: none;
    }
}