/* media queries for responsive */
@media only screen and (max-width: 1299px) {
    .container{
        padding: 0 12px;
    }
}
@media only screen and (max-width: 991px) {
    .main_title{
        font-size: 32px;
        line-height: normal;
    }
    .about_us_section .card_row .card {
        width: 50%;
    }
    .footer_section .footer_content{
        text-align: center;
        gap: 12px;
        flex-direction: column;
    }
    .footer_section{
        padding: 40px 0;
    }
}

@media only screen and (max-width: 768px) {
    .hero_section{
        flex-wrap: wrap;
    }
    .hero_section .heroleft_imgwrpper{
        min-height: 300px;
    }
    .hero_section .heroleft_imgwrpper, .hero_section .heroright_detailswrapper{
        width: 100%;
    }

    .hero_section .heroright_detailswrapper .herorightdtls_wrapperinner{
        max-width: 100%;
        padding: 32px 30px;
    }
    .hero_section .heroright_detailswrapper .herorightdtls_wrapperinner .get_in_touch{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .about_us_section,
    .contact_form .contact_form_wrpper{
        padding: 40px 15px;
    }
    .contact_form .contactform_details .contact-title{
        margin-bottom: 20px;
    }
    .contact_form .contactform_details .content_wrapper .email_phone_text, 
    .contact_form .contactform_details .contactform_details_text{
        margin-bottom: 16px;
    }
    .contact_form .contactform_details .contactform_details_texttwo,
    .contact_form .contact_form_wrpper .custom_form .doc_upload{
        margin-bottom: 16px;
    }
    .about_us_section .card_row .card{
        width: 100%;
        padding: 0 16px 24px;
    }
    .main_title{
        font-size: 28px;
    }
}

@media only screen and (max-width: 768px) {
    .toggle-header::after{
        width: 230px;
    }
}