/* Final responsive layer shared by the homepage and all public inner pages. */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%}
input,select,textarea,button{max-width:100%}
.container,.pts-container{width:min(100% - 40px,1320px);margin-inline:auto}
.row>*{min-width:0}

@media(max-width:1100px){
  .pts-reference-topbar-inner,.pts-header-inner{width:calc(100% - 36px)!important}
  .pts-header-inner{gap:20px!important}
  .pts-nav>li>a{padding-inline:9px!important;font-size:.9rem!important}
  .ppd-layout{width:100%!important;max-width:100%!important}
  .ppd-layout.has-sidebar{grid-template-columns:260px minmax(0,1fr)!important;gap:30px!important}
  .ppd-layout.has-sidebar .ppd-product-tabs{width:100%!important;max-width:100%!important;margin-left:0!important}
}

@media(max-width:900px){
  .pts-reference-topbar{display:none!important}
  .pts-header-inner{height:76px!important}
  .pts-header nav{margin-left:auto}
  .pts-nine-dots{display:none!important}
  .ppd-layout,.ppd-layout.has-sidebar{display:grid!important;grid-template-columns:1fr!important;width:calc(100% - 32px)!important;gap:28px!important}
  .ppd-layout.has-sidebar .ppd-product-tabs{width:100%!important;margin-left:0!important}
  .ppd-sidebar{position:relative!important;top:auto!important}
  .ppd-image-wrap{height:clamp(280px,48vw,380px)!important}
  .ppd-page.ppd-columns-3 .ppd-list-card,.ppd-page.ppd-columns-4 .ppd-list-card{flex-basis:calc(50% - 8px)!important}
  .ppd-tab-panel[data-tab-panel="benefits"] ul,.ppd-screenshot-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:768px){
  .container,.pts-container{width:min(100% - 28px,1320px);padding-left:0!important;padding-right:0!important}
  .pts-header-inner{width:calc(100% - 28px)!important;height:70px!important;padding:0!important}
  .pts-logo img{max-width:160px!important;max-height:48px!important}
  .pts-hamburger{display:flex!important;margin-left:auto}
  .pts-header nav{margin:0}
  .pts-nav.mobile-open{inset:70px 0 0!important;width:100%!important;padding:18px!important}
  .pts-nav.mobile-open>li,.pts-nav.mobile-open>li>a{width:100%}
  .pts-nav.mobile-open>li>a{justify-content:space-between;padding:13px 14px!important;font-size:1rem!important}
  .pts-dropdown{position:static!important;width:100%!important;min-width:0!important;box-shadow:none!important}
  .pts-footer{margin-inline:10px!important;padding:58px 20px 0!important;border-radius:24px 24px 0 0!important}
  .pts-footer-grid{grid-template-columns:1fr!important;gap:34px!important;padding-bottom:42px!important}
  .pts-footer-bottom{display:grid!important;grid-template-columns:1fr!important;text-align:center;padding:22px 0!important}
  .pts-page-banner{margin-inline:10px!important;border-radius:22px!important;padding-inline:14px!important}
  .pts-page-banner h1{font-size:clamp(2rem,10vw,3rem)!important;overflow-wrap:anywhere}
  .ppd-banner{margin-inline:10px!important;border-radius:0 0 22px 22px!important;min-height:250px!important}
  .ppd-banner h1{font-size:clamp(2rem,10vw,3rem)!important;padding-inline:14px;overflow-wrap:anywhere}
  .ppd-content-section{padding:48px 0 65px!important}
  .ppd-layout,.ppd-layout.has-sidebar{width:calc(100% - 24px)!important}
  .ppd-tab-panel,.ppd-tab-panel.is-active{padding:42px 14px!important;margin-inline:0!important;border-radius:18px!important}
  .ppd-page.ppd-columns-3 .ppd-list-card,.ppd-page.ppd-columns-4 .ppd-list-card{flex-basis:100%!important;min-height:0!important}
  .ppd-tab-panel[data-tab-panel="benefits"] ul,.ppd-screenshot-grid{grid-template-columns:1fr!important}
  .ppd-section-heading h3{font-size:clamp(1.7rem,8vw,2.25rem)!important}

  .premora-home .tv-header .header-top{display:none!important}
  .premora-home .tv-header .header-lower .inner-container{padding-inline:14px!important}
  .premora-home .tv-header .header-logo img{max-width:155px!important}
  .premora-home .tv-hero-section .hero-inner,
  .premora-home .tv-service-section.style-4 .tv-service-inner,
  .premora-home .tv-marquee-section .tv-marquee-inner,
  .premora-home .tv-process-section .process-inner{margin-inline:10px!important}
  .premora-home .tv-service-section.style-5,
  .premora-home .tv-choose-section,
  .premora-home .tv-blog-section{width:calc(100% - 20px)!important;margin-inline:10px!important}
  .premora-home .service-title-area{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  .premora-home .sec-title{font-size:clamp(1.8rem,8vw,2.6rem)!important;overflow-wrap:anywhere}
  .premora-home .service-box-five,.premora-home .service-box-four{height:auto!important;min-height:0!important}
  .premora-home .tv-process-item .process-box{height:auto!important;min-height:250px!important}
  .premora-home .tv-choose-section .image_right{margin-top:28px!important}
  .premora-home .tv-process-section.style-3 .process-box{min-height:0!important}
  .premora-home .tv-blog-section .blog-single-box{height:auto!important}
  .premora-home .newsletter-section{margin-inline:10px!important}
  .premora-home .newsletter-section .newsletter{padding:28px 18px!important}
  .premora-home .newsletter-section .newsletter-form{width:100%!important}
  .premora-home .footer-section{margin-inline:10px!important}
  .premora-about .tv-header .header-top{display:none!important}
  .premora-about .tv-header .header-lower .inner-container{padding-inline:14px!important}
  .premora-about .tv-header .header-logo img{max-width:155px!important}
  .premora-about .tv-breadcrumb-section .tv-breadcrumb-inner,
  .premora-about .tv-feature-section .feature-inner,
  .premora-about .tv-about-section .about-inner,
  .premora-about .tv-marquee-section .marquee-wrap,
  .premora-about .tv-process-section .process-inner{margin-inline:10px!important;border-radius:20px!important;overflow:hidden}
  .premora-about .tv-breadcrumb-section .page-title h2,
  .premora-about .tv-about-section .sec-title,
  .premora-about .tv-process-section .sec-title{font-size:clamp(1.9rem,9vw,2.8rem)!important;overflow-wrap:anywhere}
  .premora-about .tv-feature-section .tv-feature-box{height:auto!important;min-height:0!important}
  .premora-about .tv-about-section .about-image{margin-bottom:28px!important}
  .premora-about .tv-process-section .process-box{height:auto!important;min-height:0!important}
  .premora-about .newsletter-section{margin-inline:10px!important}
  .premora-about .newsletter-section .newsletter{padding:28px 18px!important}
  .premora-about .newsletter-section .newsletter-form{width:100%!important}
  .premora-about .footer-section{margin-inline:10px!important}
}

@media(max-width:480px){
  .container,.pts-container{width:min(100% - 20px,1320px)}
  .pts-logo img{max-width:138px!important}
  .pts-footer{margin-inline:0!important;border-radius:20px 20px 0 0!important;padding-inline:16px!important}
  .ppd-layout,.ppd-layout.has-sidebar{width:calc(100% - 18px)!important}
  .ppd-image-wrap{height:230px!important;border-radius:14px!important}
  .ppd-list-card{padding:24px 18px!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important}
  .ppd-list-card>span{width:44px!important;height:44px!important}
  .ppd-list-card strong{font-size:1rem!important}
  .premora-home .marquee-wrap{padding-block:22px!important}
  .premora-home .marquee-wrap .m-item{font-size:18px!important}
  .premora-home .newsletter-section .newsletter h3{font-size:1.35rem!important}
}