@media(max-width: 1919px) {

}

@media(max-width: 1699px) {

}

@media(max-width: 1599px) {
.container{ padding-left: 25px; padding-right: 25px;}
.solutions-sec{ padding: 70px 0 60px;}
.left-img-right-cont .cont-sec, .img-form-sec .cont-sec{ padding-left: 15px;}
.right-img-left-cont .cont-sec{ padding-right: 15px;}
}

@media(max-width: 1439px) {

}

@media(max-width: 1365px) {
.head-contact p{ margin-right: 20px;}
.cgs-in .cgs-sec{ max-width: 100%;}
}

@media(max-width: 1279px) {
.head-contact p a{ font-size: 1em;}
.main-banner .mb-right{ background-size: 100% auto;}
.head-contact .bttn{ padding: 13px 18px 9px;}
}

@media(max-width: 1199px) {
.main-banner .mb-right {background-image: none;}
}

@media(max-width: 1151px) {
.head-nav{ display: none;}
.main-header aside{ width: 75%; padding-right: 70px;}
html .taptap-menu-button-wrapper{ left: auto; right: 20px; width: 40px; top: 15px;}
.main-header{ padding: 15px 0;}
.main-header + section, .main-header + div{ margin-top: 83px;}
html .taptap-main-menu-button:before, html .taptap-main-menu-button div.taptap-main-menu-button-middle:before, html .taptap-main-menu-button:after{ width: 28px; height: 3px; margin: auto; margin-top: 6px; margin-bottom: 5px; background-color: var(--text-color);}
html .taptap-by-bonfire ul li a{ font-weight: 500; font-size: 1.875rem; color: var(--bs-white); text-align: left; display: block;}
html .taptap-main-inner-inner{ padding: 45px 0 75px 15px;}
html .taptap-background-color{ background-color: var(--secondary);}
html .taptap-main-wrapper-active, html .taptap-background-color-active, html .taptap-background-image-active, html .taptap-background-overlay-active{ top: 111px; height: calc( 100vh - 111px );}
.bttn, .cont-form .gform_wrapper.gravity-theme .gform_footer .button{ padding: 15px 35px 10px 35px;}
body { font-size: 16px;}
.bb-bar p{ font-size: 1.7em;}

}

@media(max-width: 1055px) {
}

@media(max-width: 1023px) {
}

@media(max-width: 991px) {
.main-header + section, .main-header + div{ margin-top: 111px;}
.main-header figure img{ max-width: 291px;}
.head-contact p{ text-align: center; background: var(--green); padding: 8px 0; line-height: normal; order: 2; position: relative; font-size: 12px; display: none;}/*remove display none when adding in phone number*/
.head-contact p span{ display: inline;}
.head-contact p span a{ display: block; text-align: center; width: 100%; font-size: 1.5em; margin-top: 4px;}
.main-header{ padding: 15px 0 0; border-bottom: 1px solid var(--very-light-purple3);}
.main-header .container{ padding: 0;}
.main-header figure{ padding-left: 25px;}
.main-header .row{ margin: 0;}
.main-header aside{ width: 100%; padding: 15px 0 0;}
.head-contact p, .head-contact a{ width: 100%; margin: 0;} /*make width 50% when adding in phone number button*/
.head-contact .bttn{ border-radius: 0; font-size: 1.11em; background: var(--green); color: var(--text-color);}/*remove background and text color when adding in phone number button*/
.head-contact .over-link{ display: block; width: 100%;}
.main-banner, .img-cont-sec, .faq-sec, .hm-testi-sec{ padding: 60px 0;}
.main-banner .mb-right, .cont-sec .title-sec, .img-form-sec .img-sec{ display: none;}
.img-sec .title-sec, .img-form-sec .title-sec{ display: block;}
.img-cont-sec .cont-sec{ padding-top: 30px; order: 2;}
.sol-top{ align-items: center;}
.cb-left p{ max-width: 100%;}
.contact-bar .cb-right{ text-align: left;}
.contact-bar .contact-bar-in{ padding: 30px 25px; min-height: 292px;}
.mf-right ul{ padding-left: 20px;}
.mf-right ul li a{ font-size: 1em;}
.img-form-sec{ padding-top: 40px;}
.img-sec img {width: 100%;}
html .taptap-menu-button-wrapper{ top: 11px;}
}


@media(max-width: 969px) {
}

@media(max-width: 899px) {
}

@media(max-width: 799px) {
}

@media(max-width: 767px) {
.main-footer .mf-right{ display: none;}
.main-footer .mf-left{ border-right: 0; width: 100%;}
.copyright, .copyright aside + aside{ text-align: center;}
.copyright aside + aside{ padding-top: 15px;}
.flexible-wrapper .two-btns{ display: block;}
.flexible-wrapper .two-btns .bttn{ width: 100%;}
}

@media(max-width: 735px) {
h1{ font-size: 2em;}
h2{ font-size: 1.333em;}
.solutions-carousel, .testimonials-carousel{ padding: 20px 0 20px 30px;}
.solutions-carousel .owl-stage, .testimonials-carousel .owl-stage{ padding-left: 0 !important;}
.solutions-sec .container{ padding: 0;}
.sol-top .st-right{ display: none;}
.sol-top{ padding-left: 25px; padding-right: 25px; margin: 0;}
.solutions-sec .sec-btn{ padding-left: 30px; padding-right: 30px;}
.sol-top aside{ width: 100%; padding: 0;}
.mob-slider-nav{ display: block; padding: 15px 0 10px;}
.def-slider-nav{ justify-content: center;}
.bttn, .cont-form .gform_wrapper.gravity-theme .gform_footer .button{ padding: 15px 35px 10px 35px; width: 100%; font-size: 1.11em;}
.two-btns .bttn + .bttn{ margin-left: 0; margin-top: 15px;}
.bb-bar{ padding: 30px 0;}
.bb-bar p{ font-size: 1.333em; line-height: 25px;}
.bb-bar p strong{ display: block; margin-top: 4px;}
.hm-testi-sec .container{ padding: 0;}
}
@media(max-width: 666px) {
}

@media(max-width: 575px) {
.main-banner:before, .inner-banner:before{ background-position: bottom center;}
.solutions-sec{ padding: 50px 0 60px;}
.contact-bar .contact-bar-in{ min-height: auto; padding: 50px 10px;}
.contact-bar .cb-right{ padding-top: 25px;}
.faq-content-sec{ padding: 20px;}
.faq-content-sec .accordion-item h4 button:before{ min-height: 60px;}
.img-form-sec{ padding-top: 20px;}
.main-footer{ padding: 10px 0;}
.copyright p{ font-size: 1em;}
.cont-sub-sec{ padding: 20px 0 0;}
.cont-sub-sec .cont-sub-sec-in{ padding-top: 30px;}
.img-cont-grids-sec, .content-grid-sec{ padding: 50px 0;}
.img-cont-grids-sec .row{ padding-top: 20px;}
.faq-content-sec .accordion-item h4 button{ font-size: .85em;}
.content-grid-sec .sec-btn{ padding-top: 0;}
.inner-banner{ min-height: 300px;}
.center-form{ padding: 50px 0;}
}

@media(max-width: 479px) {
}

@media(max-width: 413px) {
}

@media(max-width: 399px) {
.main-header + section, .main-header + div{ margin-top: 119px;}
}

@media(max-width: 320px) {
}