@media only screen and ( max-width: 1450px) {
    .container{ max-width: 95%; }
    header { padding: 10px 50px;}
    .work-section .work-content{ padding: 20px;}
    .highlight-points-section .highlight-container { padding: 0px;}
    .mission-section .mission-container { gap: 20px 80px;}
}

@media only screen and ( max-width: 1350px) {
    .banner-section .banner-content h1 { font-size: 50px;}
}

@media only screen and ( max-width: 1250px) {
    .work-section .work-img-content .work-content-items { padding: 40px 30px;}
    .quote-section .quote-content p:first-child { font-size: 34px;}
    .mission-section .mission-container { gap: 20px 40px;}
    .footer-eq-section .footer-eq-container { padding: 60px 30px 40px 30px;}
    .footer-eq-section .footer-eq-container h2 { font-size: 30px; margin-bottom: 30px;}
    .footer-eq-section .footer-eq-container .footer-eq-form { padding: 10px;}
    .highlight-points-section .highlight-container { display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr); padding: 0px 50px;}

}

@media only screen and ( max-width: 991px){
    .banner-section .founder-img img{ margin-bottom: 30px;}
    .row-reverse{ flex-direction: column-reverse;}

    .about-section .about-heading { gap: 2px; margin-bottom: 20px;}
    .about-section .founder-img{text-align: center;}
    .about-section .founder-img img { width: 60%; margin-bottom: 30px;}

    .quote-section .quote-content { padding: 20px 0px;}
    .inspiring-section .inspiring-container { margin-top: 20px;}

    .newsletter-section .heading2 { margin-bottom: 15px;}
    .newsletter-section .newsletter-container { padding-right: 0px; margin-bottom: 30px; text-align: center;}
    
    .work-section .heading2 { margin-left: 0px; margin-bottom: 20px;}
    .work-section .work-content { padding: 40px 10px 0px 10px;}
    
    .highlight-points-section .highlight-container { padding: 0px;} 
    .mission-section .mission-container { grid-template-columns: repeat(1, 1fr);}
    
    .callToAction .callToAction-content{ text-align: center;}
    .callToAction .callToAction-img{ text-align: center; margin-top: 10px;}
    .callToAction .callToAction-img img{ width: 40%;}

    footer .upper-footer .footer-gird{ margin-bottom: 30px;}
}

