@media screen and (min-width: 2100.98px) {}

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 1599.98px) {}

@media screen and (max-width: 1399.98px) {
  .service--list .card { padding: calc(5vh + 93px) 0 5vh; }
  .service--list .card .card--img { aspect-ratio: 1; }
}

@media screen and (max-width:1280px) {}

@media screen and (max-width: 1199.98px) {
  .header.show .logo { width: 100px; clip-path: inset(0% calc(100% - 35px) 0% 0%); }
  .home--banner--space, .home--banner { height: 70vh; }

  .why--us--info { flex-direction: column; }
  .why--us--info .info--box { width: 100%; margin-bottom: calc(var(--gap-xxl) * 2); }
  .why--us--info .why--us--list { padding-right: 0; }
  .why--us--info .img--bx { width: 85%; margin-left: 0; }

  .about--img--grp2 { width: 70%; margin: var(--gap-xxxl) auto 0; }

  .service--list .card { padding: calc(2vh + 93px) 0 2vh; flex-direction: column; }
  .service--list .card .card--img { width: 60%; margin-left: 0; }
  .service--list .card .card--body { width: 100%; }
  .service--list .card .card--body .h5 { transform: translateX(calc(-1 * 100% / 3)); }

  .certificate--list .media .media--body p br { display: none; }

  .case--studies .projects--list { display: flex; overflow: auto; }
  .case--studies .projects--list li { min-width: 300px; }

  .sector--coverage .sector--list { grid-template-columns: repeat(3, auto); }

  .blog--section:not(.fade--section) .blog--list { display: flex; overflow: auto; }
  .blog--section:not(.fade--section) .blog--list li { min-width: 300px; }
  .blog--list { grid-template-columns: repeat(2, 1fr); }

  .faq--wrapper li .number { grid-column: span 1; }
  .faq--wrapper li p:not(.pl) { grid-column: span 7; }

  .get--in--touch p { width: 90%; }

  .footer--links { max-width: 150px; }

  .about--right { margin-top: var(--gap-xxl); }

  .team--list { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width:1023.98px) {
  .container, .container-sm { max-width: calc(100% - 20px); }

  .brand--legacy--sec .history--bx { margin-bottom: var(--gap-xxxl); }
  .brand--legacy--sec .history--bx .h5 { min-height: 10px; }
}

@media screen and (max-width: 991.98px) {
  .service--list .card .card--img { width: 50%; }
  .service--list .card .card--body { margin: calc(var(--gap-lg) * 2) auto 0; }

  .process--list { grid-template-columns: repeat(3, 1fr); }

  .projects--list { grid-template-columns: repeat(2, 1fr); }

  .map--div { margin-top: var(--gap-xxxl); }

  .philosophy--list { grid-template-columns: repeat(2, 1fr); }

  .what--we--deliver .deliver--list { grid-template-columns: repeat(2, 1fr); gap: var(--gap-xl); }

  .safety--list { grid-template-columns: repeat(2, 1fr); gap: var(--gap-xl); }

  .sticky--panel { margin-bottom: calc(var(--gap-xl) * 2); }
}

@media screen and (max-width: 767.98px) {
  .hamburger--div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .hamburger--div span { width: 30px; height: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; border-radius: 10px; }
  .hamburger--div span:nth-child(2) { width: 24px; }
  .header.show .hamburger--div span { background-color: #242424 !important; }

  .navbar--container { position: fixed; right: 0px; top: 0px; margin-left: 0px; overflow: hidden; -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); padding: 80px 30px 30px 30px; width: 100%; background: #ffffff; height: 100vh; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); z-index: 9999; }
  .navbar--container.active { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%); }
  .navbar--container .close--btn { position: absolute; display: block; right: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #878787; display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
  .navbar--container .close--btn:hover { background: var(--blue); border-color: rgba(255, 255, 255, 0.5); }
  .navbar--container .close--btn img { width: 12px; height: auto; -o-object-fit: contain; object-fit: contain; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); -webkit-filter: brightness(0.3); filter: brightness(0.3); }
  .navbar--container .close--btn:hover img { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-filter: brightness(1); filter: brightness(1); }

  .header .navbar--nav { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .header .navbar--nav > li { display: flex; flex-wrap: wrap; width: 100%; padding: 0px; }
  .header.show .navbar--nav > li, .header .navbar--nav > li:not(:last-child) { padding: 0px; }
  .header .navbar--nav > li:last-child { padding: var(--gap-xl) 0; }
  .header .navbar--nav li a, .header .navbar--nav li button { font-size: clamp(18px, 1.25vw, 24px); color: var(--black); margin-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--gap-xl) 0px; border-bottom: 1px solid #f1f1f1; width: 100%; }
  .header .navbar--nav li a:after, .header .navbar--nav li button:after { display: none; }
  .header .navbar--nav li:last-child a { width: auto; margin-bottom: 0px; border-bottom: 0px; }

  .dropdown--bx .dropdown--menu { width: 100%; position: static; padding: 0px var(--gap-xl); border-radius: 0px; display: none; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: none; -o-transition: none; transition: none; border:0px; opacity: 1; pointer-events: all; }
  .dropdown--bx .dropdown--menu li a { border-bottom: 1px solid #f5f5f5; }
  .dropdown--bx .dropdown--menu li a { padding: var(--gap-lg) 0; margin-bottom: 0px; color: var(--black); }
  .dropdown--bx:hover .dropdown--menu { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; }
  .dropdown--bx .dropdown--menu:before { display:none; }
  .dropdown--bx a .arrow { width: 11px; }

  .header .navbar--nav li .btn { padding: var(--gap-lg) var(--gap-xl); }
  .header .navbar--nav > li > a span { font-size: clamp(15px, 1.04vw, 20px); }

  .mission--bx { height: auto; margin-bottom: var(--gap-xxl); }

  .founder--text--grp .founder--img { width: 100%; margin-bottom: var(--gap-xl); }
  .founder--text--grp .founder--msg { flex: auto; width: 100%; padding: 0; }

  .team--list { grid-template-columns: repeat(2, 1fr); }

  .process--list { display: flex; overflow: auto; gap: var(--gap-lg); }
  .process--list li { min-width: 300px; }

  .addres--list li { width: 100%; flex: auto; }

  .faq--wrapper li p:not(.pl) { max-height: 0; overflow: hidden; }

  .case--study--text, .what--we--offer .offer--list .offer--bx .offer--text, .blog--bx .blog--text { padding: var(--gap-xl) 0; }
  .case--bx, .what--we--offer .offer--list .offer--bx, .blog--bx { border: 0; }

  .get--in--bx { padding: calc(var(--gap-xl) * 2) var(--gap-xxxl); }
}

@media screen and (max-width: 575.98px) {
  .py--lg { padding: calc(var(--gap-xxxl) * 1.3) 0; }
  .pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.3); }
  .pt--lg { padding-top: calc(var(--gap-xxxl) * 1.3); }

  .py--md { padding: calc(var(--gap-xl) * 1.3) 0; }
  .pb--md { padding-bottom: calc(var(--gap-xl) * 1.3); }
  .pt--md { padding-top: calc(var(--gap-xl) * 1.3); }

  .home--banner .banner--slider .banner--content p { width: 95%; }
  .home--banner--space, .home--banner { height: 85vh; }

  .about--img--grp2 { width: 100%; display: none; }
  .home--about .about--text .btn--grp { flex-direction: column; gap: var(--gap-md); }

  .rating--div { margin-bottom: var(--gap-xxxl); }
  .rating--div li { padding-right: var(--gap-lg); margin-right: var(--gap-lg); }
  .about--img--grp2 { margin: var(--gap-xl) auto 0; }

  .certificate--list .media { flex-direction: column; align-items: flex-start; }
  .certificate--list .media .media--img { margin-right: 0; margin-bottom: var(--gap-md); }

  .service--list .card { padding: 60px 0 2vh; justify-content: center; }
  .service--list .card .card--img { width: 80%; }
  .service--list .card .card--body { padding: 0 var(--gap-xl); margin: calc(var(--gap-md) * 2) auto 0; }
  .service--list .card .card--body .h5 { padding: var(--gap-md) 0; margin-bottom: var(--gap-md); transform: translateX(0); }

  .projects--list, .blog--list { gap: var(--gap-xl); }

  .faq--wrapper li .number { grid-row-start: 1; }
  .faq--wrapper li p:not(.pl) { grid-row-start: 2; grid-column: span 11; grid-column-start: 2; grid-column-end: 12; }
  .faq--wrapper li .pl { grid-column: span 11; grid-column-start: 2; grid-column-end: 12; margin-bottom: var(--gap-lg); }

  .get--in--bx .text--info { width: 100%; margin-bottom: var(--gap-xxl); }
  .get--in--bx .contact--form { width: 100%; }

  .footer--links { margin-bottom: var(--gap-xxxl); }
  footer .footer--bottom { flex-direction: column; }
  footer .footer--bottom p { width: 100%; }
  .footer--links { max-width: 100%; }

  .sector--coverage .sector--list { grid-template-columns: repeat(1, auto); }

  .projects--list { grid-template-columns: repeat(1, 1fr); }

  .project-details .project-details-content { gap: 0; }
  .project-details .h2 { width: 100%; }
  .project-details ul { width: 100%; flex: auto; }

  .blog--list { grid-template-columns: repeat(1, 1fr); }

  .safety--list { grid-template-columns: repeat(1, 1fr); }

  .brand--legacy--sec .history--bx { padding: 0; }

  .what--we--deliver .deliver--list { grid-template-columns: repeat(1, 1fr); }

  .case--bx .case--img { aspect-ratio: 1.5; }
  .case--studies .case--bx { background: transparent; }
  .case--studies .case--bx .case--img .tag { background: #f7f7f7; }
}

@media screen and (max-width: 390px) {}