@media screen and (max-width:1399px) {
header .header .logo,footer .footer .logo { max-width: 150px; }
header { padding: 25px 0; }
header .header nav .nav-links { gap: 15px; }
header .header nav .nav-links a,footer .footer .right-cnt .ft-quick-links li a,.primary-btn a,.primary-btn button{ font-size: 18px;}
.dark-btn a,.primary-btn a,.primary-btn button{ padding: 10px 24px; }
.home-hero-section { padding: 50px 0 100px; }
.inner-hero-section { padding: 50px 0 100px; }
.one-stop-section { padding: 80px 0 80px; }
.sec-title { margin-bottom: 30px; }
h1 { font-size: 80px; }
h2, .p-40 , .animated-text-with-bg,.inner-hero-section .banner-cnt p,.full-text-section p,.stats-section .stats-cnt-wrap .stat-card span,.full-text-section p a{ font-size: 34px;}
.inline-image { width: 100px; height: 60px; }  
h1 img { max-width: 50px; }
.one-stop-section p { margin-bottom: 40px; }
h3,.p-36, .our-services-section .right-cnt .text-cnt p { font-size: 28px;}
.scroll-img-container { width: 100px; height: 100px; }
.our-services-section .right-cnt .cnt-wrp {width: calc(100% - 100px);}
.our-services-section .right-cnt .service-cnt { padding: 40px 50px 30px 45px; }
.one-stop-section .container-right { gap: 100px; }
.our-services-section { padding-top: 60px; }
.why-section { padding: 60px 0 80px; }
.say-about-us-section ,.faqs-section{ padding: 80px 0; }
.our-services-section .left-cnt .sec-title { margin-top: 20px; top: 20px; }
footer { padding: 80px 0 30px; }
footer .footer { padding-bottom: 60px; }
.bottom-footer { padding-top: 30px; }
.bottom-footer ul li, .bottom-footer ul li a { font-size: 18px; }
footer .footer .right-cnt .ft-quick-links li.request-btn { margin-top: 25px; }
.contact-form form .field-wrap input, .contact-form .field-wrap textarea { font-size: 26px; }
.contact-form form .field-wrap label { font-size: 18px;}
.say-about-us-section .container-right .left-cnt { padding-right: 100px; }
.inner-hero-section .banner-cnt p { font-size: 36px; }
.inner-hero-section .banner-cnt p .animated-text { width: 192px; }
.full-text-section ,.stats-section, .related-articles-section{ padding: 100px 0; }
.full-text-section .inline-image { max-width: 66px; max-height: 40px; }
.stats-section .stats-cnt-wrap .stat-card { padding: 40px 50px; min-height: 170px; }
.stats-section .stats-cnt-wrap .left-cnt, .stats-section .stats-cnt-wrap .right-cnt { gap: 80px; }
.stats-section .stats-cnt-wrap .left-cnt { margin-top: 130px; }
.stats-section .stats-cnt-wrap .stat-card span.count { font-size: 68px; }
.related-articles-section .related-articles-wrap .item { padding-bottom: 50px; }
.article-details-section h1 { font-size: 54px; }
.quote-popup-overlay .quote-popup-modal {margin: 60px auto;padding: 40px;}
}
@media screen and (max-width:1270px) {
.container-right{ padding-left: 30px; }
}
@media screen and (max-width:1199px) {
header .header .logo,footer .footer .logo { max-width: 140px; }
h1 { font-size: 60px; margin-bottom: 50px;}
.home-hero-section { padding: 30px 0 80px; }
.inner-hero-section{ padding: 30px 0 80px; }
.one-stop-section span.animated-text-with-bg { min-width: 80px;}

/* header start  */
header .toggle-btn { display: block; }
header .header nav ul { gap: 0; flex-direction: column; position: absolute; top: 100%; right: 0; background: var(--primary-color); width: 100%; height: 100vh; justify-content: start; align-items: start; transition: all 0.2s linear; transform: scale(0,1); opacity: 0; visibility: hidden; transform-origin: right; gap: 0; }
.open-nav header .header nav ul{ transform: translateX(0); transform: scale(1,1);opacity: 1; visibility: visible;}
header .header nav .nav-links { gap: 0; }
header .header nav .nav-links li { width: 100%; }
header .header nav .nav-links a { width: 100%; text-align: start; padding: 10px 15px; }
header .header nav .nav-links li.current_page_item a{ background: var(--white); color: var(--primary-color); font-weight: 500;}
header .header nav .nav-links li.request-btn { padding: 0 15px; margin-top: 15px;}
header .header nav .nav-links li.request-btn a{ width: fit-content; }
header .header nav .nav-links a::after{content: none;}
body.open-nav { overflow: hidden; }
header .header nav .nav-links a, footer .footer .right-cnt .ft-quick-links li a, .primary-btn a, .primary-btn button { font-size: 16px; }
.dark-btn a,.primary-btn a,.primary-btn button{ padding: 10px 20px;}
.inline-image { width: 90px; height: 50px; }
h1 img { max-width: 40px; }
.one-stop-section { padding: 60px 0 60px; }
.one-stop-section .container-right { gap: 40px; }
h5,.home-hero-section .banner-cnt .highlight-text span { font-size: 18px; }
h2, .p-40, .animated-text-with-bg,.inner-hero-section .banner-cnt p,.full-text-section p,.stats-section .stats-cnt-wrap .stat-card span,.full-text-section p a { font-size: 28px; }
p, li,.say-about-us-section p { font-size: 18px; }
h3,.p-36, .our-services-section .right-cnt .text-cnt p { font-size: 24px; }
.one-stop-section p { margin-bottom: 30px; }
.our-services-section { padding-top: 40px; }
.our-services-section .services-wrap { gap: 30px; }
.our-services-section .right-cnt .service-cnt { padding: 30px 30px 30px 30px; }
.our-services-section .right-cnt .cnt-title { margin-bottom: 10px; }
.our-services-section .right-cnt .cnt-wrp { padding-left: 25px; }
.why-section { padding: 40px 0 60px; }
.why-section .accordion-content { padding-right: 30px; padding-bottom: 25px; }
.why-section .accordion-header::before, .why-section .accordion-header::after { width: 18px; height: 18px; }
.say-about-us-section ,.faqs-section { padding: 60px 0; }
.say-about-us-section .container-right .left-cnt { padding-right: 20px; }
.say-about-us-section .right-cnt .play-animate .shape { width: 45px; height: 45px; }
.say-about-us-section .right-cnt .play-animate .triangle { border-left: 22.5px solid transparent; border-right: 22.5px solid transparent; border-bottom: 45px solid var(--white); transform: translateY(-6px);}
.say-about-us-section .right-cnt .play-animate .play-icon { width: 16px; height: 16px; }
.say-about-us-section .sub-title { margin-bottom: 15px; }
footer { padding: 60px 0 30px; }
footer .footer>* { padding-left: 15px; padding-right: 15px; }
footer .footer { margin-left: -15px; margin-right: -15px; padding-bottom: 40px; }
/* .contact-form form .field-wrap { margin-bottom: 15px; } */
.contact-form form button { margin-top: 15px; }
.contact-form form .field-wrap label { font-size: 16px; }
.contact-form form .field-wrap input, .contact-form .field-wrap textarea { font-size: 22px; }
.bottom-footer { padding-top: 15px; }
.full-text-section,.stats-section,.related-articles-section { padding: 80px 0; }
.full-text-section .inline-image { max-width: 60px; max-height: 36px; }
.inner-hero-section .banner-cnt p .animated-text { width: 150px; }
.faqs-section .faq-cnt-wrap .faqs-wrap { padding-bottom: 24px; margin-bottom: 16px; }

.stats-section .stats-cnt-wrap .stat-card { padding: 30px 40px; min-height: 140px; }
.stats-section .stats-cnt-wrap .left-cnt, .stats-section .stats-cnt-wrap .right-cnt { gap: 60px; }
.stats-section .stats-cnt-wrap .left-cnt { margin-top: 100px; }
.stats-section .stats-cnt-wrap .stat-card span.count { font-size: 60px; }
.contact-us-section { padding: 60px 0; }
.article-details-section h1 { font-size: 46px; }
.article-details-section p, .article-details-section ul { margin-bottom: 26px; }
.article-details-section ul { padding-left: 30px; }
.related-articles-section .related-articles-wrap .item { padding-bottom: 40px; }
.quote-popup-overlay .quote-popup-modal { max-width: 600px; }
.why-section .why-cnt-wrap .sec-title .animated-text { width: 96px; }
.quote-popup-overlay .quote-popup-modal {margin: 50px auto;padding: 30px;}

}

