/**
 * Bootstrap SM breakpoint (576px and up).
 * Mobile-first overrides only.
 */
/* style.css */
@media (min-width:576px) {
    .col-md-4{width:33.3333%}
}

/* style.css */
@media (min-width:576px) {
    .col-md-3{width:25%}
    .col-md-6{width:50%}
    .page-hero{padding-top: 0 !important;min-height: 280px !important;}
}

@media (min-width:576px) {
  h2{font-size:45px}
  .hero h1{font-size:50px}
  .hero p{margin-left:85px;font-size:18px}
  .hero p:before{display:block}
  .service-tabs{padding:0}
  .service-image{height:570px;background-position:-905px -1125px}
  .section-head{display:flex!important}
  .section-head h2{margin-bottom:0}
  .works-gallery{height:395px;background-position:47% -1985px}
  .client-grid{grid-template-columns:repeat(2,1fr)}
  .client-grid>div{height:250px}
  .contact h2{font-size:45px}
  .contact-info{border-left:2px solid var(--navy);padding-left:30px}
  .map{height:470px;background-position:center -5310px}
  .footer-main{padding-left:0;padding-right:0}
  .copyright{text-align:left}
  .login-page{padding:125px 24px 100px}
  .login-card{padding:42px 38px;border-radius:28px}
  .login-card h1{font-size:38px}
  .login-intro{margin-bottom:35px}
  .works-actions .mini-btn{margin-right:24px}
  .works-prev,.works-next{width:58px;height:58px;border-radius:16px}
  .works-swiper .work-card{height:340px;min-height:340px}
  .works-page__hero{margin-bottom:55px}
  .works-filters{margin-bottom:65px}
  .works-filters__heading{display:flex}
  .works-filters__heading h2{font-size:clamp(28px,3vw,44px)}
  .works-gallery-grid{gap:72px}
  .work-gallery-card{padding:24px;border-radius:30px}
  .work-gallery-card__heading{display:flex}
  .work-gallery-card__brand{margin-top:0}
  .work-gallery-card__images{gap:14px}
  .work-gallery-tile{border-radius:20px}
  .work-gallery-tile>span{right:14px;bottom:14px;width:40px;height:40px;opacity:0;transform:translateY(8px)}
  .work-gallery-card__content{gap:35px;padding-top:27px}
  .works-lightbox{grid-template-columns:50px minmax(0,1fr) 50px;padding:65px 12px 30px}
  .works-lightbox figure{grid-column:2}
  .works-lightbox__previous,.works-lightbox__next{position:static;width:48px;height:48px}
  .works-lightbox__previous{grid-column:1}
  .works-lightbox__next{grid-column:3}
  .works-lightbox img{max-height:calc(100vh - 130px)}
}