@media screen and (max-width:1400px) {
    .hero-btm-bx2 {
        width: 70%;
    }

    .hero-cont-inr h1 {
        font-size: 45px;
        line-height: 53px;
    }

    .hero-cont-inr h1::after {
        top: 33px;
    }

    .hero-cont-inr h1 span {
        font-size: 40px;
    }

    .hero-cont-inr h1::after {
        height: 16px;
    }

    .hero-highlight__icon {
        width: 42px;
        height: 42px;
    }

    .products-section__title strong {
        font-size: 51px;
    }

    .products-section__title {
        font-size: 40px;
    }

    .calc-section__title {
        font-size: 32px;
    }

    .why-section {
        padding: 20px 0px 70px;
    }

    .why-title span {
        font-size: 51px;
    }

    .why-title {
        font-size: 40px;
    }

    .why-stat__value {
        font-size: 50px;
    }

    .why-stats {
        max-width: 1000px;
        margin: 0 auto;
    }

    .testi-title {
        font-size: 32px;
    }

    .hero-btm-bx2 {
        min-height: 90px;
    }

    .calc-section {
        max-width: 940px;
    }

    .calc-field__label {
        margin-bottom: 3px;
    }

    .calc-summary__icon {
        width: 50px;
        height: 50px;
    }

    .calc-summary__icon svg {
        width: 24px;
        height: 24px;
    }

    .calc-summary {
        padding: 30px 25px;
    }

    .calc-summary__price {
        font-size: 34px;
    }

    .calc-summary__cta {
        padding: 12px 22px;
    }

    .products-section__card-frame {
        height: 280px;
    }

    .hero-top-bg-p {
        padding: 8px 25px;
    }

    .page-header {
        height: 290px;
    }

    .pd-hero__title {
        font-size: 32px;
    }

    .pd-hero__image {
        max-width: 850px;
        height: 430px;
    }

    .pd-wrap {
        padding: 80px 32px 70px;
    }

    .calc-controls {
        padding: 32px 30px;
    }

    .pricing-info__title {
        font-size: 32px;
        margin: 0 0 17px 0;
    }

    .pricing-payments {
        margin-bottom: 14px;
    }

    .pricing-stat-card {
        margin-bottom: 15px;
    }

    .pricing-download {
        padding: 13px 26px;
    }

    .pricing-grid {
        grid-template-columns: .7fr 1fr;
    }

    .contact-heading {
        font-size: 35px;
    }

}