@media screen and (max-width:992px) {
header { padding: 20px 0; }
h1 { font-size: 48px; }
h1 img { max-width: 32px; }
.home-hero-section { padding: 30px 0 60px; }
.inner-hero-section { padding: 30px 0 60px; }
.inline-image { width: 80px; height: 44px; }
.sec-title { margin-bottom: 25px; }
.stats-section .stats-cnt-wrap .stat-card { padding: 20px 20px; min-height: 120px; }
.stats-section .stats-cnt-wrap .stat-card span.count { font-size: 50px; }
.article-details-section h1 { font-size: 40px; }
.article-details-section .article-cnt-wrap { gap: 20px; }
.article-details-section .article-cnt-wrap .article-desc .read-more-wrap { bottom: 20px; }
.article-details-section .article-cnt-wrap .contact-form-wrap { padding: 20px 20px 30px; top: 30px; }
.article-details-section .article-cnt-wrap { padding-bottom: 30px; }
.article-details-section .article-cnt-wrap .contact-form-wrap { position: unset; }
.article-details-section .article-cnt-wrap { flex-direction: column-reverse; }
.article-details-section .article-cnt-wrap .contact-form-wrap { width: 80%; margin: 0 auto; }
.article-details-section .article-cnt-wrap .article-desc { width: 100%; max-height: 1000px;}
.related-articles-section .related-articles-wrap .item { padding-bottom: 30px; }
}

