@media screen and (max-width:767px) {
 #home > section.scoope { padding-bottom: 20px !important; }
 #home > section.atexBoxes { background: #f5f6f7; padding: 20px 20px 28px !important; margin: 0; }
 #home > section.atexBoxes > .container.maxWidth {
  display: grid !important; grid-template-columns: minmax(0,1fr); gap: 10px;
  width: 100%; margin: 0; padding: 0 !important;
 }
 #home > section.atexBoxes .container > div.atexBoxes {
  width: 100%; height: auto !important; min-height: 0; margin: 0 !important; padding: 0 !important;
  border: 0; background: none;
 }
 #home > section.atexBoxes div.atexBoxes > a {
  position: relative; display: grid !important; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 14px;
  box-sizing: border-box; width: 100%; height: auto !important; min-height: 92px;
  margin: 0; padding: 16px 36px 16px 14px !important;
  background: #fff; border: 1px solid #e5e7e9; border-radius: 12px;
  color: #262b30; text-decoration: none; box-shadow: 0 3px 10px rgba(20,25,30,.035);
 }
 #home > section.atexBoxes div.atexBoxes > a::after {
  content: ''; position: absolute; right: 17px; top: 50%; width: 7px; height: 7px;
  border-right: 2px solid #b07614; border-top: 2px solid #b07614; transform: translateY(-50%) rotate(45deg);
  background: none;
 }
 #home > section.atexBoxes div.atexBoxes > a > div { position: static; width: auto; height: auto; min-height: 0; margin: 0; padding: 0 !important; }
 #home > section.atexBoxes div.atexBoxes > a img {
  position: static !important; display: block; width: 48px !important; height: 48px !important;
  object-fit: contain; margin: 0 !important; padding: 0 !important; transform: none;
 }
 #home > section.atexBoxes .description h5 { margin: 0 0 4px !important; padding: 0 !important; height: auto; min-height: 0; font: 600 16px/1.25 Arial,sans-serif !important; color: #252a30; }
 #home > section.atexBoxes .description p { margin: 0 !important; padding: 0 !important; width: auto; height: auto; font: 400 13px/1.4 Arial,sans-serif !important; color: #60666d; }
 #home > section.atexBoxes br { display: none; }
 #home > section.atexBoxes a:active { background: #fff8eb; border-color: #e8bf76; }
 #home > section.atexBoxes a:focus-visible { outline: 3px solid #c18416; outline-offset: 3px; }
 #constructionDetails, #production, #atexTests, #securitySystem, #press, #servis { scroll-margin-top: 88px; }
 #home > section.projecting { margin: 0; padding-top: 32px !important; padding-bottom: 32px !important; }
 #home > section.projecting > .container.maxWidth { padding-top: 0 !important; padding-bottom: 0 !important; }
 #press > .container.maxWidth { display: grid !important; grid-template-columns: 72px minmax(0,1fr); column-gap: 16px; row-gap: 0; align-items: center; }
 #press > .container > .img {
  grid-column: 1; grid-row: 1 / 3; position: static; width: 72px; height: auto;
  margin: 0; padding: 0 !important; align-self: center;
 }
 #press > .container > .img > img {
  position: static !important; width: 72px !important; height: auto !important;
  max-width: 72px !important; max-height: 110px; object-fit: contain;
  margin: 0 !important; padding: 0 !important; transform: none !important;
 }
 #press > .container > .description { display: contents !important; }
 #press > .container > .description > h2, #press > .container > .description > h3 {
  grid-column: 2; width: auto; height: auto; min-height: 0; margin: 0; padding: 0 !important;
  font-size: 21px !important; line-height: 1.25;
 }
 #press > .container > .description > h3 { font-size: 19px !important; }
 #press > .container > .description > p, #press > .container > .description > div { grid-column: 1 / -1; width: 100%; }
 #press > .container > .description > p:first-of-type { margin-top: 20px; padding-top: 0 !important; }
 #securitySystem .points { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; width: 100%; margin: 24px 0 0; padding: 0 !important; }
 #securitySystem .points > div {
  display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; align-items: center;
  box-sizing: border-box; width: 100%; height: auto; min-height: 0; margin: 0; padding: 18px !important;
  border: 1px solid #e7e8ea; border-radius: 12px; background: #fafafa;
 }
 #securitySystem .points > div > .img {
  position: static; width: 40px !important; height: auto !important; min-height: 0;
  margin: 0 !important; padding: 0 !important; align-self: center;
 }
 #securitySystem .points .img > img:not(.number), #securitySystem .points .text > .box { display: none !important; }
 #securitySystem .points .img > img.number {
  position: static !important; display: block; width: 40px !important; height: auto !important;
  max-width: 40px !important; max-height: none; object-fit: contain;
  margin: 0 !important; padding: 0 !important; transform: none !important;
 }
 #securitySystem .points > div > .text { display: contents; }
 #securitySystem .points h5 {
  position: static; width: auto; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.3; color: #24292e;
 }
 #securitySystem .points p {
  grid-column: 1 / -1; width: auto; height: auto; margin: 0 !important; padding: 0 !important;
  font-size: 14px !important; line-height: 1.5; color: #485057;
 }
 #securitySystem .points br { display: none; }
 #atexTests .points { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; width: 100%; margin: 24px 0 0; padding: 0; counter-reset: test-step; }
 #atexTests .points > div {
  counter-increment: test-step; display: grid; grid-template-columns: 32px minmax(0,1fr);
  align-items: center; gap: 12px; box-sizing: border-box; width: 100%; height: auto;
  min-height: 0; margin: 0; padding: 18px !important; border: 1px solid #ece7dd; border-radius: 12px; background: #fffcf6;
 }
 #atexTests .points > div > .img { position: static; width: 32px; height: 32px; margin: 0; padding: 0; }
 #atexTests .points > div > .img img { display: none !important; }
 #atexTests .points > div > .img::before {
  content: counter(test-step); display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius: 9px; background: #ffe6ae; color: #835100;
  font: 600 16px/1 Arial,sans-serif;
 }
 #atexTests .points > div > .text { display: contents; }
 #atexTests .points h5 { position: static; width: auto; height: auto; min-height: 0; margin: 0; padding: 0 !important; font-size: 17px !important; line-height: 1.3; color: #24292e; }
 #atexTests .points p { grid-column: 1 / -1; width: auto; height: auto; margin: 0; padding: 0 !important; font-size: 14px !important; line-height: 1.5; color: #485057; }
 #atexTests .points p br { display: none; }
 #atexTests .points > div > .img { align-self: center; margin: 0 !important; padding: 0 !important; }
 #atexTests .points h5 { height: auto !important; min-height: 0 !important; margin: 0 !important; align-self: center; }
 #production .description > img[src="images/dzial_produkcja_agregatow_hydraulicznych.png"] { display: none !important; }
 #home > section.projecting .title { display: block; height: auto; min-height: 0; }
 #home > section.projecting .title > div:not(.gap) { height: auto; min-height: 0; }
 #home > section.projecting .title h1 {
  width: 100%; height: auto; min-height: 0; margin: 0; padding: 0 !important;
  font-size: 26px !important; line-height: 1.18;
 }
 #home > section.projecting .title h2 {
  width: 100%; height: auto; min-height: 0; margin: 6px 0 0; padding: 0 !important;
  font-size: 20px !important; line-height: 1.3;
 }
 #home > section.projecting .title h2 span { font-size: inherit !important; line-height: inherit; }
 #home > section.projecting .title h2 br { display: none; }
 #home > section.projecting .title > .description {
  position: static; width: 100%; margin: 20px 0 0 !important; padding: 0 !important;
 }
 #home > section.projecting .description > p:first-child { margin-top: 0 !important; padding-top: 0 !important; }
 /* Consistent section spacing on phones. */
 #home > :is(.constructionDetails,.production,.atexTests,.securitySystem,.press,.servis) { margin: 0 !important; padding: 32px 20px !important; }
 #home > :is(.constructionDetails,.production,.atexTests,.securitySystem,.press,.servis) > :is(.container,.production) { width: 100% !important; max-width: none; margin: 0 !important; padding: 0 !important; }
 #home > :is(.constructionDetails,.production,.atexTests,.securitySystem) > div > .description { width: 100%; margin: 0 !important; padding: 0 !important; }
 #home > :is(.constructionDetails,.production,.atexTests,.securitySystem) > div > .description > :is(h2,h3), #home > .scoope h2, #servis .title h2 { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 24px !important; line-height: 1.25 !important; }
 #home > :is(.projecting,.constructionDetails,.production,.atexTests,.securitySystem,.press) .description > p { padding: 0 !important; margin: 16px 0 0 !important; line-height: 1.5; }
 #home > :is(.constructionDetails,.production,.atexTests,.securitySystem) > div > .description > h3 + p { margin-top: 20px !important; }
 #home > .scoope { padding: 8px 20px 24px !important; }
 #home > .scoope > .container, #home > .scoope .title { width: 100%; padding: 0 !important; margin: 0 !important; }
 #production > .production > .foto { width: 100%; margin: 0 0 24px !important; padding: 0 !important; }
 #production > .production > .foto img { display: block; width: 100% !important; height: 160px !important; object-fit: contain; margin: 0 auto !important; }
 #atexTests > .container > .img { display: none !important; }
 #constructionDetails .elements { display: grid; gap: 12px; margin: 24px 0 0 !important; padding: 0 !important; }
 #constructionDetails .element { display: grid !important; grid-template-columns: 44px minmax(0,1fr); gap: 12px; align-items: center; width: 100%; margin: 0 !important; padding: 16px !important; border: 1px solid #ffffff26; border-radius: 12px; background: #ffffff08; }
 #constructionDetails .element .foto { width: 44px !important; height: auto; margin: 0 !important; padding: 0 !important; }
 #constructionDetails .element .foto img { width: 44px !important; height: 44px !important; object-fit: contain; margin: 0 !important; }
 #constructionDetails .element .description { display: contents !important; }
 #constructionDetails .element h5 { height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.3; }
 #constructionDetails .element .description > p { grid-column: 1 / -1; font-size: 14px; margin: 0 !important; }
 #securitySystem .description > img { display: block; width: 100% !important; height: 180px !important; object-fit: contain; margin: 24px auto 0 !important; padding: 0 !important; }
 #press .ground, #press > .container > .background { display: none !important; }
 #press .description > div { margin-top: 24px !important; padding: 0 !important; }
 #press .point { display: grid !important; grid-template-columns: 12px minmax(0,1fr); align-items: start; gap: 12px; padding: 0 !important; margin: 0 0 16px !important; }
 #press .point:last-child { margin-bottom: 0 !important; }
 #press .point > .img { width: 12px !important; height: 12px !important; padding: 0 !important; margin: 6px 0 0 !important; }
 #press .point img { width: 12px !important; height: 12px !important; margin: 0 !important; }
 #press .point p { width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.5; }
 #home > #servis { padding-right: 0 !important; padding-left: 0 !important; }
 #home > #servis > .container { width: calc(100% - 40px) !important; margin: 0 auto !important; }
 #home > #servis .dotted { padding: 0 0 24px !important; margin: 0 !important; }
 #home > #servis .dotted h2 { font-size: 24px !important; line-height: 1.25 !important; margin: 0 !important; padding: 0 !important; }
 #home > #atexTests .points > div > .img { min-height: 0 !important; height: 32px !important; }
 #home > #atexTests .points > div { grid-template-rows: auto auto; }
}
