@media(max-width: 767px) {
    .header-area .header-btn { font-size: 0; background: transparent; border: none; padding: 0; }
    .header-btn i { display: block; font-size: 24px; }
    .header-toggle { font-size: 0; }
    .about-img img { width: 170px; }
    .about_shape { bottom: 0px; right: 0px; }
    .mainmenu { width: 320px; }
    .banner-text h1 { font-size: 40px; line-height: 50px; }
    .banner-img { right: 0; bottom: -80px; width: 340px; margin-top: -50px; }
    .site-heading .heading { font-size: 28px; line-height: 42px; }
    .about-area { padding-top: 50px; padding-bottom: 100px; }
    .faq-img { display: none; }
    .footer-widget { margin: 30px 0; }
}

@media(max-width: 575px) {
    .banner-inn { text-align: center; }
    .banner-img { position: relative; right: 0; bottom: -80px; width: auto; float: none; }
    .site-heading .heading { font-size: 32px; line-height: 44px; }
    .faq-accordion { padding: 0; margin-top: 30px; }
}

@media(max-width: 420px) {
    .mainmenu { width: 100%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-img img { width: 100%; }
    .banner-text h1 { font-size: 40px; line-height: 50px; }
    .faq-img { display: none; }
}