@media screen and (max-width:768px) {
header .header .logo, footer .footer .logo { max-width: 120px; }
.one-stop-section { padding: 40px 0 40px; }
h2, .p-40, .animated-text-with-bg,.inner-hero-section .banner-cnt p,.full-text-section p,.stats-section .stats-cnt-wrap .stat-card span,.full-text-section p a { font-size: 22px; }
.one-stop-section span.animated-text-with-bg { min-width: 60px; padding: 0 3px; }
.one-stop-section .container-right { gap: 30px; }
.container{ padding-left: 20px; padding-right: 20px; }
.container-right { padding-left: 20px; }
.our-services-section .right-cnt .service-cnt { padding: 20px 20px 30px 20px; }
.scroll-img-container { width: 80px; height: 80px; }
.our-services-section .right-cnt .cnt-wrp { width: calc(100% - 80px); }
.our-services-section .right-cnt .cnt-wrp { padding-left: 20px; }
h3,.p-36, .our-services-section .right-cnt .text-cnt p { font-size: 20px; }
p, li ,.say-about-us-section p { font-size: 16px; }
.bottom-footer ul li, .bottom-footer ul li a { font-size: 16px; }
.why-section { padding: 40px 0 40px; }
.why-section .why-cnt-wrap, .faqs-section .faq-cnt-wrap { gap: 20px; }
.why-section .accordion-header { margin-bottom: 10px; }
.why-section .accordion-content { padding-right: 20px; padding-bottom: 20px; }
.say-about-us-section ,.faqs-section { padding: 40px 0; }
.say-about-us-section .container-right { gap: 20px; }
.say-about-us-section .container-right .left-cnt { padding-right: 0px; }
footer { padding: 40px 0 30px; }
footer .footer .left-cnt .logo { margin-bottom: 20px; }
footer .footer { padding-bottom: 30px; }
.contact-form .field-wrap textarea { min-height: 50px; }
.contact-form form .field-wrap input, .contact-form .field-wrap textarea { font-size: 20px; }
.bottom-footer ul { gap: 40px; }
.bottom-footer ul li:not(:last-child):after { right: -20px; }
.full-text-section .inline-image { max-width: 52px; max-height: 32px; }
.full-text-section,.stats-section,.related-articles-section { padding: 60px 0; }
.inner-hero-section .banner-cnt p .animated-text { width: 118px; }
.contact-us-section { padding: 40px 0; }
.article-details-section h1 { font-size: 32px; }
.article-details-section .article-cnt-wrap .article-desc { padding-bottom: 0; }
.quote-popup-overlay .quote-popup-modal { padding: 30px; }
}

