@media(max-width:991.98px){

  .topbar{display:none}

  .navwrap .navbar-collapse{background:#0c0a09;border:1px solid rgba(201,164,90,.25);border-radius:16px;margin-top:12px;padding:14px 18px}

  .navwrap .navbar-nav{gap:8px}

  .navwrap .nav-link{padding:8px 4px}

  .nav-r{margin-top:8px}

  .hero{padding:128px 0 0}

  .hero-copy{min-height:0;max-width:none}

  .hero-visual{position:relative;top:0;right:0;bottom:0;width:auto;margin:36px 0 0;border-radius:0;min-height:360px}

  .strip .row>div:nth-child(2) .s::after{display:none}

  .ab-hero{padding:128px 0 70px}

  .ab-visual{margin-top:30px}

  /* testimonials slider */
  .t-nav{margin-top:28px;gap:14px}

}

@media(max-width:767px){

  /* testimonials slider */
  .t-arrow{width:44px;height:44px}
  .t-arrow svg{width:18px;height:18px}
  .t-nav{gap:12px;margin-top:24px}
  .t{padding:26px}


  .cta-grid{text-align:center}

  .cta h2,.cta p{margin-left:auto;margin-right:auto}

  .cta .btns,.cta-trust{justify-content:center}

  .foot-bot{flex-direction:column;text-align:center;gap:10px}

  .form .btn-v{width:100%}

  .hero-cta{flex-wrap:nowrap}

  .hero-cta .btn{flex:1 1 0;justify-content:center;white-space:nowrap}

}


@media(min-width:1024px) and (max-width:1200px){

  .container{padding-left:24px;padding-right:24px}

  .pad{padding:92px 0}

  .hero{padding:140px 0 78px}

  .hero-visual{width:44vw}

  .navwrap .navbar-nav{gap:24px}

  .cta{padding:56px 48px}

}


@media(min-width:768px) and (max-width:1023px){

  .pad{padding:84px 0}

  .ab-hero{padding:120px 0 64px}

  .cta{padding:54px 44px}

  .c-info{padding:42px 34px}

  .form{padding:32px}

  .ab-visual{min-height:400px}

  .ab-shot.main{width:72%}

  .adv-media{min-height:340px}

}


@media(min-width:600px) and (max-width:767px){

  .pad{padding:72px 0}

  .hero{padding:120px 0 0}

  .hero h1{font-size:clamp(40px,9vw,54px)}

  .ab-hero{padding:116px 0 56px}

  .ab-hero h1,.g-hero h1{font-size:clamp(38px,8vw,50px)}

  .cta{padding:48px 32px}

  .c-info{padding:38px 30px}

  .form{padding:28px}

  .ab-visual{min-height:360px}

  .adv-media{min-height:300px}

  .mission-quote{padding:46px 36px}

  .sec-head p,.txt-block p{font-size:15px}

}

@media(min-width:320px) and (max-width:559px){

  .container{padding-left:18px;padding-right:18px}

  .pad{padding:60px 0}


  .logo img{width:150px}


  .hero{padding:104px 0 40px}

  .hero h1{font-size:clamp(34px,10vw,44px)}

  .hero .lead{font-size:17px}

  .hero-visual{min-height:300px}

 
  .ab-hero{padding:98px 0 44px}

  .ab-hero h1,.g-hero h1{font-size:clamp(32px,9vw,40px)}

  .ab-hero p,.g-hero p{font-size:17px}


  .hero-cta{gap:8px}

  .hero-cta .btn{padding:12px 14px;font-size:13px;gap:6px}

  .hero-cta .btn svg{width:15px;height:15px}


  .cta .btns .btn{width:100%;justify-content:center}

  .cta .btns{flex-direction:column}


  .strip .s{padding:22px 16px;gap:12px}

  .strip .s .si{width:42px;height:42px}

  .strip .s .n{font-size:22px}

  .strip .row>div .s::after{display:none}

 
  .cta{padding:40px 22px;border-radius:22px}

  .cta-trust{gap:14px}

  .cta-card{padding:28px 22px}


  .c-info{padding:30px 22px;border-radius:22px}

  .form{padding:22px;border-radius:22px}


  .ab-visual{min-height:300px;padding:14px 0 30px}

  .ab-shot.main{width:84%}

  .ab-shot.sub{width:50%}

  .ab-badge{padding:10px 13px}

  .ab-badge.exp .n{font-size:24px}

  .ab-badge.exp .l,.ab-badge.rate .l{font-size:11px}


  .adv-media{min-height:270px}

  .mission-quote{padding:34px 24px}

  .mission-quote::before{font-size:150px;top:-20px}

  .proc .step{padding:20px 18px;gap:14px}

  .proc .step .num{width:44px;height:44px;font-size:18px}

  .t{padding:26px 24px}

  .acard,.advx{padding:24px 22px}

.flist{padding:0px}

}