.crane-text.mb {
       margin-bottom: 0;
   }

   nav li {
       width: 32%;
   }

   @media (min-width: 1200px) {
       nav li {
           padding: 9px 0 0;
       }
   }

   @media (min-width: 1400px) {
       nav li {
           padding: 8px 0 0;
       }
   }

   @media (min-width: 768px) {
       nav li a {
           font-size: 19px;
           line-height: 1;
       }
   }

   @media (min-width: 992px) {
       nav li a {
           font-size: 19px;
           line-height: 1;
       }
   }

   @media (min-width: 1200px) {
       nav li a {
           font-size: 17px;
           line-height: inherit;
       }
   }

   @media (min-width: 1400px) {
       nav li a {
           font-size: 18px;
       }
   }

   @media (min-width: 768px) {
       .top {
           padding: 90px 0 27px 0;
       }
   }

   @media (min-width: 992px) {
       .top {
           padding: 85px 0 27px 0;
       }
   }

   @media (min-width: 1200px) {
       .top {
           padding: 74px 0 27px 0;
       }
   }

   .fbg-crane,
   .fbg-lulka {
       padding: 12px;
       height: 637px;
       min-width: 327px;
       position: relative;
   }

   @media (min-width: 576px) {

       .fbg-crane,
       .fbg-lulka {
           height: 600px;
       }
   }

   @media (min-width: 768px) {

       .fbg-crane,
       .fbg-lulka {
           height: 558px;
       }
   }

   @media (min-width: 992px) {

       .fbg-crane,
       .fbg-lulka {
           height: 478px;
       }
   }

   @media (min-width: 1200px) {

       .fbg-crane,
       .fbg-lulka {
           height: 548px;
       }
   }

   @media (min-width: 1400px) {

       .fbg-crane,
       .fbg-lulka {
           height: 637px;
       }
   }

   .no-webp .fbg-crane {
       background: url(/images/optimize/towercrane-mob3.jpg);
       background-size: cover;
       background-position: 0 0;
   }

   .webp .fbg-crane {
       background: url(/images/optimize/webp/towercrane-mob4.webp);
       background-size: cover;
       background-position: 0 0;
   }

   @media (min-width: 576px) {
       .no-webp .fbg-crane {
           background: url(/images/optimize/towercrane.jpg);
           background-size: cover;
           background-position: 0 0;
       }

       .webp .fbg-crane {
           background: url(/images/optimize/webp/towercrane.webp);
           background-size: cover;
           background-position: 0 0;
       }
   }

   .no-webp .fbg-lulka {
       background: url(/images/optimize/lulka-bg-mob3.jpg);
       background-size: cover;
       background-position: 0 0;
   }

   .webp .fbg-lulka {
       background: url(/images/optimize/webp/lulka-bg-mob3.webp);
       background-size: cover;
       background-position: 0 0;
   }

   @media (min-width: 576px) {
       .no-webp .fbg-lulka {
           background: url(/images/optimize/lulka-bg3.jpg);
           background-size: cover;
           background-position: 0 0;
       }

       .webp .fbg-lulka {
           background: url(/images/optimize/webp/lulka-bg3.webp);
           background-size: cover;
           background-position: 0 -158px;
       }
   }

   .fbg-crane .fbgbox {
       background: linear-gradient(45deg, hsl(221deg 13% 53% / 48%), transparent);
   }

   .fbg-lulka .fbgbox {
       background: rgb(54 54 54 / 48%);
   }

   @media (min-width: 576px) {
       .fbg-lulka .fbgbox {
           background: rgb(54 54 54 / 48%);
       }
   }

   @media (min-width: 992px) {
       .top:before {
           height: 607px;
           width: 77%;
       }
   }

   @media (min-width: 1200px) {
       .top:before {
           width: 78%;
           height: 658px;
       }
   }

   @media (min-width: 1400px) {
       .top:before {
           height: 747px;
           width: 72%;
       }
   }

   h1 {
       font-size: 40px;
       padding: 40px 20px 0;
       margin-top: 127px;
   }

   @media (min-width: 768px) {
       h1 {
           font-size: 44px;
           margin-top: 278px;
           padding-left: 38px;
       }
   }

   @media (min-width: 768px) {
       h1 {
           margin-top: 107px;
       }
   }

   @media (min-width: 1200px) {
       h1 {
           margin-top: 140px;
       }
   }

   @media (min-width: 1400px) {
       h1 {
           margin-top: 278px;
       }
   }

   .crane-text {
       background: #fff;
       padding: 20px 24px;
       box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.13);
       border-radius: 7px;
       position: relative;
       margin: 48px 0;
   }

   .crane-text button {
       background-image: linear-gradient(to right, #ffbb17 0%, #ffdb84 51%, #ffbb17 100%);
       transition: 0.7s;
       background-size: 200% auto;
       padding: 14px 27px;
       display: inline-block;
       text-decoration: none;
       color: #474747;
       font-size: 18px;
       margin: 14px 0 4px;
       position: relative;
       left: 50%;
       transform: translateX(-50%);
   }

   .crane-text button:hover {
       background-position: right center !important;
       text-decoration: none;
   }

   .crane-text h2 {
       font-size: 22px;
       margin: 0 0 14px;
       position: relative;
       color: #778197;
   }

   @media (min-width: 768px) {
       .crane-text h2 {
           font-size: 34px;
       }
   }

   .crane-text h2:before {
       content: "";
       position: absolute;
       left: -24px;
       width: 5px;
       background: #ffbb17;
       top: 0;
       height: 100%;
   }

   .kbox {
       background: #f9f9f9;
       margin: 14px 0;
       padding: 17px 20px 13px;
       position: relative;
       border: 7px solid #ebebeb;
   }

   .kbox:before {
       content: "";
       position: absolute;
       right: 50%;
       bottom: -7px;
       width: 28%;
       height: 7px;
       background: #ffbb17;
       transform: translateX(50%);
   }

   .kbox h3 {
       margin: 0;
   }

   .mrg {
       margin: 4px 0;
   }

   .block70 {
       flex: 0 0 auto;
       width: 100%;
   }

   @media (min-width: 992px) {
       .block70 {
           width: 70%;
       }
   }

   .block30 {
       flex: 0 0 auto;
       width: 100%;
   }

   @media (min-width: 992px) {
       .block30 {
           width: 30%;
       }
   }

   .craneworkimg {
       margin: 0 0 48px;
       padding: 17px 20px;
       position: relative;
   }

   @media (min-width: 768px) {
       .craneworkimg {
           margin: 48px 0;
           padding: 17px 27px;
       }
   }

   .craneworkimg img {
       width: 100%;
       height: auto;
   }

   .craneworkimg:before {
       content: "";
       position: absolute;
       right: 0;
       width: 48%;
       background: #778197;
       top: 0;
       bottom: 0;
       z-index: -1;
   }

   .dahanimg {
       margin: 0 0 48px;
       padding: 2px 0;
       position: relative;
   }

   @media (min-width: 768px) {
       .dahanimg {
           margin: 48px 0;
           padding: 2px 18px;
       }
   }

   .lulkaimg {
       margin: 0 0 48px;
       padding: 0;
       position: relative;
   }

   @media (min-width: 768px) {
       .lulkaimg {
           margin: 40px 0;
           padding: 0 20px;
       }
   }

   .dahanimg:before {
       content: "DAHAN\0aQTZ 63";
       position: absolute;
       left: 0;
       top: 158px;
       background: #ffbb17;
       font-size: 42px;
       white-space: pre;
       line-height: 1;
       font-weight: bold;
       padding: 8px 14px;
       color: #586072;
   }

   @media (min-width: 768px) {
       .dahanimg:before {
           left: 18px;
       }
   }

   .lulkaimg:before {
       content: "ZLP 630";
       position: absolute;
       left: 0;
       top: 347px;
       background: #ffbb17;
       font-size: 42px;
       white-space: pre;
       line-height: 1;
       font-weight: bold;
       padding: 8px 14px;
       color: #586072;
   }

   @media (min-width: 768px) {
       .lulkaimg:before {
           left: 20px;
       }
   }

   .dahanimg img,
   .lulkaimg img {
       width: 100%;
       height: auto;
   }