@media screen and (max-width:767px) {
.container { padding-left: 15px; padding-right: 15px; }
.container-right { padding-left: 15px; }
header { padding: 15px 0; }
.home-hero-section { text-align: center; padding: 30px 0 40px; }
.inner-hero-section { text-align: center; padding: 30px 0 40px; }
h1 { font-size: 40px; margin-bottom: 40px; }
.inline-image { width: 60px; height: 40px; }
h1 img { max-width: 26px; }
.home-hero-section .banner-cnt .highlight-text { margin: 0 auto; }
.home-hero-section .banner-cnt .highlight-text::after { height: 40px; width: 100px; }
.sec-title { margin-bottom: 20px; }
.one-stop-section { padding: 30px 0 30px; }
.one-stop-section p { margin-bottom: 20px; }
.one-stop-section .container-right { display: flex; flex-direction: column-reverse; text-align: center; }
.one-stop-section span.animated-text-with-bg { min-width: 60px; border-radius: 2px; }
.one-stop-section .left-cnt { padding-right: 20px; }
.our-services-section { padding-top: 30px; padding-bottom: 30px;}
.our-services-section .services-wrap { grid-template-columns: 1fr; gap: 10px; text-align: center;}
.our-services-section .left-cnt .sec-title { margin-top: 0; position: unset; }
.our-services-section .right-cnt .text-cnt ul { display: flex; flex-direction: column; text-align: start; width: fit-content; }
.our-services-section .service-cnt.bg-dark::after { content: none; }
.our-services-section .right-cnt .service-cnt { flex-direction: column; position: relative; top: unset; text-align: start; align-items: start; }
.our-services-section .right-cnt .cnt-wrp { width: 100%; padding-left: 0; }
h3,.p-36, .our-services-section .right-cnt .text-cnt p { font-size: 18px; }
.scroll-img-container{margin-top: 5px;margin-bottom: 10px;}
.dark-btn a, .primary-btn a, .primary-btn button { padding: 8px 16px; }
.why-section { padding: 30px 0 30px; }
.why-section .why-cnt-wrap, .faqs-section .faq-cnt-wrap { grid-template-columns: 1fr;gap: 10px; }
.why-section .why-cnt-wrap .sec-title { margin-top: 0; }
.say-about-us-section ,.faqs-section { padding: 30px 0; }
.say-about-us-section .container-right { display: flex; flex-direction: column-reverse; text-align:center; gap: 30px;}
.say-about-us-section .sub-title { margin-bottom: 10px; }
footer .footer { flex-direction: column; text-align: center;margin-left: 0; margin-right: 0; gap: 30px;}
footer .footer>* { padding-left: 0; padding-right: 0; width: 100%; order: 2;}
footer .footer .left-cnt .logo { margin-left: auto; margin-right: auto; }
footer .footer .middle-cnt { width: 100%; border: 1px solid var(--white); padding: 30px; border-radius: 15px; order: 1;margin-bottom: 30px;}
.contact-form form .field-wrap input, .contact-form .field-wrap textarea { font-size: 18px; text-align: center; }
.contact-us-section .contact-form form .field-wrap input, .contact-us-section .contact-form .field-wrap textarea, .article-details-section .contact-form form .field-wrap input, .article-details-section .contact-form .field-wrap textarea {text-align: start; }
footer .footer .right-cnt .ft-quick-links li.request-btn { margin-top: 15px; }
.inner-hero-section .banner-cnt .shopify-tag { margin-bottom: 10px; }
.full-text-section{ text-align: center; }
.full-text-section,.stats-section,.related-articles-section {padding: 40px 0; }
.stats-section .stats-cnt-wrap { flex-direction: column; }
.stats-section .stats-cnt-wrap .left-cnt, .stats-section .stats-cnt-wrap .right-cnt { gap: 30px; }
.stats-section .stats-cnt-wrap .left-cnt { margin-top: 10px; }
.stats-section .stats-cnt-wrap .stat-card { gap: 15px; }
.stats-section .stats-cnt-wrap .stat-card span.count {font-size: 40px; min-width: 70px; text-align: end; }
.article-details-section { margin-top: 30px; }
.article-details-section .article-cnt-wrap .contact-form-wrap { width: 90%; }
.article-details-section h1 { font-size: 30px; }
.article-details-section p, .article-details-section ul { margin-bottom: 20px; }
.related-articles-section .related-articles-wrap .item { padding-bottom: 20px; }
.related-articles-section .related-articles-wrap .item:nth-last-child(2) { border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding-bottom: 20px; }
.related-articles-section .related-articles-wrap { grid-template-columns: 1fr; gap: 20px; }
.quote-popup-overlay .quote-popup-modal { padding: 20px; }

.quote-popup-overlay .quote-popup-modal {
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%) !important;
}
}
@media screen and (max-width:390px) {
footer .footer .middle-cnt { padding: 20px; }
}