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

    /* ==small-device-header== */
    .header_section .nav_list {
        position: fixed;
        width: 90%;
        height: 100vh;
        background-color: #fff;
        flex-direction: column;
        top: 0;
        left: -100%;
        align-items: center !important;
        justify-content: center !important;
        z-index: 20;
        gap: 5rem;
        transition: var(--duration-500);
        -webkit-transition: var(--duration-500);
        -moz-transition: var(--duration-500);
        -ms-transition: var(--duration-500);
        -o-transition: var(--duration-500);
    }

    .header_section .nav_list.active {
        left: 0;
    }

    .menu_close_btn,
    .menu_open_btn {
        display: block;
        font-size: 2.5rem;
    }
}

/* ===responsive-for-small-device=== */
@media screen and (max-width:575.95px) {
    :root {
        --bigger-font-size: 4rem;
        --big-font-size: 3.5rem;
        --medium-font-size: 3rem;
        --normal-font-size: 2rem;
        --small-font-size: 1.8rem;
        --smaller-font-size: 1.5rem;
    }

    html {
        font-size: 8px;
    }

    /* ==============home-page================= */
    /* ===header-section=== */
    /* ==logo== */
    .header_section .logo {
        width: 80%;
        border: none;
    }

    .header_section .logo img {
        width: 20rem;
    }

    .header_section .social_btn {
        width: var(--max-size);
        justify-content: center !important;
    }

    .header_section .social_btn {
        display: none !important;
    }

    .header_section .nav_list .social_btn {
        display: flex !important;
        gap: 2rem !important;
    }

    /* ==banner-section== */
    .home_banner_section {
        height: fit-content;
        background: linear-gradient(hsla(0, 9%, 15%, 0.2), hsla(203, 100%, 15%, 0.2)), url('../images/home-banner-bg.jpg');
    }

    .home_banner_section .home_banner_text {
        width: 100%;
        text-align: center;
        margin-block-start: 7rem;
    }

    .home_banner_section .home_banner_text h3 {
        font-size: 4.1rem;
    }

    .home_banner_section .home_banner_text h2 {
        font-size: 4.8rem;
    }

    .home_banner_section .home_banner_text p br {
        display: none;
    }

    .home_banner_section .home_banner_slider {
        width: 100%;
    }

    .home_banner_slider .slider_content .slider_description {
        font-size: 2.5rem;
        line-height: 4.5rem;
    }

    .home_banner_slider .slider_content .slider_description br {
        display: none;
    }

    .home_banner_slider .slider_content .slider_place_name {
        font-size: var(--normal-font-size);
    }

    /* ==home_data_video_section== */
    .home_main_section {
        padding-block-end: 10rem;
    }

    .home_data_video_section .data_video_box {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .home_data_video_section .data_video_box .data_content,
    .home_data_video_section .data_video_box .video_content {
        width: 100%;
    }

    .home_data_video_section .data_video_box .line_break {
        width: var(--max-size);
        height: .1rem;
    }

    /* ===all-data-section=== */
    .all_data_section {
        padding-block-start: 5rem;
    }

    .all_data_section .all_data_content_box .shape {
        width: 20rem;
        height: 10rem;
    }

    .all_data_section .all_data_content_box .shape img {
        max-width: 13rem;
        padding-left: .5rem;
    }

    .all_data_content_box .all_data_title {
        margin-block-start: 4.7rem;
    }

    .all_data_content_box h3 {
        margin-block-start: 5rem;
        margin-inline: 1rem;
    }

    .table_main_box .table_box .table_list .table_title {
        width: 30%;
    }

    .table_main_box .table_box .table_list .table_title h4 {
        padding-left: .5rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 1rem;
    }

    .table_main_box .table_box .table_list .table_des {
        width: 17.5%;
        font-size: 1rem;
    }

    .table_main_box .table_box .table_list .table_des p {
        padding-block: .82rem;
        margin: 0 !important;
    }

    .table_main_box .table_box .table_list .table_description.last p {
        font-size: .728rem;
        padding-block: .38rem;
    }

    /* ====footer-section==== */
    .footer_section .footer_links_box .footer_link {
        width: 100%;
        text-align: center;
        margin-block-end: 2.5rem;
    }

    /* ===========about-us-page============= */
    .about_us_section {
        padding-block: 4rem;
    }

    .about_us_banner_content .about_us_title::before,
    .product_banner_title::before,
    .service_title::before {
        width: 8rem;
        left: -9rem;
    }

    .about_us_banner_content .about_us_title::after,
    .product_banner_title::after,
    .service_title::after {
        width: 8rem;
        right: -9rem;
    }

    .about_us_banner_content .about_us_description {
        text-align: center;
        font-size: 2.5rem;
    }

    .about_us_banner_content .about_us_description span {
        font-size: 2.7rem;
    }

    /* ==mission-section== */
    .mission_box .mission_image,
    .mission_box .mission_text {
        width: var(--max-size);
    }

    .mission_box .mission_text h2 {
        font-size: var(--bigger-font-size);
        text-align: center;
    }

    .mission_box .mission_text p {
        font-size: 2.3rem;
        color: var(--text-color-black);
        font-weight: var(--font-weight-light);
        margin-block-start: var(--mb-2-5);
    }

    /* =====about_us_service_section===== */
    .services_main_box .services_txt {
        width: var(--max-size);
    }

    .services_main_box .services_txt h2 {
        font-size: var(--bigger-font-size);
        text-align: center;
    }

    .services_main_box .services_txt span {
        text-align: center;
        display: block;
    }

    .services_main_box .service_box {
        gap: 0rem;
    }

    .services_images {
        width: 100%;
        height: 34rem;
    }

    .about_us_service_section .service_box {
        padding-inline: 0rem;
    }

    .about_us_service_section .about_services_content {
        width: 48%;
    }

    .about_us_service_section .about_services_content p .br {
        display: none;
    }

    /* .===contact-section=== */
    .contact_section .content_left_part {
        width: var(--max-size);
        height: 30rem;
        margin-block-end: 3rem;
    }

    .content_left_part h3 {
        font-size: var(--bigger-font-size);
    }

    .content_left_part p {
        font-size: var(--normal-font-size);
    }

    .content_right_part {
        width: var(--max-size);
    }

    .content_right_part .contact_form {
        width: 80%;
    }

    /* ======================product-page========================= */
    /* ==product-banner-section== */
    .product_main_box .product_left_part,
    .product_main_box .product_right_part {
        width: var(--max-size);
        text-align: center;
    }

    .product_subtitle,
    .product_video_section .video_title {
        font-size: var(--bigger-font-size);
    }

    /* ===analysis-section=== */

    .analysis_content {
        margin-block-end: 8rem;
    }

    .how_it_box {
        margin-block-start: -10rem;
        row-gap: 5rem;
    }

    .how_it_box .left_part,
    .how_it_box .right_part {
        width: 100%;
        margin-block-start: 0;
        text-align: center;
    }

    .how_it_box .left_part::after {
        display: none;
    }

    .right_part img {
        width: 90%;
        max-width: 40rem;
    }

    .analysis_other_text {
        margin-block-start: 0;
    }

    .analysis_other_text p {
        font-size: var(--small-font-size);
    }

    .analysis_other_text p br {
        display: none;
    }

    .analysis_other_text h4 {
        font-size: var(--normal-font-size);
    }

    .analysis_other_text figure {
        max-width: 90%;
        margin-block: 2rem;
    }

    /* ==milestone-section== */
    .product_milestone_section .milestone_main_box h3 {
        font-size: var(--medium-font-size);
    }

    .product_milestone_section .milestone_main_box figure {
        padding-inline: 5rem;
    }

    .product_data_video_section .product_left_part {
        margin-block-start: 3rem;
    }

    /* =====rodmap-section===== */
    .rodmap_section {
        padding-block-start: 3rem;
        color: var(--text-color-white);
    }

    .rodmap_section .rodmap_title {
        font-size: var(--bigger-font-size);
    }

    .rodmap_section .rodmap_title::after,
    .rodmap_section .rodmap_title::before {
        display: none;
    }

    .rodmap_section .rodmap_image {
        width: 95%;
        height: 17rem;
    }

    .rodmap_section .rodmap_image img {
        height: var(--max-size);
    }

    .rodmap_section .rodmap_content .rodmap_text {
        text-align: center;
        width: var(--max-size);
    }

    .rodmap_subtitle br {
        display: none;
    }

    /* =========faq-page========== */
    .faqs_main_section section {
        width: 95%;
    }


}

/* ===responsive-for-medium-device=== */
@media screen and (min-width:576px) and (max-width:991.95px) {
    html {
        font-size: 8px;
    }

    :root {
        --bigger-font-size: 5rem;
        --big-font-size: 4.5rem;
    }

    /* ===========home-page============= */
    .header_section .nav_list {
        width: 50%;
    }

    /* ==header-section== */
    .menu_open_btn {
        order: 3;
    }

    /* ==logo== */
    .header_section .logo {
        width: 50%;
        /* border:none; */
    }

    .header_section .social_btn {
        width: 40%;
    }


    /* ===========about-us-page============= */
    /* ==about-us-banner-section== */
    .about_us_section {
        padding-block: 4.5rem;
    }

    .about_us_banner_content .about_us_title::before,
    .service_title::before,
    .product_banner_title::before {
        width: 14rem;
        left: -16rem;
    }

    .about_us_banner_content .about_us_title::after,
    .service_title::after,
    .product_banner_title::after {
        width: 14rem;
        right: -16rem;
    }

    /* ==mission-section== */
    .mission_box .mission_image,
    .mission_box .mission_text {
        width: var(--max-size);
    }

    .mission_box .mission_text h2 {
        font-size: var(--bigger-font-size);
        text-align: center;
    }

    .mission_box .mission_text p {
        font-size: 2.3rem;
        color: var(--text-color-black);
        font-weight: var(--font-weight-light);
        margin-block-start: var(--mb-2-5);
    }

    /* =====about_us_service_section===== */
    .services_main_box .services_txt {
        width: var(--max-size);
    }

    .services_main_box .services_txt h2 {
        font-size: var(--bigger-font-size);
        text-align: center;
    }

    .services_main_box .services_txt span {
        text-align: center;
        display: block;
    }

    .services_main_box .service_box {
        gap: 0rem;
    }

    .services_images {
        width: 100%;
        height: 34rem;
    }

    .about_us_service_section .service_box {
        padding-inline: 0rem;
    }

    .about_us_service_section .about_services_content {
        width: 48%;
    }

    .about_us_service_section .about_services_content p .br {
        display: none;
    }

    /* .===contact-section=== */
    .contact_section .content_left_part {
        width: var(--max-size);
        height: 30rem;
        margin-block-end: 3rem;
    }


    .content_right_part {
        width: var(--max-size);
    }

    .content_right_part .contact_form {
        width: 80%;
    }



    /* ======================product-page========================= */
    /* ==product-banner-section== */
    .product_main_box .product_left_part,
    .product_main_box .product_right_part {
        width: var(--max-size);
        text-align: center;
    }

    .product_subtitle,
    .product_video_section .video_title {
        font-size: var(--bigger-font-size);
    }

    .product_data_video_section .product_left_part {
        margin-block-start: 3rem;
    }

    /* ===analysis-section=== */

    .product_analysis_section .layer {
        height: 98%;
    }

    .analysis_content {
        margin-block-end: 8rem;
    }

    .product_analysis_section .layer::before {
        width: 100%;
        height: 21.3rem;
    }

    .product_analysis_section .layer::after {
        width: 100%;
        height: 21.3rem;
        top: 41rem;
        right: 0;
    }

    .how_it_box {
        margin-block-start: -10rem;
        row-gap: 5rem;
    }

    .how_it_box .left_part,
    .how_it_box .right_part {
        width: 100%;
        margin-block-start: 0;
        text-align: center;
    }

    .how_it_box .left_part::after {
        display: none;
    }

    .right_part img {
        width: 90%;
        max-width: 40rem;
    }

    .analysis_other_text {
        margin-block-start: 0;
    }

    .analysis_other_text p {
        font-size: var(--small-font-size);
    }

    .analysis_other_text p br {
        display: none;
    }

    .analysis_other_text h4 {
        font-size: var(--normal-font-size);
    }

    .analysis_other_text figure {
        max-width: 80%;
        margin-block: 2rem;
    }

    /* ===product-video-section=== */

    .product_video_section .product_video_content {
        width: 50%;
    }

    /* =====rodmap-section===== */
    .rodmap_section {
        padding-block-start: 3rem;
        color: var(--text-color-white);
    }

    .rodmap_section .rodmap_title {
        font-size: var(--big-font-size);
    }

    .rodmap_section .rodmap_title::after {
        width: 4rem;
        left: 4rem;
        top: 2rem;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .rodmap_section .rodmap_title::before {
        width: 4rem;
        right: 4rem;
        top: 2rem;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .rodmap_section .rodmap_image {
        width: 95%;
        height: 17rem;
    }

    .rodmap_section .rodmap_image img {
        height: var(--max-size);
    }

    .rodmap_section .rodmap_content .rodmap_text {
        width: 50%;
    }

    .rodmap_subtitle br {
        display: none;
    }
}

@media screen and (min-width:576px) and (max-width:767.95px) {

    /* ==banner-section== */
    .home_banner_section {
        height: fit-content;
        background: linear-gradient(hsla(0, 9%, 15%, 0.2), hsla(203, 100%, 15%, 0.2)), url('../images/home-banner-bg.jpg');
    }

    .home_banner_section .home_banner_text {
        width: 100%;
        text-align: center;
        margin-block-start: 7rem;
    }

    .home_banner_section .home_banner_text h3 {
        font-size: 4.1rem;
    }

    .home_banner_section .home_banner_text h2 {
        font-size: 4.8rem;
    }

    .home_banner_section .home_banner_text p br {
        display: none;
    }

    .home_banner_section .home_banner_slider {
        width: 100%;
    }

    .home_banner_slider .slider_content .slider_description {
        font-size: 2.5rem;
        line-height: 4.5rem;
    }

    .home_banner_slider .slider_content .slider_description br {
        display: none;
    }

    .home_banner_slider .slider_content .slider_place_name {
        font-size: var(--normal-font-size);
    }

    /* ==home_data_video_section== */
    .home_main_section {
        padding-block-end: 10rem;
    }

    .home_data_video_section .data_video_box {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .home_data_video_section .data_video_box .data_content,
    .home_data_video_section .data_video_box .video_content {
        width: 100%;
    }

    .home_data_video_section .data_video_box .line_break {
        width: var(--max-size);
        height: .1rem;
    }

    /* ===all-data-section=== */
    .all_data_section {
        padding-block-start: 5rem;
    }

    .all_data_section .all_data_content_box .shape {
        width: 20rem;
        height: 10rem;
    }

    .all_data_section .all_data_content_box .shape img {
        max-width: 13rem;
        padding-left: .5rem;
    }

    .all_data_content_box .all_data_title {
        margin-block-start: 4.7rem;
    }

    .all_data_content_box h3 {
        margin-block-start: 5rem;
        margin-inline: 1rem;
    }

    .table_main_box .table_box .table_list .table_title {
        width: 30%;
    }

    .table_main_box .table_box .table_list .table_title h4 {
        padding-left: .5rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 1rem;
    }

    .table_main_box .table_box .table_list .table_des {
        width: 17.5%;
        font-size: 1rem;
    }

    .table_main_box .table_box .table_list .table_des p {
        padding-block: .82rem;
        margin: 0 !important;
    }

    .table_main_box .table_box .table_list .table_description.last p {
        font-size: .728rem;
        padding-block: .38rem;
    }

    /* ====footer-section==== */
    .footer_section .footer_links_box .footer_link {
        width: 100%;
        text-align: center;
        margin-block-end: 2.5rem;
    }

    /* =========faq-page========== */
    .faqs_main_section section {
        width: 90%;
    }
}

@media screen and (min-width:768px) and (max-width:991.95px) {

    /* ===home-page=== */
    /* ==banner-section== */
    .home_banner_section {
        height: 65rem;
    }

    .home_banner_section .home_banner_text h3 {
        font-size: 4.5rem;
    }

    .home_banner_section .home_banner_text h2 {
        font-size: 5.1rem;
    }

    .home_banner_section .home_banner_text p br {
        display: none;
    }

    .home_banner_section .home_banner_slider {
        width: 48%;
    }

    .home_banner_slider .slider_content .slider_description {
        font-size: 2.6rem;
        line-height: 4rem;
    }

    .home_banner_slider .slider_content .slider_description br {
        display: none;
    }

    .home_banner_slider .slider_content .slider_place_name {
        font-size: 2.2rem;
    }

    .home_banner_slider .slider_content .privacy_link {
        font-size: 1.4rem;
    }

    /* ==home_data_video_section== */
    .home_data_video_section {
        padding-block: 5rem;
    }

    .home_data_video_section .data_video_box h1 {
        font-size: var(--big-font-size);
    }

    .home_data_video_section .data_video_box p {
        font-size: 2.5rem;
    }

    .home_data_video_section .data_video_box p br {
        display: none;
    }

    .home_data_video_section .data_video_box h3 {
        font-size: 2.5rem;
    }

    .home_data_video_section .data_video_box a {
        font-size: var(--small-font-size);
    }

    /* ===all-data-section=== */
    .all_data_section {
        padding-block-start: 5rem;
    }

    .all_data_section .trail_btn {
        font-size: var(--small-font-size);
    }

    .all_data_section .all_data_content_box .shape {
        width: 30rem;
        height: 15rem;
    }

    .all_data_section .all_data_content_box .shape img {
        max-width: 19rem;
    }

    .table_main_box .table_box .table_list .table_title h4 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .table_main_box .table_box .table_list .table_des p {
        padding-block: .82rem;
    }

    .table_main_box .table_box .table_list .table_description.last p {
        font-size: 1rem;
    }

    /* ===footer-section=== */
    .footer_section .footer_links_box .footer_link .main_link,
    .footer_section .footer_links_box .footer_link .contact_btn {
        font-size: 2.6rem;
    }

    .footer_section .footer_links_box .footer_link .other_link {
        font-size: 1.8rem;
    }


    /* ===============about-us-page=============== */
    .about_us_banner_content .benifit_description span:first-child::after {
        left: -2.3rem
    }

    .about_us_banner_content .benifit_description span:last-child::after {
        left: -2.3rem
    }

    /* ===================product-page======================= */
    /* ===analysis-section=== */

    .how_it_box .left_part,
    .how_it_box .right_part {
        width: 50%;
        margin-block-start: 0;
        text-align: center;
    }

    .rodmap_section .rodmap_title::after {
        width: 5.5rem;
        left: -7rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .rodmap_section .rodmap_title::before {
        width: 5.5rem;
        right: -7rem;
        top: 50%;
        transform: translateY(0);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    /* =========faq-page========== */
    .faqs_main_section section {
        width: 85%;
    }
}

/* ====responsive-for-large-device==== */
@media screen and (min-width:992px) and (max-width:1200px) {
    html {
        font-size: 7px;
    }

    .table_main_box .table_box .table_list .table_des p {
        padding-block: .88rem;
    }

    .table_main_box .table_box .table_list .table_description.last p {
        font-size: 1rem;
    }

    /* =====product-page====== */
    .product_subtitle,
    .product_video_section .video_title {
        font-size: var(--bigger-font-size);
    }

    /* =========faq-page========== */
    .faqs_main_section section {
        width: 75%;
    }
}

/* ====responsive-for-large-device==== */
@media screen and (min-width:1199.95px) and (max-width:1400px) {
    html {
        font-size: 8px;
    }

    .table_main_box .table_box .table_list .table_description.last p {
        font-size: 1rem;
    }
}

/* ====responsive-for-extra-large-device==== */
@media screen and (min-width:1600px) {
    body {
        width: 165rem;
        margin-inline: auto;
        box-shadow: 0 .5rem 1rem hsla(0, 0%, 13%, 0.2);
    }
}