@media only screen and ( max-width: 650px){
    .container{ max-width: 98%;}
    .mb-80{ margin-bottom: 40px;}
    .mt-80{ margin-top: 40px;}
    h2 { font-size: 20px; font-weight: 700;}
    .btn { font-size: 12px; padding: 8px 20px; border-radius: 4px;}
    .heading { font-size: 25px; margin-bottom: 15px;}
    .heading2 { font-size: 20px; margin-bottom: 20px;}
    .heading-desc { font-size: 15px;}
    .description{ font-size: 13px; margin-bottom: 14px;}

    header { padding: 5px 15px;}
    header .web-logo img { max-width: 100px;}

    .banner-section { padding: 40px 0px;}
    .banner-section .banner-content h1 { font-size: 35px;}
    .banner-section .founder-img img { border-radius: 10px; margin-bottom: 15px;}
    .banner-section .banner-content .description { font-size: 13px; margin: 15px 0px; padding-left: 14px; border-left: 3px solid #A8640F; border-radius: 3px;}
    .banner-section .banner-content p { font-size: 20px;}

    .banner-bottom-section { padding: 40px 0px;}
    .banner-bottom-section .banner-bottom-content h3 { font-size: 20px; margin-bottom: 10px;}
    .banner-bottom-section .banner-bottom-content .banner-bottom-item h4 { font-size: 17px;}
    .banner-bottom-section .banner-bottom-content .banner-bottom-item { padding: 15px 0px 0px 0px;}
    .banner-bottom-section .banner-bottom-content .banner-bottom-item img { max-width: 100px; padding: 14px;}

    .about-section .about-heading { gap: 2px; margin-bottom: 10px;}
    .about-section .about-heading img { max-width: 40px;}
    .about-section .about-heading h2 { font-size: 24px;}
    .about-section .about-content .signature { max-width: 150px;}
    .about-section .founder-img img { width: 100%; margin-bottom: 20px; border-radius: 10px;}
    .about-section .about-content .about-social .description{ font-size: 14px; margin-top: 10px;}
    .about-section .about-content .about-social .social-media a i { padding: 8px 10px; border-radius: 6px;}

    .work-section { padding: 40px 0px 0px 0px;}
    .work-section.pb-100{ padding-bottom: 50px;}
    .work-section .heading2 { margin-left: 0px; margin-bottom: 14px;}
    .work-section .work-img-content img { border-radius: 10px 10px 0px 0px;}
    .work-section .work-img-content .work-content-items { padding: 25px 18px; border-radius: 0px 0px 10px 10px;}
    .work-section .work-img-content .work-content-items h6 { margin-top: 20px; font-size: 12px;}
    .work-section .work-img-content .work-content-items .description { font-size: 13px;}
    .work-section .work-content { padding: 30px 10px 0px 10px;}
    .work-section .work-content h3 { font-size: 20px; margin-bottom: 10px;}

    .callToAction .callToAction-img img{ width: 70%;}

    .highlight-points-section { padding: 40px 0px;}
    .highlight-points-section .highlight-container { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); padding: 0px;}
    .highlight-points-section .highlight-container .highlight-items { border-radius: 10px;}
    .highlight-points-section .highlight-container .highlight-items img { max-width: 70px; margin: 0px 0px 10px 0px;}
    .highlight-points-section .highlight-container .highlight-items .description{ margin-bottom: 0px;}

    .quote-section .quote-content p:first-child { font-size: 20px;}
    .quote-content br{ display: none;}

    .inspiring-section { padding: 50px 0px;}
    .inspiring-section .main-img img { border-radius: 6px;}
    .inspiring-section .inspiring-container { padding: 20px; margin: 5px; margin-top: 20px;}

    .mission-section { padding: 40px 0px;}
    .mission-section .mission-container { grid-template-columns: repeat(1, 1fr); gap: 0px;}
    .mission-section .mission-container .mission-items i { font-size: 25px;}
    .mission-section .mission-container .mission-items h5 { margin-bottom: 4px; font-size: 16px;}

    .newsletter-section { padding: 40px 0px;}
    .newsletter-section .heading2 { margin-bottom: 8px;}
    .newsletter-section .newsletter-container { padding-right: 0px; margin-bottom: 20px;}

    .footer-eq-section .footer-eq-container { padding: 30px 15px 40px 15px; border-radius: 20px 20px 0px 0px;}
    .footer-eq-section .footer-eq-container h2 { font-size: 18px; margin-bottom: 20px; padding: 0px;}
    .footer-eq-section .footer-eq-container h5 { font-weight: 700; margin-bottom: 8px; font-size: 14px;}
    .footer-eq-section .footer-eq-container .footer-eq-form { padding: 0px;}
    .form-section.form-section22 { padding: 15px 0px 0px 0px;  box-shadow: none; border-radius: 0px; border-top: 1px solid #A8640F30;}

    footer .upper-footer { padding: 30px 0px 10px 0px;}
    footer .upper-footer .footer-gird{ margin-bottom: 25px;}
    footer .upper-footer .footer-gird h4{ font-size: 18px; margin-bottom: 10px;}
    footer .upper-footer .footer-gird a { display: block; margin-bottom: 6px; font-size: 14px; color: var(--thm-white);}
    footer .bottom-footer{ padding: 10px 0px;}
    footer .bottom-footer img{ max-width: 50px; margin-bottom: 5px;}
    footer .bottom-footer p{ font-size: 12px;}

    .social-media a i { font-size: 16px;}
    .social-media a i{ padding: 6px 8px; border-radius: 4px;}
    
}