@media only screen and (max-width:1380px){.hero-section{height:100vh}}@media only screen and (max-width:1200px){.service-card{grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:35px;padding:60px 0}.ct1280 .container,.ct1280 .container-lg,.ct1280 .container-md,.ct1280 .container-sm,.ct1280 .container-xl{max-width:1170px}.blur-bg{width:350px;height:350px}.partnerlogo{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:30px}.steps-div{padding:30px 20px;border-radius:20px}}@media only screen and (max-width:992px){.header-heading-1{text-align:center}.th2 .icon-bar{background-color:#000}.hero-feature{grid-template-columns:auto auto;grid-gap:20px;margin-top:30px;justify-content:center}.service-card{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:35px;padding:60px 0}.whyus{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px}.m-mt60{margin-top:60px}.img-box{text-align:center}.itm-media-object .media-body{margin-left:15px}.pr50{padding-right:0}h1{font-size:40px;line-height:50px}h2{font-size:35px;line-height:44px}h3{font-size:25px;line-height:34px}h4{font-size:18px;line-height:26px}h5{font-size:16px;line-height:24px}h6{font-size:14px;line-height:22px}p{font-size:16px;line-height:26px}.m-mt30{margin-top:30px}.img-box1 img{border-radius:20px 20px 20px 20px}.m-text-c{text-align:center}.m-m0{margin:0!important}.hide-desk{display:block}.hide-mob{display:none}.sticky .top-header .nav-link{font-weight:600;font-size:17px;color:#333}.top-header .nav-link{font-weight:600;font-size:17px;color:#333}.top-header .nav-link.active{color:#333}.top-header .nav-link.active:after{background:#333}.fixed-top{height:auto}.mt30a{margin-top:0}.navbar-collapse{margin:10px 0 0;background:#fff;padding:10px 16px}.sticky .navbar-collapse{padding:0}.top-header{min-height:auto}.fixed-top{padding-top:8px;padding-bottom:8px}.header-heading h1{font-size:40px;line-height:48px}.header-heading{margin:0;padding:0;text-align:center}.pad-tb{padding-top:60px;padding-bottom:60px}.form-block{margin:0 0 30px}.hero-section{padding-top:110px;padding-bottom:100px;height:auto}.top-header .nav-link{font-size:16px;padding:8px 0}.cta-heading-2{text-align:center;margin:0 auto 30px;display:block}}@media only screen and (max-width:767px){.modal .modal-dialog-aside{width:100%;max-width:100%;height:100%;margin:0;right:0}.modal .modal-dialog-aside .modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:0}.service-card{grid-gap:15px;padding:60px 0}.btn-rd{width:100%}.itm-media-object .media .img-ab-{width:55px}.common-heading h2{font-size:30px}.hero-section .form-block{margin:30px 0 0}.header-right ul{padding:0}.pl0{padding-left:15px!important}.cta-heading-2 h2{font-size:30px;text-align:center}.common-heading h3{font-size:20px;margin-bottom:20px}.cta-heading p{text-align:center;line-height:1.3}.cta{width:100%}.common-heading p{max-width:100%}.feature-image{margin:20px 0 0}}@media only screen and (max-width:375px){.header-heading h1{font-size:35px;line-height:44px}.mobile-btn span,.btn-call i{display:none}}
/* === Responsive adjustments: phone, tablet, desktop === */

/* LARGE TABLETS & LAPTOPS (max-width: 1200px) */
@media (max-width: 1200px) {
  .container { max-width: 980px; }
}

/* TABLETS (max-width: 992px) */
@media (max-width: 992px) {
  .container { max-width: 760px; }
  .hero-main-content { grid-template-columns: 1fr; text-align: center; }
  .hero-text-section, .hero-product-carousel { padding: 0; }
  .hero-text-section { order: 2; }
  .hero-product-carousel { order: 1; max-width: 100%; margin: 0 auto 1.5rem; }
  .hero-headline { font-size: 2.2rem; }
  .feature-row, .feature-row.reverse { flex-direction: column; text-align: center; gap: 18px; }
  .feature-image { max-width: 260px; min-width: unset; margin: 0 auto; }
  .reviews-grid, .guidelines-highlights { grid-template-columns: 1fr 1fr; }
}

/* MOBILE (max-width: 768px) */
@media (max-width: 768px) {
  .container { max-width: 97vw; padding: 0 10px; }
  body { font-size: 15px; }
  .navbar-brand img { height: 38px; }
  /* Navbar height adjustment for mobile */
  .navbar.fixed-top { min-height: 65px; padding: 8px 0; }
  .navbar.fixed-top .container { min-height: 65px; display: flex; align-items: center; }
  .hide-desk { display: flex !important; }
  .nav-menu { display: none; }
  .navbar-toggler { display: block; }
  .navbar-collapse.show, .navbar-collapse.active { display: flex !important; flex-direction: column; background:#fff; }
  /* Hamburger menu styling, if mobile menu is active */
  .navbar-nav.v-center { flex-direction: column; align-items: center; }
  .navbar-nav.v-center > li { margin: 0.8em 0; }
  .whatsapp-float { left: 10px !important; right: unset !important; bottom: 20px !important; }
  .hero-slideshow, .hero-section-1, .hero-section { padding-top: 80px; padding-bottom: 32px; }
  .hero-headline { font-size: 1.45rem; }
  .heading-description { font-size: 0.98rem; }
  .btn-primary, .btnpora, .btn-rd2, .btn-secondary { width: 100%; max-width: 95vw; margin-bottom: 0.6rem; }
  .feature-image img { aspect-ratio: 16/9; }
  .badge-group { flex-wrap: wrap; gap: 0.3rem; }
  .urgency-bar { font-size: 1.05rem; padding: 10px 2vw;}
  .reviews-grid, .guidelines-highlights { grid-template-columns: 1fr; }
  .brand-stats { grid-template-columns: 1fr 1fr; }
}

/* SMALL MOBILES (max-width: 480px) */
@media (max-width: 480px) {
  .container { max-width: 100vw; padding: 0 5px; }
  .feature-row, .feature-row.reverse { padding: 8px; }
  .feature-image img { max-width: 92vw; aspect-ratio: 16/13; }
  .reviews-grid, .guidelines-highlights, .brand-stats { grid-template-columns: 1fr; }
  .footer-content { flex-direction: column; gap: 1rem; text-align: center; }
  .urgency-bar { font-size: 0.99rem; padding: 9px 2vw;}
}

    /* ===========================================
    Vastusuci Responsive Enhancements (Additive)
    Keeps desktop intact, improves mobile/tablet
    =========================================== */

/* Fluid images and containers */
img, iframe, video {
max-width: 100%;
}

/* Prevent text overflow and layout breakage */
h1, h2, h3, h4, h5, h6, p, li, a, button {
word-wrap: break-word;
word-break: break-word;
}

/* Ensure buttons are comfortable tap targets on small screens */
@media (max-width: 768px) {
.btn,
.btn-rd,
.btnpora,
.btn-rd2,
.btn-secondary,
.btn-primary,
.btn-call,
.getmob,
.mobile-btn {
min-height: 44px;
padding: 12px 16px;
font-size: 16px;
line-height: 1.2;
}
}

/* Header/nav – mobile menu behavior (collapsible) */
@media (max-width: 992px) {
.hide-desk { display: flex !important; gap: 8px; align-items: center; margin-left: auto; }
.hide-mob { display: none !important; }

.navbar-toggler { display: block; }
.navbar-collapse {
background: #fff;
padding: 10px 16px;
margin-top: 10px;
border-radius: 8px;
}
.navbar-nav.v-center {
flex-direction: column;
align-items: center;
gap: 10px;
}
.navbar-nav.v-center .nav-link {
width: 100%;
text-align: center;
padding: 10px 0;
font-size: 16px;
}

/* WhatsApp floating button safe placement */
.whatsapp-float {
position: fixed;
bottom: 16px;
right: 16px;
z-index: 1050;
}

/* Fixed header compensation to avoid content hiding under nav */
.fixed-top + main,
.fixed-top + .hero-section,
.fixed-top + .hero-section-1,
.fixed-top + section {
margin-top: 80px;
}
}

/* Hero block & two-column areas stack on tablet/phone */
@media (max-width: 992px) {
.hero-section,
.hero-section-1,
.hero-slideshow,
.agency-bg {
padding-top: 110px;
padding-bottom: 60px;
height: auto;
}

.hero-main-content {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
text-align: center;
}

.hero-text-section {
order: 2;
padding-right: 0 !important;
}

/* Right column form/visual block */
.img-box,
.img-box1,
.image-div,
.hero-product-carousel,
.form-block {
order: 1;
margin: 0 auto;
max-width: 540px;
width: 100%;
}

.heading-title,
.get-quote {
font-size: clamp(1.6rem, 6vw, 2.2rem) !important;
}

.heading-description {
font-size: 0.98rem !important;
margin: 0 auto;
}

.badge-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
}

.btn-rd, .btnpora, .btn-primary, .btn-secondary {
width: 100%;
max-width: 520px;
margin: 8px auto 0;
}
}

/* Feature rows, reviews, and guideline grids */
@media (max-width: 992px) {
.feature-row,
.feature-row.reverse {
display: flex;
flex-direction: column !important;
align-items: center;
text-align: center;
gap: 18px;
}
.feature-image {
max-width: 360px;
width: 100%;
margin: 0 auto;
}
.reviews-grid,
.guidelines-highlights,
.brand-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
}

@media (max-width: 768px) {
.reviews-grid,
.guidelines-highlights,
.brand-stats {
grid-template-columns: 1fr;
}
}

/* Pricing table and large tables: make scrollable on phone */
.table-responsive-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-responsive-wrapper table {
min-width: 700px;
}

/* Urgency bar text scaling */
@media (max-width: 768px) {
.urgency-bar {
padding: 10px 2vw !important;
font-size: 1rem !important;
}
}

/* Iframe form responsiveness & safe area /
@media (max-width: 768px) {
iframe[title="Quote"],
iframe[src*="forms"],
.quote-iframe {
width: 100% !important;
max-width: 100% !important;
min-height: 400px !important;
border: 0;
}
}

/* Typography adjustments for readability on small screens */
@media (max-width: 768px) {
body { font-size: 15px; line-height: 1.6; }
p, li { font-size: 1rem; }
.heading-description { line-height: 1.7; }
}

/* Carousels/images safe scaling */
.owl-carousel .owl-item img {
width: 100%;
height: auto;
}

/* Prevent hero background clipping on small screens */
@media (max-width: 768px) {
.car-bg {
clip-path: none !important;
min-height: 320px;
}
}

/* Footer stacking */
@media (max-width: 576px) {
.footer-content {
display: flex;
flex-direction: column;
gap: 12px;
text-align: center;
}
}

/* Mobile dropdown nav visual enhancements */
@media (max-width: 992px) {
.navbar-collapse .nav-link {
border-bottom: 1px solid #f0f0f0;
}
.navbar-collapse .nav-link:last-child {
border-bottom: 0;
}
}

/* Ensure large headings don’t overflow */
.heading-title, .pricing-title {
overflow-wrap: anywhere;
}

/* Safe container padding on very small screens */
@media (max-width: 480px) {
.container { padding-left: 8px; padding-right: 8px; }
}

/* Table wrapping utility: wrap your pricing table in a div.table-responsive-wrapper in HTML if not already */
.table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

/* Prevent sticky header overlap when anchored links are clicked */
:target {
scroll-margin-top: 90px;
}