@media screen and (max-width:1200px) {
    .hero-cont-inr h1 {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 9px;
    }

    .hero-cont-inr h1 span {
        font-size: 35px;
    }

    .hero-cont-inr h1::after {
        top: 27px;
    }

    .hero-btm-bx2 {
        gap: 5px;
    }

    .hero-highlight {
        padding: 0 18px;
    }

    .hero-highlight {
        gap: 10px;
    }

    .hero-highlight__icon {
        width: 38px;
        height: 38px;
    }

    .hero-highlight__icon svg {
        width: 19px;
        height: 19px;
    }

    .hero-btm-bx2 {
        width: 74%;
    }

    .products-section__title strong {
        font-size: 42px;
    }

    .products-section__title {
        font-size: 31px;
    }

    .products-section__intro p {
        font-size: 15px;
        line-height: 1.5;
    }

    .products-section__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero {
        height: 600px;
    }

    .hero-cont {
        height: 580px;
    }

    .hero-btns {
        margin-top: 23px;
    }

    .hero-cont-inr h4 {
        font-size: 16px;
        max-width: 600px;
        line-height: 24px;
    }

    .hero-btns p {
        font-size: 14px;
    }

    .products-section__aside p {
        line-height: 1.5;
    }

    .hero-highlight__value {
        font-size: 17px;
    }

    .products-section__header {
        gap: 30px;
    }

    .products-section {
        padding: 110px 0px 65px;
    }

    .calc-section__title {
        font-size: 28px;
    }

    .why-title span {
        font-size: 45px;
    }

    .why-title {
        font-size: 36px;
    }

    .why-stat__value {
        font-size: 41px;
    }

    .why-stats {
        max-width: 870px;
    }

    .testi-section {
        padding: 20px 0 70px;
    }

    .cta-section {
        padding: 60px 30px;
    }

    .cta-title {
        font-size: 37px;
    }

    .cta-button {
        padding: 13px 30px;
    }

    .cta-eyebrow {
        margin-bottom: 5px;
    }

    .cta-button {
        font-size: 14px;
    }

    .cta-title {
        margin: 0 auto 8px;
    }

    .testi-title {
        margin: 0 0 11px 0;
    }

    .bk-tp-btn button {
        width: 43px;
        height: 43px;
        font-size: 17px;
    }

    .page-header {
        height: 250px;
        padding-bottom: 50px;
    }

    .pd-hero__image {
        max-width: 780px;
        height: 400px;
    }

    .pd-hero__foot-title {
        font-size: 22px;
    }

    .pd-panel__title {
        font-size: 24px;
    }

    .pd-panel__blob {
        max-width: 320px;
        height: 320px;
    }

    .calc-section {
        max-width: 880px;
    }

    .why-header p {
        font-size: 15px;
        line-height: 1.5;
    }

    .testi-header p {
        font-size: 15px;
    }

    .hero-top-bg-p p {
        font-size: 14px;
    }

    .products-section__header {
        margin-bottom: 60px;
    }

    .pricing-info__title {
        font-size: 28px;
    }

    .pricing-stat-card__value {
        font-size: 34px;
    }

    .pricing-stat-card {
        padding: 14px 20px;
    }

    .tilt-card__title {
        font-size: 22px;
    }

    .pricing-section {
        padding: 70px 32px 70px;
    }

    .contact-heading {
        font-size: 32px;
    }

    .convo-step__question {
        font-size: 23px;
    }

    .contact-section {
        padding: 70px 32px 70px;
    }


}

@media screen and (max-width:992px) {
    .hero-btm-bx2 {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px 0;
    }

    .hero-btm-bx2 {
        width: 90%;
    }

    .products-section__header {
        flex-direction: column;
    }

    .products-section__aside {
        padding-left: 13px;
    }

    .products-section__header {
        gap: 20px;
    }

    .products-section__card-frame {
        height: 250px;
    }

    .products-section__card-body {
        padding: 18px 17px 0;
    }

    .products-section__card-title {
        font-size: 18px;
    }

    .products-section__card-desc {
        line-height: 1.3;
    }

    .products-section__card-desc {
        margin: 0 0 22px 0;
    }

    .products-section__card-rule {
        margin: 5px 0 10px;
    }

    .hero-cont-inr h1 {
        font-size: 37px;
    }

    .hero {
        height: 550px;
    }

    .hero-cont {
        height: 550px;
    }

    .calc-controls {
        padding: 20px 20px;
    }

    .calc-summary__icon {
        margin-bottom: 13px;
    }

    .calc-summary__icon {
        width: 44px;
        height: 44px;
    }

    .calc-section {
        padding: 0 20px;
        margin-bottom: 50px;
    }


    .why-title {
        font-size: 32px;
    }

    .why-title span {
        font-size: 40px;
    }

    .why-stats {
        grid-template-columns: repeat(4, 1fr);
    }

    .why-stat {
        padding: 0 15px;
    }

    .why-stat__bar {
        margin: 0 auto 10px;
    }

    .why-stat__value {
        font-size: 34px;
    }

    .why-section {
        padding: 20px 0px 50px;
    }

    .why-header {
        margin: 0 auto 70px;
    }

    .cta-title {
        font-size: 32px;
    }

    .cta-subtext {
        font-size: 15px;
        line-height: 1.3;
    }

    .hero-cont-inr h1 span {
        font-size: 33px;
    }

    .why-stat__label {
        font-size: 11px;
    }

    .why-stats {
        max-width: 660px;
    }

    .testi-title {
        font-size: 28px;
    }

    .testi-header {
        padding: 0 32px;
    }

    .products-section__aside {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #d9cfb8;
        padding-top: 15px;
    }
}

