/**
 * Bootstrap MD breakpoint (768px and up).
 * Mobile-first overrides only.
 */
/* style.css */
@media (min-width:768px) {
    .row-cols-md-4>*{width:25%}
}

/* components.css */
@media (min-width:768px) {
  .work-project__gallery.row-cols-md-1>*{width:100%}
  .work-project__gallery.row-cols-md-2>*{width:50%}
  .work-project__gallery.row-cols-md-3>*{width:33.333333%}
}

/* components.css */
@media (min-width:768px) {
  .clients-card-grid.row-cols-md-3>*{width:33.333333%}
}

@media (min-width:768px) {
  .section{padding-top:95px}
  .section h2,.cta-section h2{font-size:40px}
  .hero-slide{background-position:58% top}
  .hero-slide:before{content:none}
  .hero-slide__copy{width:60%;padding:100px 24px 0}
  .hero-slide__copy h2{font-size:43px}
  .hero-slider .carousel-indicators{left:24px}
  .service-tab{height:155px}
  .service-feature{padding-bottom:125px}
  .section-arrows{margin-top:95px}
  .progress-line{margin-top:125px}
  .service-item__image img{height:570px}
  .work-item__meta{grid-template-columns:1fr 1fr;padding:75px 50px 0;gap:110px}
  .clients-section{padding-bottom:150px}
  .client-card{height:245px}
  .cta-section--about{min-height:525px}
  .cta-section--about:after{display:block}
  .cta-section--about .cta-copy{width:520px}
  .cta-section--about .btn{position:absolute;top:52px;margin:0 0 0 430px}
  .page-hero{/*min-height:520px;*/ padding:0}
  .page-hero__inner h1{font-size:50px}
  .service-card__image img{height:245px}
  .service-detail__content{padding-top:80px;padding-bottom:90px}
  .service-detail__gallery img{height:auto}
  .works-carousel .work-card__image{height:390px}
  .works-carousel__controls{right:25px;top:25px}
  .works-carousel__controls button{width:48px;height:48px;border-radius:14px}
  .works-carousel .work-card__gallery{margin-top:20px;--bs-gutter-x:1.5rem}
  .works-carousel .work-card__gallery>.col{padding:0 8px}
  .works-carousel .work-card__gallery img{height:210px;border-radius:22px}
  .works-carousel .work-card__content{padding-top:42px}
  .works-carousel .work-card__content>div:nth-child(n+2){padding-left:20px}
  .works-page__hero{margin-bottom:75px}
  .works-filters{max-width:1320px;margin-bottom:95px;overflow:visible;padding-bottom:0}
  .works-filters__row{width:auto;min-width:0;margin-left:0;margin-right:0}
  .works-filter{height:135px}
  .work-card__image{height:390px}
  .work-card__gallery img{height:135px}
  .works-empty{padding:65px}
  .works-empty h2{font-size:36px}
  .cta-section--contact{padding:90px 0 85px}
  .cta-section--contact h2{margin-bottom:38px;font-size:40px}
  .contact-form input{height:64px}
  .contact-form textarea{height:205px}
  .contact-form__footer{margin-top:28px;gap:initial}
  .contact-form .btn{width:auto}
  .cta-section--contact .cta-copy{padding:6px 0 6px 45px;border-top:0;border-left:2px solid var(--an-navy)}
  .works-carousel-stage{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
  .works-carousel__peek-wrap{display:block}
  .works-carousel-stage>.works-carousel__controls{top:105px;width:700px}
  .works-carousel-stage>.works-carousel__controls button:first-child{transform:translateX(-100%)}
  .works-carousel-stage>.works-carousel__controls button:last-child{transform:translateX(100%)}
  .works-carousel .work-card__image{aspect-ratio:3.05/1}
  .work-category-card{border-radius:30px}
  .work-category-card__heading{padding:34px 36px 30px}
  .work-category-card__count{position:absolute;display:inline;right:36px;bottom:35px;margin-top:0}
  .work-category-card__projects{padding:0 36px}
  .work-project{padding:38px 0}
  .work-project__heading{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:40px;margin-bottom:24px}
  .clients-page__hero{margin-bottom:72px}
  .clients-directory{padding-bottom:120px}
  .clients-directory__heading{display:flex;margin-bottom:38px}
  .clients-directory__heading h2{margin-top:0}
  .client-logo-card__logo{padding:20px}
  .client-logo-card__content{padding:17px 15px 19px}
  .client-logo-card__content h3{font-size:15px}
  .about-page__story{padding-bottom:105px}
  .about-page__team{padding:44px;border-radius: 2rem;}
  .about-page__team-heading{margin-bottom:45px}
  .about-page__team-heading h2{font-size:48px}
  .contact-page__main{padding-top:75px;padding-bottom:85px}
  .contact-page__form-card{padding:32px}
  .contact-page__form-card h2{font-size:36px}
  .contact-page__details{padding:32px 28px}
  .contact-page__map-canvas{height:450px}
  :root{--internal-page-content-gap:51px;--nested-page-content-gap:75px}
  .page-hero{margin-bottom:var(--internal-page-content-gap)}
  .contact-page__hero,.about-page__hero{margin-bottom:var(--nested-page-content-gap)}
  .services-page-section,.service-detail__content,.about-page__story,.contact-page__main{padding-top:0}
}