@media(max-width:1199px) and (min-width:992px) {
    header .menu ul li a {
        padding: 5px 14px;
    }

    .hero_content h2 {
        font-size: 40px;
    }

    .about-content h2 {
        font-size: 35px;
    }
}

@media(max-width:991px) {
    header .menu {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #000;
        align-items: start;
        flex-flow: column;
        justify-content: start;
        padding-top: 25px;
        top: 0;
        gap: 30px;
    }

    header .menu .main_btn {
        margin-left: 20px;
    }

    header .menu ul {
        flex-flow: column;
        gap: 15px;
    }

    .hero_section {
        height: 100%;
    }

    .hero_section {
        height: 100%;
        padding: 70px 0px;
    }

    .logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bar_icon {
        color: #fff;
        font-size: 30px;
        display: block;
    }

    .menu.active {
        left: 0;
    }
}

@media(max-width:767px) and (min-width:570px) {
    .hero_content h2 {
        font-size: 45px;
    }

    .about-content h2 {
        font-size: 35px;
    }

    .quick_links,
    .contact_us {
        margin-top: 25px;
    }

    .call_btn_main .btm_call {
        width: 100%;
    }

    .call_btn_main {
        display: block;
        border: 0;
    }

    .call_btn_main .btm_call:first-child {
        border-right: 0px solid #ffffff75;
        border-bottom: 1px solid #ffffff75;
    }

    .call_btn_main .btm_call:last-child {
        padding-left: 0;
    }
}

@media(max-width:569px) {
    .hero_content h2 {
        font-size: 40px;
    }

    .about-content h2 {
        font-size: 30px;
    }

    .quick_links,
    .contact_us {
        margin-top: 25px;
    }

    .call_btn_main .btm_call {
        width: 100%;
    }

    .call_btn_main {
        display: block;
        border: 0;
    }

    .call_btn_main .btm_call:first-child {
        border-right: 0px solid #ffffff75;
        border-bottom: 1px solid #ffffff75;
    }

    .call_btn_main .btm_call:last-child {
        padding-left: 0;
    }

    .products_section .about-content {
        flex-flow: column;
        justify-content: start !important;
        align-items: self-start !important;
        gap: 15px;
    }

    .about-content .list-choose li {
        font-size: 15px;
    }

    .faq_content .accordion-item .accordion-button {
        font-size: 15px;
    }

    .call_contentn h2 {
        font-size: 25px;
    }

    .call_contentn {
        padding: 30px 20px;
    }

    .form_call {
        padding: 0px;
    }

    .mt-100 {
    margin-top: 60px;
}
}