@media screen and (max-width:768px) {
    .hero-cont-inr h1 {
        font-size: 36px;
        line-height: 41px;
    }

    .hero-cont-inr h1 span {
        font-size: 32px;
    }

    .hero::before {
        width: 92%;
    }

    .hero-highlight:nth-child(3) {
        border-left: none;
        padding-left: 0;
    }

    .hero-btm-bx2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 0;
        bottom: -80px;
    }

    .products-section {
        padding: 130px 0px 65px;
    }

    .products-section__title strong {
        font-size: 39px;
    }

    .products-section__title {
        font-size: 28px;
    }

    .products-section__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .products-section__title strong {
        font-size: 36px;
    }

    .products-section__card {
        padding: 0 0 20px;
    }

    .hero-cont-inr h1 span {
        font-size: 31px;
    }

    .hero-cont-inr h1::after {
        top: 24px;
    }

    .calc-section__title {
        font-size: 27px;
        margin: 0 0 30px 0;
    }

    .calc-section__eyebrow {
        font-weight: 600;
        font-size: 13px;
        margin-bottom: 11px;
    }

    .testi-track {
        gap: 10px;
    }

    .cta-title {
        line-height: 1;
    }

    .cta-button {
        padding: 13px 20px;
    }

    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .pricing-info__title {
        font-size: 25px;
    }

    .pricing-stat-card__value {
        font-size: 29px;
    }

    .page-header {
        height: 210px;
        padding-bottom: 50px;
    }

    .cntct-btn {
        padding: 10px 21px;
    }

    .cntct-btn p {
        font-size: 14px;
    }

    .contact-heading {
        font-size: 30px;
    }

    .contact-heading {
        margin: 0 0 11px 0;
    }

    .contact-desc {
        line-height: 1.5;
    }

    .convo-step input {
        font-size: 16px;
    }

    .convo-card {
        min-height: 340px;
    }

    .pd-hero__title {
        font-size: 28px;
    }

    .pd-hero__image {
        height: 340px;
    }

    .pd-hero__foot-title {
        font-size: 20px;
    }

    .pd-tags {
        gap: 16px 13px;
    }

    .pd-panel__title {
        line-height: 1.2;
    }

    .pd-wrap {
        padding: 60px 32px 20px;
    }

}

@media screen and (max-width:575px) {

    .hero-cont-inr h1 {
        font-size: 33px;
        margin-bottom: 4px;
    }

    .hero-cont-inr h1 span {
        font-size: 30px;
    }

    .hero-cont-inr h1::after {
        top: 26px;
        height: 13px;
    }

    .hero-cont-inr h1 span {
        font-size: 28px;
    }

    .hero-cont-inr h4 {
        font-size: 15px;
        line-height: 22px;
    }

    .hero-btns .hero-btn1 {
        padding: 8px 24px;
    }

    .hero-btns .hero-btn2 {
        padding: 8px 24px;
    }

    .hero-btns p {
        font-size: 13px;
    }

    .products-section__title strong {
        font-size: 34px;
    }

    .products-section__title {
        font-size: 27px;
    }

    .products-section__card-frame {
        height: 210px;
    }

    .pricing-info__title {
        font-size: 24px;
    }

    .cntct-btn i {
        display: block;
    }

    .cntct-btn.header-cta p {
        display: none;
    }

    .cntct-btn.header-cta {
        padding: 12px;
    }

    .contact-heading {
        font-size: 28px;
    }

    .convo-nav {
        margin-top: 24px;
    }

    .convo-card {
        min-height: 320px;
    }

    .page-headr-cont h2 {
        font-size: 22px;
    }

    .page-header {
        border-radius: 0 0 30px 30px;
    }

    .contact-section {
        padding: 60px 20px 60px;
    }

    .footer-wrap {
        padding: 50px 40px 40px;
    }

    .footer-top {
        padding-bottom: 20px;
    }

    .pd-hero__title {
        font-size: 26px;
    }

    .pd-hero__desc {
        font-size: 15px;
        line-height: 1.5;
    }

    .pd-hero__image {
        height: 290px;
    }

    .pd-hero__image-wrap {
        margin: 33px 0;
    }

    .pd-wrap {
        padding: 60px 20px 20px;
    }
}

