@media (min-width: 767px) and (max-width: 1025px) {

    .hero-banner h1 {
        font-size: 55px;
        line-height: 60px;
    }

    .small-fnt {
        font-size: 22px;
        line-height: 28px;
    }

    .large-heading {
        font-size: 33px;
        line-height: 38px;
    }

    .home-page .sub-section>div:first-child>h2 {
        font-size: 28px;
    }

    .contact-info-banner>div>img {
        object-position: 100% 25%;
    }

    .home-page .sub-section>div:nth-child(2),
    .home-page .sub-section>div:first-child {
        width: 50%;
    }

    .contact-info-banner>img {
        display: none;
    }

    .home-services-content .services-card {
        padding: 20px;
    }

    .recent-post-content {
        padding: 20px 0;
    }

    section.why-choose>div>h2,
    section.our-approach>div>h2 {
        padding: 0;
    }

    .contact-info,
    .contact-form {
        width: 100%;
    }

    section.contact-us.bleed-container>div {
        display: block;
    }

    .contact-form {
        padding: 5%;
    }

    /*
    .home-contact-form>div {
        display: block;
    }

    .home-contact-form>div:last-child>p {
        display: block;
        margin-bottom: 0;
    } */

    .why-choose-card {
        padding: 28px 10px;
        width: 47%;
    }

    .our-approach-content {
        padding: 25px 0 0;
    }

    .home-testimonial-content.slick-initialized.slick-slider {
        padding: 0;
    }

    .home-testimonials-header,
    .home-testimonial-content.slick-initialized.slick-slider {
        width: 50%;
    }

    .home-testimonials-banner {
        display: none;
    }

    .benefit-insulation-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    section.benefit-insulation.bleed-container {
        padding-top: 32px;
        padding-bottom: 20px;
    }

    .benefit-insulation-card {
        padding: 15px;
        border: none;
    }

}

@media (max-width: 767px) {

    .content-section-box .why-choose-cards {
        display: block;
    }

    .faq-sec .container-boxed {
        max-width: 100% !important;
        /* margin: 0 auto; */
    }

    .small-fnt {
        font-size: 22px;
        line-height: 28px;
    }

    .text-center .large-heading {
        max-width: 100%;
        margin: 0 auto 22px;
        font-size: 32px;
        line-height: 40px;
    }

    /* .table-config {
        min-width: 767px;
    } */

    .table-config table {
        width: 800px !important;
    }

    .table-config {
        max-width: 767px;
        overflow: scroll;
    }

    .contact-info-banner>img {
        display: none;
    }

    /* Responsive headings */
    .home-page .sub-section>div:first-child>h2 {
        font-size: 30px;
        line-height: 35px;
    }

    /*  */

    .home-page .sub-section>div:first-child,
    .contact-info,
    .contact-form {
        width: 100%;
    }

    .contact-form {
        padding: 25px;
    }

    footer>div:first-child .ast-builder-footer-grid-columns>div {
        padding-bottom: 0 !important;
        padding-top: 40px !important;
    }

    .our-approach-content {
        padding: 20px 0;
    }

    section.sub-section {
        margin-top: 35px;
    }

    .info-banner>div h2 {
        font-size: 30px;
        line-height: 35px;
    }

    section.info-banner {
        padding: 8%;
    }

    .home-page .heading {
        padding: 10px;
    }

    section.benefit-insulation.bleed-container {
        padding: 22px;
    }

    .ast-container.home-page,
    header#masthead #ast-desktop-header,
    #content .ast-container section.hero-banner.bleed-container,
    footer .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
        padding: 0;
    }

    footer>div:first-child .ast-builder-footer-grid-columns>div:first-child p,
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        margin-bottom: 0;
    }

    footer>div:first-child .ast-builder-footer-grid-columns>div {
        border: none;
    }

    .left-image-sec .container-boxed div:first-child {
        display: flex;
        justify-content: center;
        margin-bottom: 35px;
    }

    .large-heading {
        font-size: 35px;
        line-height: 45px;
    }

    .hero-banner {
        height: 450px;
    }

    .check-box ul li {
        margin-bottom: 20px;
    }

    /* footer .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
        display: block;
    }
    .ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row {
        display: block;
    } */

    .site-below-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack {
        border-top: none;
    }

    .ast-builder-footer-grid-columns.site-below-footer-inner-wrap.ast-builder-grid-row,
    footer .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row,
    .home-page .sub-section,
    .home-services-content,
    .work-action-cards,
    .benefit-insulation-cards,
    .our-approach-cards,
    section.home-testimonials>div,
    .recent-posts-content,
    section.contact-us.bleed-container>div,
    .home-contact-form>div,
    .home-contact-form>div:last-child>p,
    .left-image-sec .container-boxed,
    .check-box ul,
    .right-image-sec .container-boxed {
        display: block;
    }

    .home-testimonials-banner {
        width: 100%;
        height: fit-content;
    }

    .home-testimonials-header {
        width: 100%;
        height: fit-content;
        padding: 15px;
    }

    .home-testimonial-content.slick-initialized.slick-slider {
        width: 100%;
        padding: 0;
        margin-top: 33px;
    }

    .home-page .sub-section>div:nth-child(2) {
        width: 100%;
    }

    .home-services .home-services-header p {
        width: 100%;
    }

    .home-services-content .services-card {
        padding: 22px 10px;
        margin-bottom: 15px;
    }

    .home-page .tabs {
        display: block;
        padding: 0;
    }

    .home-page .tab {
        padding: 22px;
    }

    .home-testimonials-control {
        bottom: -35px;
    }

    section.why-choose>div>h2,
    section.our-approach>div>h2 {
        padding: 0;
    }

    .why-choose-card {
        padding: 33px 12px;
        width: 100%;
    }

    .benefit-insulation-card {
        border: none;
        padding: 0;
        margin-bottom: 20px;
    }

    .work-action-card:nth-child(even)>.work-action-card-content {
        margin-bottom: 0 !important;
    }

    .work-action-card:nth-child(odd)>.work-action-card-content {
        margin-top: 0;
    }

    .hero-banner h1 {
        font-size: 35px !important;
        line-height: 42px;
    }

    .hero-banner .small-text {
        border-radius: 5px;
    }
}

@media (min-width: 1550px) {
    .faq-sec .container-boxed {
        max-width: 1000px !important;
        margin: 0 auto;
    }
}

@media (max-width: 1550px) {

    .ast-container.home-page,
    header#masthead #ast-desktop-header,
    #content .ast-container section.hero-banner.bleed-container,
    footer .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row,
    .container-boxed {
        max-width: 90% !important;
    }

    .container-boxed {
        margin: 0 auto;
    }


}


@media (max-width: 921px) {
    header#masthead #ast-mobile-header {
        margin: 0 auto;
        max-width: 90%;
    }

    header#masthead #ast-mobile-header .ast-button-wrap {
        border: 1px solid #ffffff;
        border-radius: 5px;
    }

    header#masthead #ast-mobile-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
        fill: #fff;
        height: 30px;
        width: 30px;
    }

    header#masthead #ast-mobile-header button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
        padding: 8px;
    }

    .ast-mobile-popup-inner ul.main-header-menu.ast-nav-menu.ast-flex.submenu-with-border.astra-menu-animation-fade.stack-on-mobile li {
        padding: 8px 0px;
    }

    #ast-mobile-popup-wrapper .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item>.menu-link,
    #ast-mobile-popup-wrapper .ast-mobile-popup-content .ast-builder-menu-mobile .children.sub-menu {
        background: #000 !important;
        color: #fff !important;
    }
}