@media screen and (max-width:460px) {
    .hero-top-bg-p p {
        font-size: 13px;
    }

    .hero-btm-bx2 {
        width: 95%;
    }

    .hero-btm-bx2 {
        padding: 16px 15px;
    }

    .hero-btns {
        gap: 9px;
    }

    .hero-highlight__icon {
        width: 33px;
        height: 33px;
    }

    .hero-highlight {
        padding: 0 9px;
    }

    .hero-btns .hero-btn1 {
        padding: 8px 15px;
    }

    .hero-btns .hero-btn2 {
        padding: 8px 15px;
    }

    .hero-cont-inr h1 {
        font-size: 30px;
    }

    .hero-top-bg-p {
        margin-bottom: 15px;
    }

    .hero-cont-inr h1 span {
        font-size: 26px;
    }

    .products-section__title strong {
        font-size: 33px;
    }

    .products-section__card-frame {
        height: 190px;
    }

    .calc-section__title {
        font-size: 23px;
    }

    .calc-summary {
        padding: 24px 20px;
    }

    .calc-summary__material {
        font-size: 20px;
    }

    .calc-summary__price {
        font-size: 30px;
    }

    .calc-select__control {
        padding: 10px 16px;
    }

    .calc-field {
        margin-bottom: 24px;
    }

    .calc-slider-value {
        margin-bottom: 4px;
    }

    .why-title {
        font-size: 29px;
    }

    .why-title span {
        font-size: 35px;
    }

    .why-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .testi-title {
        font-size: 25px;
    }

    .testi-card__quote {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px !important;
    }

    .testi-header p {
        line-height: 1.5;
    }

    .cta-title {
        font-size: 28px;
    }

    .hero-cont-inr h1 {
        line-height: 37px;
    }

    .hero-cont-inr h1::after {
        top: 21px;
    }

    .pd-panel__blob {
        height: 300px;
    }

    .pd-panel__title {
        font-size: 21px;
    }

    .pricing-info__title {
        font-size: 23px;
    }

    .pricing-section {
        padding: 56px 20px 50px;
    }

    .contact-heading {
        font-size: 26px;
    }

    .page-header {
        height: 200px;
    }

    .bk-tp-btn {
        right: 33px;
    }

    .products-section__header {
        padding: 0 20px;
    }
}

@media screen and (max-width:360px) {
    .hdr-utility__inner {
        padding: 9px 20px;
    }

    .hero-top-bg-p {
        padding: 8px 14px;
    }

    .hero-top-bg-p p {
        font-size: 12px;
    }

    .hero-cont-inr h1 {
        font-size: 28px;
    }

    .hero-btns {
        flex-direction: column;
        align-items: start;
    }

    .hero-btns .hero-btn1 {
        padding: 8px 40px;
    }

    .hero-btns .hero-btn2 {
        padding: 8px 37px;
    }

    .hero-cont-inr h4 {
        font-size: 14px;
        line-height: 22px;
    }

    .products-section__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .products-section__card-frame {
        height: 240px;
    }

    .products-section__header {
        margin-bottom: 40px;
    }

    .why-title {
        font-size: 28px;
    }

    .why-title span {
        font-size: 33px;
    }
    .pd-hero__title {
        font-size: 24px;
    }
        .pd-hero__image {
        height: 250px;
    }
    .calc-summary__price span {
    font-size: 20px;
}
    .convo-step__question {
        font-size: 20px;
    }
    .convo-step__question {
    margin: 0 0 15px 0;
}

}